:root{
  --nx-section-y:104px;
  --nx-head-gap:28px;
  --nx-head-mb:46px;
  --nx-radius-lg:26px;
  --nx-radius-md:18px;
  --nx-radius-sm:14px;
}
main>.section:not(.hero){padding-block:var(--nx-section-y)!important}
main>.section{scroll-margin-top:84px}
.section-head:not(.compact){
  grid-template-columns:144px minmax(0,1.16fr) minmax(300px,.70fr)!important;
  gap:var(--nx-head-gap)!important;
  margin-bottom:var(--nx-head-mb)!important;
}
.section-head h2,.contact-copy h2{
  text-wrap:balance;
}
.section-head p,.contact-copy>p,.nx-portfolio-info>p,.nx-install-side>p{
  text-wrap:pretty;
}
.section-head p{
  max-width:520px!important;
  font-size:15px!important;
  line-height:1.56!important;
}
.section-no{
  padding-top:8px!important;
  line-height:1.4!important;
}
.btn,.pick,.nx-footer-cta,.nx-mobile-calc-dock button{
  border-radius:var(--nx-radius-sm)!important;
}
.product,.nx-calc-panel,.nx-summary,.nx-construction-proof,
.nx-faq-panel,.nx-form-card,.nx-contact-phone-card{
  border-radius:var(--nx-radius-lg)!important;
}
.nx-product .product-use p,
.nx-product .product-meta{
  line-height:1.45!important;
}
.nx-flow-bridge{
  margin-top:28px;
  min-height:76px;
  padding:14px 16px 14px 18px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.nx-flow-bridge>div{min-width:0}
.nx-flow-bridge span{
  display:block;
  margin-bottom:7px;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.nx-flow-bridge b{
  display:block;
  max-width:760px;
  font-size:14px;
  line-height:1.45;
  font-weight:600;
}
.nx-flow-bridge a{
  flex:0 0 auto;
  min-height:46px;
  padding:0 15px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:500 7.5px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nx-flow-bridge-light{
  border:1px solid #d4dee2;
  background:rgba(255,255,255,.56);
  color:#182228;
}
.nx-flow-bridge-light span{color:#668495}
.nx-flow-bridge-light a{
  border:1px solid #c6d4da;
  background:#0c151a;
  color:#eaf2f5;
}
.nx-flow-bridge-dark{
  border:1px solid rgba(151,182,198,.15);
  background:rgba(255,255,255,.025);
  color:#dce7eb;
}
.nx-flow-bridge-dark span{color:#6f95a8}
.nx-flow-bridge-dark a{
  border:1px solid rgba(119,185,225,.26);
  background:rgba(119,185,225,.08);
  color:#dcecf3;
}
.hero .lead{
  max-width:620px;
  text-wrap:pretty;
}
.hero-actions{gap:12px!important}
.nx-contact-route b{line-height:1.2!important}
.nx-form-card .consent{max-width:360px}
.nx-footer-top{align-items:start}
.nx-footer-identity>p{max-width:360px!important}
@media(max-width:1180px){
  :root{--nx-section-y:92px;--nx-head-mb:40px}
  .section-head:not(.compact){
    grid-template-columns:124px minmax(0,1.08fr) minmax(260px,.70fr)!important;
    gap:24px!important;
  }
  .section-head p{font-size:14.5px!important}
}
@media(max-width:980px){
  :root{--nx-section-y:84px;--nx-head-mb:36px}
  .section-head:not(.compact){
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .section-head p{max-width:680px!important}
  .nx-flow-bridge{margin-top:24px}
}
@media(max-width:760px){
  :root{--nx-section-y:72px;--nx-head-mb:30px}
  main>.section:not(.hero):not(#calc){padding-block:72px!important}
  #calc{padding-top:72px!important}
  .section-head:not(.compact){margin-bottom:30px!important}
  .section-head h2{line-height:.94!important}
  .section-head p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .nx-flow-bridge{
    margin-top:20px;
    min-height:0;
    padding:15px;
    border-radius:16px;
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
  }
  .nx-flow-bridge b{font-size:13px}
  .nx-flow-bridge a{
    width:100%;
    min-height:46px;
  }
  .product,.nx-calc-panel,.nx-summary,.nx-construction-proof,
  .nx-faq-panel,.nx-form-card,.nx-contact-phone-card{
    border-radius:20px!important;
  }
}
@media(max-width:390px){
  main>.section:not(.hero):not(#calc){padding-block:68px!important}
  #calc{padding-top:68px!important}
  .section-head:not(.compact){margin-bottom:28px!important}
  .nx-flow-bridge{border-radius:15px}
}
.section-head:not(.compact) h2{
  font-size:clamp(50px,4.8vw,76px)!important;
  line-height:.93!important;
  letter-spacing:-.032em!important;
}
.nx-contact-copy h2{
  font-size:clamp(52px,5vw,76px)!important;
  line-height:.93!important;
  letter-spacing:-.032em!important;
}
.nx-form-assurance{
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid rgba(119,185,225,.16);
  border-radius:12px;
  background:rgba(119,185,225,.055);
  color:#91a9b5;
  font:500 7px/1.35 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
}
@media(max-width:760px){
  .section-head:not(.compact) h2{
    font-size:clamp(43px,12.2vw,56px)!important;
  }
  .nx-contact-copy h2{
    font-size:clamp(44px,12.5vw,56px)!important;
  }
  .nx-form-assurance{
    border-radius:11px;
    font-size:6.5px;
  }
}
@media(max-width:760px){
  .mobile-dock{
    will-change:transform,opacity;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1)!important;
  }
  .nx-mobile-calc-dock{
    will-change:transform,opacity;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  body.contact-in-view .mobile-dock{
    opacity:0!important;
    transform:translateY(calc(100% + 18px))!important;
    pointer-events:none!important;
  }
}
@media(max-width:760px){
  .pill{min-height:44px!important}
  .nx-portfolio-arrows button{
    width:44px!important;
    height:44px!important;
  }
  .nx-portfolio-actions>a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
  }
  .nx-install-toggle{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
  .nx-footer-nav a{
    min-height:44px!important;
  }
  .nx-footer-phone{
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
}
@media(max-width:760px){
  .nx-footer-meta a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    width:max-content;
  }
  .nx-footer-developer>a{
    min-height:44px;
  }
  .consent a{
    min-height:44px;
    display:inline-flex!important;
    align-items:center;
  }
}
.nx-form-card .form label>span small{
  margin-left:7px;
  color:#607680;
  font-size:6px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nav a[aria-current="true"]{color:#fff!important}
#drawer a[aria-current="true"]{
  color:#fff!important;
  background:rgba(119,185,225,.07);
  border-radius:12px;
}
.header-lead{
  min-height:44px!important;
}
.phone{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.nx-portfolio-actions>a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.nx-footer-nav a{
  min-height:44px;
}
.nx-footer-phone{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
@media(max-width:760px){
  .catalog-tools .pill{
    height:44px!important;
    min-height:44px!important;
  }
  #install .nx-install-toggle{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
}
.nxh .head-actions>.header-lead{
  height:44px!important;
  min-height:44px!important;
}
.catalog-tools .pill{
  height:44px!important;
  min-height:44px!important;
}
#install .nx-install-toggle{
  height:44px!important;
  min-height:44px!important;
}

/* 2026-10-01 — canonical top-level typography */
.section-head:not(.compact) h2,
.nx-faq-head h2,
.nx-reviews-head h2,
.nx-contact-copy h2{
  font-size:clamp(50px,4.8vw,76px)!important;
  line-height:.93!important;
  letter-spacing:-.032em!important;
}
.section-no{
  font-size:8px!important;
  line-height:1.4!important;
  letter-spacing:.12em!important;
}
.nx-faq-head>p,
.nx-reviews-head-copy>p,
.nx-contact-copy>p:not(.eyebrow){
  font-size:15px!important;
  line-height:1.56!important;
}
@media(max-width:760px){
  .section-head:not(.compact) h2,
  .nx-faq-head h2,
  .nx-reviews-head h2,
  .nx-contact-copy h2{
    font-size:clamp(43px,12.2vw,56px)!important;
    line-height:.94!important;
  }
  .nx-faq-head>p,
  .nx-reviews-head-copy>p,
  .nx-contact-copy>p:not(.eyebrow){
    font-size:14px!important;
    line-height:1.55!important;
  }
  .section-no{
    font-size:8px!important;
  }
}

/* 2026-10-01 — mobile interaction targets */
@media(max-width:760px){
  .nx-quantity-stepper{
    width:156px!important;
    min-width:156px!important;
    grid-template-columns:44px 68px 44px!important;
  }
  .nx-quantity-stepper button{
    min-width:44px!important;
    min-height:44px!important;
  }
  .nx-review-score-foot>a,
  .nx-footer-map,
  .nx-cookie-settings{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
}

/* Catalog follows the same section heading scale on every viewport. */
#catalog .section-head h2{
  font-size:clamp(50px,4.8vw,76px)!important;
  line-height:.93!important;
  letter-spacing:-.032em!important;
}
#catalog .section-no{font-size:8px!important}
@media(max-width:760px){
  #catalog .section-head h2{
    font-size:clamp(43px,12.2vw,56px)!important;
    line-height:.94!important;
  }
}

/* NEXT order flow v1 — one action to lead */
.nx-product-actions{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:8px;
}
.nx-product-order,
.nx-product-actions .pick{
  min-height:48px!important;
  margin:0!important;
  border-radius:13px!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font:500 9px/1 'Tektur',sans-serif!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  cursor:pointer;
}
.nx-product-order{
  border:1px solid #111b20!important;
  background:#111b20!important;
  color:#f2f7f9!important;
}
.nx-product-order:hover{background:#20313a!important;border-color:#20313a!important}
.nx-product-actions .pick{
  border:1px solid #c7d2d7!important;
  background:rgba(255,255,255,.44)!important;
  color:#17242b!important;
  transform:none!important;
}

html.nx-order-lock{overflow:hidden}
.nx-order-dialog{
  position:fixed;
  inset:0;
  margin:auto;
  width:min(560px,calc(100vw - 32px));
  max-height:min(86vh,760px);
  padding:0;
  border:0;
  border-radius:28px;
  background:transparent;
  color:#edf4f6;
  overflow:visible;
}
.nx-order-dialog::backdrop{
  background:rgba(3,8,11,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.nx-order-dialog__shell{
  position:relative;
  max-height:min(86vh,760px);
  overflow:auto;
  padding:30px;
  border:1px solid rgba(143,190,216,.24);
  border-radius:28px;
  background:linear-gradient(160deg,#0e1a20 0%,#081216 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.42);
}
.nx-order-dialog__close{
  position:absolute;
  z-index:2;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:1px solid rgba(157,193,211,.18);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  color:#dce8ed;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.nx-order-dialog__head{padding-right:54px}
.nx-order-dialog__head>span{
  display:block;
  margin-bottom:10px;
  color:#78b6d6;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.14em;
}
.nx-order-dialog__head h2{
  margin:0;
  font:600 clamp(30px,5vw,42px)/.98 'Oswald',sans-serif;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.nx-order-dialog__head p{
  margin:14px 0 0;
  max-width:420px;
  color:#9eafb7;
  font-size:14px;
  line-height:1.55;
}
.nx-order-preview{
  margin:24px 0 22px;
  padding:15px 16px;
  border:1px solid rgba(123,178,208,.18);
  border-radius:16px;
  background:rgba(116,178,210,.07);
  color:#dcecf3;
  font-size:13px;
  line-height:1.45;
}
.nx-order-form{display:grid;gap:15px}
.nx-order-form label>span{
  display:block;
  margin-bottom:7px;
  color:#dce6ea;
  font-size:12px;
  font-weight:600;
}
.nx-order-form input{
  width:100%;
  min-height:52px;
  padding:0 15px;
  border:1px solid rgba(142,181,201,.22);
  border-radius:14px;
  background:#0a1419;
  color:#f1f6f8;
  outline:none;
  font-size:16px;
}
.nx-order-form input:focus{border-color:#76b4d6;box-shadow:0 0 0 3px rgba(118,180,214,.08)}

.nx-order-form .btn{width:100%;min-height:52px;margin-top:2px}
.nx-order-form .nx-form-assurance{text-align:center;color:#8fa3ad;font-size:11px}
.nx-order-form .consent{margin:0;text-align:center;color:#73858e;font-size:10.5px;line-height:1.45}
.nx-order-status{min-height:0;color:#d8e7ee;font-size:12px;line-height:1.45}
.nx-order-status.is-error{
  padding:12px 14px;
  border:1px solid rgba(239,92,92,.22);
  border-radius:13px;
  background:rgba(239,92,92,.08);
  color:#f2b0b0;
}
.nx-order-success{
  padding:22px 4px 4px;
  text-align:center;
}
.nx-order-success__mark{
  width:62px;height:62px;margin:0 auto 18px;
  border-radius:999px;
  display:grid;place-items:center;
  background:rgba(71,190,128,.13);
  border:1px solid rgba(89,204,143,.34);
  color:#8fe0b5;
  font-size:30px;font-weight:700;
}
.nx-order-success h3{margin:0;color:#f2f7f9;font-size:28px;line-height:1.1}
.nx-order-success p{margin:12px auto 22px;max-width:390px;color:#9babb3;font-size:14px;line-height:1.55}
.nx-order-success .btn{min-width:180px}
.nx-form-status.is-success,.form-status.is-success{
  display:block!important;
  padding:14px 16px;
  border:1px solid rgba(89,204,143,.26);
  border-radius:14px;
  background:rgba(71,190,128,.09);
  color:#a8e4c3!important;
  font-weight:600;
}
.nx-form-status.is-error,.form-status.is-error{color:#f0a6a6!important}

.nx-lead-toast{
  position:fixed;
  z-index:120;
  left:50%;
  bottom:26px;
  width:min(520px,calc(100vw - 28px));
  transform:translateX(-50%);
  padding:14px 16px;
  border:1px solid rgba(89,204,143,.28);
  border-radius:16px;
  background:rgba(9,22,27,.96);
  box-shadow:0 22px 58px rgba(0,0,0,.30);
  backdrop-filter:blur(16px);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 12px;
  align-items:center;
  color:#dff4e8;
}
.nx-lead-toast[hidden]{display:none!important}
.nx-lead-toast::before{
  content:'✓';
  grid-row:1 / span 2;
  width:34px;height:34px;
  border-radius:999px;
  display:grid;place-items:center;
  background:rgba(71,190,128,.12);
  color:#8fe0b5;
  font-weight:700;
}
.nx-lead-toast b{font-size:13px;color:#f0f7f3}
.nx-lead-toast span{font-size:11.5px;color:#9fb3ab;line-height:1.35}
.nx-lead-toast.is-error{border-color:rgba(239,92,92,.30);color:#f2b0b0}
.nx-lead-toast.is-error::before{content:'!';background:rgba(239,92,92,.10);color:#f2a1a1}
@media(max-width:760px){
  .nx-product-actions{grid-template-columns:1fr 1fr}
  .nx-order-dialog{
    width:100%;max-width:none;max-height:92dvh;
    margin:auto 0 0;
    border-radius:26px 26px 0 0;
  }
  .nx-order-dialog__shell{
    max-height:92dvh;
    padding:24px 18px calc(24px + env(safe-area-inset-bottom));
    border-radius:26px 26px 0 0;
  }
  .nx-order-dialog__head h2{font-size:34px}
  .nx-order-preview{margin:20px 0 18px}
  .nx-lead-toast{bottom:78px}
}

/* NEXT order modal v2 — compact mobile, explicit order summary */
.nx-order-preview{
  margin:18px 0 16px;
  padding:0;
  border:0;
  background:transparent;
}
.nx-order-preview__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.nx-order-preview__item{
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(123,178,208,.16);
  border-radius:13px;
  background:rgba(116,178,210,.055);
}
.nx-order-preview__item.wide{grid-column:1/-1}
.nx-order-preview__item span{
  display:block;
  margin-bottom:4px;
  color:#7690a0;
  font:500 7px/1.1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nx-order-preview__item b{
  display:block;
  min-width:0;
  color:#dcecf3;
  font-size:12.5px;
  line-height:1.3;
  font-weight:600;
  overflow-wrap:anywhere;
}
.nx-order-preview__item.accent{
  border-color:rgba(118,180,214,.28);
  background:rgba(118,180,214,.10);
}

@media(max-width:760px){
  .nx-order-dialog{
    width:calc(100vw - 16px);
    max-width:none;
    max-height:min(74dvh,620px);
    inset:0;
    margin:auto;
    border-radius:22px;
  }
  .nx-order-dialog__shell{
    max-height:min(74dvh,620px);
    padding:18px 16px calc(16px + env(safe-area-inset-bottom));
    border-radius:22px;
    overscroll-behavior:contain;
    scroll-padding-bottom:86px;
  }
  .nx-order-dialog__close{
    top:12px;
    right:12px;
    width:36px;
    height:36px;
    border-radius:11px;
    font-size:21px;
  }
  .nx-order-dialog__head{padding-right:42px}
  .nx-order-dialog__head>span{
    margin-bottom:6px;
    font-size:6px;
  }
  .nx-order-dialog__head h2{
    max-width:270px;
    font-size:28px;
    line-height:1;
  }
  .nx-order-dialog__head p{
    margin:8px 0 0;
    max-width:310px;
    font-size:12px;
    line-height:1.38;
  }
  .nx-order-preview{
    margin:13px 0 12px;
  }

  .nx-order-preview__grid{gap:6px}
  .nx-order-preview__item{
    padding:8px 10px;
    border-radius:11px;
  }
  .nx-order-preview__item span{
    margin-bottom:3px;
    font-size:6px;
  }
  .nx-order-preview__item b{
    font-size:11.5px;
    line-height:1.25;
  }
  .nx-order-form{gap:9px}
  .nx-order-form label>span{
    margin-bottom:4px;
    font-size:10.5px;
  }
  .nx-order-form input{
    min-height:46px;
    padding:0 13px;
    border-radius:12px;
    font-size:16px;
  }
  .nx-order-form .btn{
    min-height:48px;
    margin-top:1px;
  }
  .nx-order-form .nx-form-assurance{
    font-size:9.5px;
    line-height:1.3;
  }
  .nx-order-form .consent{
    font-size:9px;
    line-height:1.35;
  }
  .nx-order-success{
    padding:12px 2px 2px;
  }
  .nx-order-success__mark{
    width:52px;
    height:52px;
    margin-bottom:14px;
    font-size:26px;
  }
  .nx-order-success h3{font-size:25px}
  .nx-order-success p{
    margin:10px auto 18px;
    font-size:13px;
    line-height:1.45;
  }
}
@media(max-width:360px){
  .nx-order-dialog__head h2{font-size:26px}
  .nx-order-preview__item b{font-size:11px}
  .nx-order-dialog__shell{padding-inline:14px}
}

/* 2026-10-02 — translucent dark plates + restrained blue-button gloss */
.photo-mark{
  background:rgba(8,13,16,.61)!important;
}
.gallery figcaption{
  background:rgba(8,13,16,.70)!important;
}
.video-wrap figcaption{
  background:rgba(8,13,16,.71)!important;
}
.real-strip figcaption{
  background:rgba(7,13,17,.66)!important;
}
.nx-frame-proof figcaption{
  background:rgba(7,13,17,.66)!important;
}
.nx-portfolio-main figcaption{
  background:rgba(6,12,16,.66)!important;
}
.nx-install-video figcaption{
  background:rgba(6,12,16,.66)!important;
}
#install .nx-install-toggle{
  background:rgba(6,12,16,.58)!important;
}
.region-menu{
  background:rgba(12,19,23,.82)!important;
}
@media(max-width:760px){
  .mobile-dock{
    background:rgba(7,13,17,.82)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.06);
    backdrop-filter:blur(14px) saturate(1.06);
  }
  .nx-mobile-calc-dock{
    background:rgba(8,14,18,.82)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.06);
    backdrop-filter:blur(14px) saturate(1.06);
  }
}

/* Gloss is intentionally subtle: light catches the top edge, no plastic shine. */
.btn,
.nx-mobile-calc-dock button,
.nx-notice__action--primary{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.055) 38%,rgba(255,255,255,0) 56%,rgba(0,0,0,.035) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(3,12,18,.10),
    0 8px 20px rgba(52,123,164,.08);
}
.btn:hover,
.nx-mobile-calc-dock button:hover,
.nx-notice__action--primary:hover{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.19) 0%,rgba(255,255,255,.07) 40%,rgba(255,255,255,0) 58%,rgba(0,0,0,.025) 100%)!important;
}
/* 2026-10-02 — catalog recommendation badges */
.product-top{
  min-height:28px!important;
}
.product-top b{
  box-sizing:border-box;
  width:122px;
  height:28px;
  padding:0 10px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(90,137,162,.24);
  border-radius:999px!important;
  background:rgba(91,145,176,.08)!important;
  color:#4b7185!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  font:500 7px/1 'Tektur',sans-serif!important;
  letter-spacing:.085em!important;
  text-transform:uppercase;
  white-space:nowrap;
}
.product-top b::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#72acd0;
  box-shadow:0 0 0 3px rgba(114,172,208,.10);
}
.nx-product[data-product-id="2"] .product-top b{
  border-color:rgba(95,151,182,.26);
  background:linear-gradient(180deg,rgba(118,181,216,.14),rgba(118,181,216,.075))!important;
  color:#426f86!important;
}
.nx-product[data-product-id="3"] .product-top b{
  border-color:rgba(92,127,147,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(102,141,162,.055))!important;
  color:#526e7d!important;
}
.nx-product[data-product-id="3"] .product-top b::before{
  background:#7d98a7;
  box-shadow:0 0 0 3px rgba(125,152,167,.10);
}
.nx-product[data-product-id="6"] .product-top b{
  border-color:rgba(74,139,176,.34);
  background:linear-gradient(180deg,rgba(105,174,213,.23),rgba(105,174,213,.12))!important;
  color:#315f78!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 5px 16px rgba(64,133,171,.08);
}
.nx-product[data-product-id="6"] .product-top b::before{
  background:#5fa8d1;
  box-shadow:0 0 0 3px rgba(95,168,209,.12),0 0 10px rgba(95,168,209,.28);
}
@media(max-width:390px){
  .product-top b{
    width:118px;
    font-size:6.6px!important;
    letter-spacing:.075em!important;
  }
}
/* 2026-10-02 — NEXT live line: useful work-status signal, not a status dot */
.nx-live-status{
  width:min(100%,500px);
  min-height:54px;
  margin:18px 0 2px;
  padding:9px 13px 9px 10px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  border:1px solid rgba(151,182,198,.18);
  border-radius:15px;
  background:rgba(8,14,18,.58);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  backdrop-filter:blur(12px) saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.12);
}
.nx-live-signal{
  width:38px;
  height:34px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
  border:1px solid rgba(151,182,198,.16);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.nx-live-signal i{
  width:3px;
  border-radius:999px;
  transition:background .25s ease,box-shadow .25s ease,opacity .25s ease;
}
.nx-live-signal i:nth-child(1){height:8px}
.nx-live-signal i:nth-child(2){height:14px}
.nx-live-signal i:nth-child(3){height:20px}
.nx-live-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nx-live-copy small{
  color:#708793;
  font:500 6px/1 'Tektur',sans-serif;
  letter-spacing:.13em;
}
.nx-live-copy b{
  color:#eef5f7;
  font:500 13px/1.05 'Tektur',sans-serif;
  letter-spacing:.035em;
  white-space:nowrap;
}
.nx-live-note{
  color:#8fa0a9;
  font-size:11.5px;
  line-height:1.25;
  text-align:right;
  white-space:nowrap;
}
.nx-live-status.is-open{
  border-color:rgba(91,208,145,.20);
}
.nx-live-status.is-open .nx-live-signal{
  border-color:rgba(91,208,145,.22);
  background:rgba(62,169,113,.06);
}
.nx-live-status.is-open .nx-live-signal i{
  background:#5fd696;
  box-shadow:0 0 10px rgba(95,214,150,.32);
}
.nx-live-status.is-open .nx-live-signal i:nth-child(1){animation:nxSignal 1.8s ease-in-out infinite}
.nx-live-status.is-open .nx-live-signal i:nth-child(2){animation:nxSignal 1.8s .16s ease-in-out infinite}
.nx-live-status.is-open .nx-live-signal i:nth-child(3){animation:nxSignal 1.8s .32s ease-in-out infinite}
.nx-live-status.is-open .nx-live-copy small{color:#6fb78e}
.nx-live-status.is-closed{
  border-color:rgba(226,103,103,.16);
}
.nx-live-status.is-closed .nx-live-signal{
  border-color:rgba(226,103,103,.20);
  background:rgba(181,74,74,.055);
}
.nx-live-status.is-closed .nx-live-signal i{
  background:#d96868;
  box-shadow:0 0 8px rgba(217,104,104,.18);
  opacity:.72;
}
.nx-live-status.is-closed .nx-live-copy small{color:#b47a7a}
@keyframes nxSignal{
  0%,100%{opacity:.52;transform:scaleY(.84)}
  45%{opacity:1;transform:scaleY(1)}
}
@media(max-width:760px){
  .nx-live-status{
    width:100%;
    margin:16px 0 0;
    min-height:52px;
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    padding:8px 11px 8px 9px;
  }
  .nx-live-signal{width:36px;height:34px}
  .nx-live-copy b{font-size:12.5px}
  .nx-live-note{
    grid-column:2;
    margin-top:-2px;
    text-align:left;
    font-size:10.5px;
    white-space:normal;
  }
  .hero-price{margin-top:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .nx-live-status.is-open .nx-live-signal i{animation:none!important;opacity:1!important;transform:none!important}
}
/* 2026-10-02 — live status is secondary to the hero CTA */
.nx-live-status{
  width:min(100%,460px);
  min-height:48px;
  margin:13px 0 0;
  padding:7px 11px 7px 8px;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:9px;
  border-radius:13px;
  background:rgba(8,14,18,.48);
}
.nx-live-signal{
  width:34px;
  height:32px;
  border-radius:10px;
}
.nx-live-signal i:nth-child(1){height:7px}
.nx-live-signal i:nth-child(2){height:12px}
.nx-live-signal i:nth-child(3){height:17px}
.nx-live-copy{gap:3px}
.nx-live-copy small{font-size:5.5px}
.nx-live-copy b{font-size:11.5px}
.nx-live-note{font-size:10.5px}
@media(max-width:760px){
  .nx-live-status{
    min-height:56px;
    margin-top:12px;
    grid-template-columns:32px minmax(0,1fr);
    padding:7px 10px 7px 8px;
  }
  .nx-live-signal{width:32px;height:32px}
  .nx-live-copy b{font-size:11.5px}
  .nx-live-note{font-size:10px}
}
/* 2026-10-02 — mobile catalog swipe hardening */
.nx-catalog-swipe{display:none}
@media(max-width:760px){
  .nx-catalog-swipe{
    margin:-6px 0 10px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    color:#6f828c;
    font:500 7px/1 'Tektur',sans-serif;
    letter-spacing:.09em;
    text-transform:uppercase;
    pointer-events:none;
    user-select:none;
  }
  .nx-catalog-swipe i{
    font:400 16px/1 Arial,sans-serif;
    color:#6ea8cf;
    animation:nxSwipeCue 1.6s ease-in-out infinite;
  }
  .products{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-flow:initial!important;
    grid-auto-columns:initial!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain;
    scroll-behavior:auto!important;
  }
  .products>.product{
    flex:0 0 84vw!important;
    width:84vw!important;
    max-width:332px!important;
    min-width:0!important;
    margin-right:12px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
}
@media(max-width:390px){
  .products>.product{
    flex-basis:86vw!important;
    width:86vw!important;
  }
}
@media(max-width:330px){
  .products>.product{
    flex-basis:88vw!important;
    width:88vw!important;
  }
}
@keyframes nxSwipeCue{
  0%,100%{transform:translateX(0);opacity:.65}
  50%{transform:translateX(4px);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .nx-catalog-swipe i{animation:none!important}
}
@media(max-width:760px){
  .nx-catalog-swipe{
    justify-content:space-between!important;
    pointer-events:auto!important;
  }
  .nx-catalog-swipe__nav{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .nx-catalog-swipe__nav button{
    width:40px;
    height:40px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid rgba(90,119,134,.22);
    border-radius:11px;
    background:rgba(255,255,255,.46);
    color:#263942;
    font:400 17px/1 Arial,sans-serif;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .nx-catalog-swipe__nav button:disabled{
    opacity:.32;
    cursor:default;
  }
}
/* 2026-10-02 — calculator hardening for small / older Android browsers */
#calc .section-head h2{
  font-size:72px!important;
  font-size:clamp(50px,4.8vw,76px)!important;
}
#calc .calculator-grid,
#calc .calc-panel,
#calc .summary,
#calc .step,
#calc .options,
#calc .colors{
  min-width:0!important;
  max-width:100%;
}
@media(max-width:760px){
  #calc .section-head h2{
    font-size:48px!important;
    font-size:clamp(43px,12.2vw,56px)!important;
  }
  .nx-calc-promise{
    gap:0!important;
    -webkit-overflow-scrolling:touch;
  }
  .nx-calc-promise span{
    margin-right:8px;
  }
  .nx-calc-promise span:last-child{margin-right:0}
}
@media(max-width:760px){
  #calc .nx-size-options,
  #calc .nx-scroll-options,
  #calc .nx-height-options{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity!important;
    scroll-behavior:auto!important;
  }
  #calc .nx-size-options .option,
  #calc .nx-scroll-options .option,
  #calc .nx-height-options .option{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
  #calc .nx-size-options::-webkit-scrollbar,
  #calc .nx-scroll-options::-webkit-scrollbar,
  #calc .nx-height-options::-webkit-scrollbar{display:none}
}
@media(max-width:340px){
  #calc .section-head h2{
    font-size:41px!important;
  }
  #calc .nx-size-options,
  #calc .nx-scroll-options,
  #calc .nx-height-options{
    flex-wrap:wrap!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #calc .nx-size-options .option,
  #calc .nx-scroll-options .option,
  #calc .nx-height-options .option{
    flex:1 1 calc(50% - 5px)!important;
    width:auto!important;
    min-width:0!important;
  }
  #calc .colors{
    grid-template-columns:1fr!important;
  }
  #calc .color{
    min-height:70px!important;
  }
}
@media(max-width:300px){
  #calc .nx-two-options{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .nx-mobile-calc-dock{
    bottom:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    gap:0!important;
  }
  .nx-mobile-calc-dock button{
    margin-left:10px;
    flex:0 0 auto;
  }
  #calc .sumrow{
    align-items:flex-start!important;
  }
  #calc .sumrow b{
    min-width:0;
    max-width:58%!important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .nx-breakdown>div{
    min-width:0;
  }
  .nx-breakdown>div span{
    min-width:0;
  }
}
@media(max-width:320px){
  .nx-mobile-calc-dock b{font-size:20px!important}
  .nx-mobile-calc-dock button{
    min-width:124px!important;
    padding-inline:10px!important;
  }
}
@media(max-width:760px){
  #calc .step-head{gap:0!important}
  #calc .step-head>span{margin-right:13px}
  .nx-height-rate{gap:0!important}
  .nx-height-rate b{margin-right:8px}
  .nx-mobile-calc-dock>div{gap:0!important}
  .nx-mobile-calc-dock small{margin-bottom:4px}
  .nx-live-dot{gap:0!important}
  .nx-live-dot::before{margin-right:7px}
}


/* 2026-10-04 — mobile calculator promise rail: reliable swipe on Android/Yandex */
@media(max-width:760px){
  .nx-calc-promise{
    display:flex!important;
    flex-wrap:nowrap!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
  }
  .nx-calc-promise span{
    flex:0 0 auto!important;
    scroll-snap-align:start!important;
  }
}


/* Yandex Browser Android: allow panning on both axes without snapping short drags back. */
@media(max-width:760px){
  html.nx-yabrowser .nx-calc-promise{
    touch-action:manipulation!important;
    overscroll-behavior-x:auto!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:touch;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  html.nx-yabrowser .nx-calc-promise span{
    pointer-events:none!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
}