/* PATCH 05 — only shared navigation measurements and the order section; do not change form JS */
@media (min-width:1280px){
 #rzp-page .rzp-nav-shell .rzp-nav{gap:13px!important;justify-content:space-between!important;}
 #rzp-page .rzp-nav-shell .rzp-nav>a,
 #rzp-page .rzp-nav-shell .rzp-nav>details{flex:1 1 auto!important;min-width:0!important;}
 #rzp-page .rzp-nav-shell .rzp-nav>a,
 #rzp-page .rzp-nav-shell .rzp-nav>details>summary{padding-left:15px!important;padding-right:15px!important;}
}
@media (min-width:981px) and (max-width:1279px){
 #rzp-page .rzp-nav-shell .rzp-nav{gap:7px!important;}
}
/* This button had been made regular by a page-specific override. */
#rzp-page .rzp-contact-section .rzp-contact-form-card button.rzp-form-submit,
#rzp-page .rzp-contact-form-card .rzp-contact-form-fields button.rzp-form-submit{font-weight:700!important;}
/* Bring back the *original* round green telephone icon from the archived FINAL. */
@media(min-width:981px){
 #rzp-page .rzp-header-contacts{position:relative!important;padding-left:55px!important;}
 #rzp-page .rzp-header-contacts::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:46px!important;height:46px!important;background:url('/assets/images/embedded/css-embedded-01.webp') center/contain no-repeat!important;}
}
/* Four steps in the canonical wall mineral wool block. */

/* rzp-order-new-design */

