/* AVIX Water v66 — final responsive/polish layer.
   Compact section navigation, premium-positioning narrative, dynamic diagram fit,
   self-contained 404 styling and small-screen spacing refinements. */

/* --------------------------------------------------------------------------
   Section submenu: compact and centred on desktop; flush to visible chrome.
   -------------------------------------------------------------------------- */
.avix-section-nav{
  top:var(--avix-section-stick-top,var(--avix-main-chrome,118px))!important;
  margin-top:0!important;
}
body:has(.avix-section-nav) main [id]{
  scroll-margin-top:calc(var(--avix-section-stick-top,var(--avix-main-chrome,118px)) + var(--avix-section-nav-h) + 22px)!important;
}
@media(min-width:1081px){
  .avix-section-nav__viewport{
    width:min(1050px,calc(100% - 96px));
    margin-inline:auto;
    overflow:visible;
  }
  .avix-section-nav__inner{
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    justify-content:center!important;
    gap:clamp(30px,2.5vw,44px)!important;
  }
}
@media(max-width:1080px){
  .avix-section-nav__viewport{margin:0!important;padding:0!important}
  .avix-section-nav__inner{margin:0!important}
}
@media(max-width:620px){
  .avix-section-nav,
  .avix-section-nav__viewport,
  .avix-section-nav__inner{margin-top:0!important}
  .avix-section-nav__inner{padding-top:0!important;padding-bottom:0!important}
}

/* --------------------------------------------------------------------------
   Science plant diagram: JS measures the actual embedded document height.
   A compact fallback prevents the old 1900/2400/3700px blank canvas.
   -------------------------------------------------------------------------- */
.s12-plant-diagram{height:1100px;min-height:0;max-height:none}
@media(max-width:1080px){.s12-plant-diagram{height:1250px}}
@media(max-width:700px){.s12-plant-diagram{height:1500px}}

/* --------------------------------------------------------------------------
   Home: premium positioning, commercially framed rather than price-defensive.
   -------------------------------------------------------------------------- */
.v66-premium-positioning{
  display:grid;
  grid-template-columns:minmax(220px,.68fr) minmax(0,1.55fr) auto;
  gap:26px;
  align-items:center;
  margin-top:22px;
  padding:24px 26px;
  border:1px solid #d6dee0;
  border-radius:24px;
  background:linear-gradient(135deg,#132c33 0%,#1b3e48 100%);
  box-shadow:0 18px 45px rgba(19,44,51,.08);
}
.v66-premium-positioning__lead{min-width:0}
.v66-premium-positioning__eyebrow{
  display:block;
  margin:0 0 8px;
  color:#6bd3e4;
  font-size:10.5px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v66-premium-positioning strong{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.025em;
}
.v66-premium-positioning p{
  margin:0;
  color:#cfdbde;
  font-size:13.5px;
  line-height:1.6;
}
.v66-premium-positioning__signal{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:205px;
  min-height:62px;
  padding:12px 18px;
  border:1px solid rgba(107,211,228,.38);
  border-radius:18px;
  color:#8ce1ed;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  text-align:center;
}
@media(max-width:1000px){
  .v66-premium-positioning{grid-template-columns:1fr;gap:14px}
  .v66-premium-positioning__signal{justify-content:flex-start;min-width:0;min-height:0;padding:12px 0;border:0;text-align:left}
}
@media(max-width:620px){
  .v66-premium-positioning{padding:21px 18px;border-radius:20px}
  .v66-premium-positioning strong{font-size:18px}
  .v66-premium-positioning p{font-size:13px}
}

/* --------------------------------------------------------------------------
   Products: explain premium price architecture through product quality.
   -------------------------------------------------------------------------- */
.inv5-package-principle.v66-product-positioning{
  display:block!important;
  padding:22px 24px!important;
  background:#f3f4f4!important;
  border-radius:20px!important;
}
.inv5-package-principle.v66-product-positioning b{
  display:block!important;
  color:#102429!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.inv5-package-principle.v66-product-positioning p{
  margin:7px 0 0!important;
  color:#487d8c!important;
  font-size:12.8px!important;
  line-height:1.55!important;
}
.inv5-package-principle.v66-product-positioning small{
  display:block;
  margin-top:9px;
  color:#315f6b;
  font-size:11px;
  font-weight:750;
  line-height:1.45;
}

/* --------------------------------------------------------------------------
   Branded 404 page.
   -------------------------------------------------------------------------- */
.avix-404-page .avix-404-hero .avix-utility-copy h1{max-width:820px}
.avix-404-page .avix-404-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:84px;
  height:84px;
  margin-bottom:22px;
  border:1px solid rgba(89,198,218,.34);
  border-radius:22px;
  color:#64ccdf;
  background:rgba(54,182,208,.07);
  font-size:26px;
  font-weight:850;
  letter-spacing:-.03em;
}
.avix-404-parent{
  padding:88px 0;
  background:#f4f2ee;
}
.avix-404-parent-card{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) auto;
  gap:44px;
  align-items:center;
  padding:42px 46px;
  border:1px solid rgba(15,31,36,.12);
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,31,36,.07);
}
.avix-404-parent-card .avix-utility-prelabel{margin:0 0 10px;color:#278fa5}
.avix-404-parent-card h2{margin:0;color:#0f1f24;font-size:clamp(32px,3vw,46px);line-height:1.02;letter-spacing:-.04em}
.avix-404-parent-card p{max-width:760px;margin:16px 0 0;color:#487d8c;font-size:15px;line-height:1.65}
.avix-404-parent-card .avix-utility-btn{white-space:nowrap}
@media(max-width:760px){
  .avix-404-parent{padding:64px 0}
  .avix-404-parent-card{grid-template-columns:1fr;gap:24px;padding:30px 24px;border-radius:22px}
  .avix-404-parent-card .avix-utility-btn{width:100%;justify-content:center;text-align:center}
}