#rzp-page .rzp-order .rzp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;counter-reset:none;margin-top:72px;}
#rzp-page .rzp-order .rzp-steps li{position:relative;display:block;min-width:0;padding:66px 22px 28px;border:1px solid #dceae4;border-radius:17px;background:#fff;box-shadow:0 7px 25px rgba(0,65,40,.035);}
#rzp-page .rzp-order .rzp-steps li>div{display:block;}
#rzp-page .rzp-order .rzp-step-no{position:absolute;top:-29px;left:20px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e1f6ec;color:#173F2A;font-size:23px;font-weight:750;letter-spacing:-.04em;}
#rzp-page .rzp-order .rzp-steps li::before{content:"";position:absolute;top:-55px;left:88px;width:100px;height:100px;border-radius:50%;background:#eaf9f2;opacity:.9;pointer-events:none;}
#rzp-page .rzp-order .rzp-steps li::after{content:"➜";position:absolute;top:-41px;right:-17px;color:#16815a;font-size:24px;z-index:2;}
#rzp-page .rzp-order .rzp-steps li:last-child::after{display:none;}
#rzp-page .rzp-order .rzp-steps li>div::before{content:"";position:absolute;top:-35px;left:118px;width:38px;height:38px;background:center/contain no-repeat var(--step-icon);z-index:1;}
#rzp-page .rzp-order .rzp-steps h3{font-size:19px;line-height:1.3;color:#173F2A;margin:0 0 14px;}
#rzp-page .rzp-order .rzp-steps p{font-size:14px;line-height:1.65;color:#52616b;margin:0;}
@media(max-width:1100px){#rzp-page .rzp-order .rzp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:75px;}#rzp-page .rzp-order .rzp-steps li:nth-child(2)::after{display:none;}}
@media(max-width:650px){#rzp-page .rzp-order .rzp-steps{grid-template-columns:1fr;gap:65px;}#rzp-page .rzp-order .rzp-steps li::after{display:none;}#rzp-page .rzp-order .rzp-steps li{padding:55px 22px 25px;}}


/* rzp-order-refined */

#rzp-page .rzp-order .rzp-steps{gap:22px;margin-top:105px;align-items:stretch;}
#rzp-page .rzp-order .rzp-steps li{padding:48px 25px 28px;min-height:355px;border-radius:19px;box-shadow:none;}
#rzp-page .rzp-order .rzp-step-no{top:-64px;left:15px;width:56px;height:56px;font-size:22px;z-index:3;background:#e4f8ef;}
#rzp-page .rzp-order .rzp-steps li::before{top:-88px;left:88px;width:124px;height:124px;background:#eaf9f2;opacity:1;z-index:2;}
#rzp-page .rzp-order .rzp-steps li>div::before{top:-57px;left:126px;width:47px;height:47px;z-index:3;}
#rzp-page .rzp-order .rzp-steps li::after{content:"↗";top:-64px;right:-23px;font-size:29px;font-weight:400;z-index:4;transform:rotate(8deg);}
#rzp-page .rzp-order .rzp-steps h3{font-size:21px;line-height:1.24;margin:0 0 16px;}
#rzp-page .rzp-order .rzp-steps p{font-size:15px;line-height:1.58;color:#52616b;}
@media(max-width:1100px){#rzp-page .rzp-order .rzp-steps{row-gap:105px;}}
@media(max-width:650px){#rzp-page .rzp-order .rzp-steps{gap:100px;}#rzp-page .rzp-order .rzp-steps li{min-height:0;padding:48px 23px 28px;}#rzp-page .rzp-order .rzp-steps li::before{left:86px;}}


/* rzp-order-final-layout */

#rzp-page .rzp-order .rzp-steps{gap:22px;margin-top:112px;align-items:stretch;}
#rzp-page .rzp-order .rzp-steps li{min-height:0;padding:48px 22px 26px;border-radius:18px;box-shadow:none;}
#rzp-page .rzp-order .rzp-step-no{top:-59px;left:16px;width:54px;height:54px;font-size:21px;z-index:3;}
#rzp-page .rzp-order .rzp-steps li::before{top:-81px;left:84px;width:112px;height:112px;z-index:2;}
#rzp-page .rzp-order .rzp-steps li>div::before{top:-50px;left:116px;width:48px;height:48px;z-index:3;}
#rzp-page .rzp-order .rzp-steps li::after{content:"⌁";font-size:0;top:-37px;right:-19px;width:38px;height:22px;transform:none;}
#rzp-page .rzp-order .rzp-steps h3{font-size:19px;line-height:1.28;margin-bottom:14px;}
#rzp-page .rzp-order .rzp-steps p{font-size:14px;line-height:1.5;}
@media(max-width:1100px){#rzp-page .rzp-order .rzp-steps{row-gap:110px;}#rzp-page .rzp-order .rzp-steps li:nth-child(2)::after{display:none;}}
@media(max-width:650px){#rzp-page .rzp-order .rzp-steps{gap:105px;}#rzp-page .rzp-order .rzp-steps li{padding:48px 22px 24px;}#rzp-page .rzp-order .rzp-steps li::after{display:none;}}


/* rzp-order-hide-legacy-svg */
#rzp-page .rzp-order .rzp-step-illustration{display:none!important;}

/* rzp-order-etalon-arrows-icons */

#rzp-page .rzp-order .rzp-steps li::after{content:"";display:block;position:absolute;top:-43px;right:-20px;width:42px;height:24px;font-size:0;transform:none;background:center/42px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 24' fill='none'%3E%3Cpath d='M3 17 C13 8 25 8 36 14' stroke='%23173F2A' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M31 9 L37 14 L30 16' stroke='%23173F2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");z-index:4;}
#rzp-page .rzp-order .rzp-steps li:last-child::after{display:none;}
#rzp-page .rzp-order .rzp-steps li:nth-child(4)>div{--step-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173F2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='12' height='10' rx='1'/%3E%3Cpath d='M5.5 8h6M5.5 11h4M14.5 9.5h3l4 4V17h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='1.7'/%3E%3Ccircle cx='18.5' cy='17.5' r='1.7'/%3E%3C/svg%3E");}
@media(max-width:1100px){#rzp-page .rzp-order .rzp-steps li:nth-child(2)::after{display:none;}}
@media(max-width:650px){#rzp-page .rzp-order .rzp-steps li::after{display:none;}}


/* Keep the order block mobile friendly on every product and technical page. */
@media(max-width:1100px){#rzp-page .rzp-order .rzp-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:650px){#rzp-page .rzp-order .rzp-steps{grid-template-columns:1fr!important;gap:105px!important;}#rzp-page .rzp-order .rzp-steps li::after{display:none!important;}}

/* PATCH 06: corrected shared header, independent original step images.
   Desktop phone icon is centered alongside the telephone NUMBER lines, not email. */
@media (min-width:981px){
  #rzp-page .rzp-header-contacts::before{
    top:30px!important;
    transform:translateY(-50%)!important;
  }
  #rzp-page .rzp-header-actions .rzp-header-request.rzp-button,
  #rzp-page .rzp-header-actions button.rzp-header-request{
    font-weight:700!important;
    font-synthesis:none!important;
  }
}
/* Keep original four icon files visible instead of relying on a fragile pseudo-element URL. */
#rzp-page .rzp-order .rzp-steps li>div::before{content:none!important;background-image:none!important;}
#rzp-page .rzp-order .rzp-steps li>img.rzp-work-step-icon{
  display:block!important;
  position:absolute!important;
  width:48px!important;
  height:48px!important;
  top:-50px!important;
  left:116px!important;
  object-fit:contain!important;
  z-index:8!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  max-width:none!important;
  background:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
@media (max-width:650px){
  #rzp-page .rzp-order .rzp-steps li>img.rzp-work-step-icon{left:116px!important;}
}
