/* AVIX Water v81 — brand visual refinement
   Exact brand accent: #4BC8EF
   Loaded last on every page. */
:root{
  --avix-brand:#4BC8EF;
  --avix-brand-rgb:75,200,239;
  --avix-deep:#102A33;
  --avix-deeper:#0C242C;
  --avix-warm:#F7F6F2;
  --avix-soft-text:#DCE7EA;
}

/* 1) Top status strip: warm white, dark type, blue micro-accents. */
html body .av5-topline,
html body .top-strip{
  background:var(--avix-warm)!important;
  color:#12272E!important;
  border-bottom:1px solid rgba(18,39,46,.10)!important;
  box-shadow:none!important;
}
html body .av5-topline span,
html body .top-strip span,
html body .av5-topline .av5-container span,
html body .top-strip .container span{
  color:#12272E!important;
  font-weight:700!important;
  letter-spacing:.095em!important;
}
html body .av5-topline i,
html body .top-strip i{
  background:var(--avix-brand)!important;
  opacity:1!important;
}

/* 2) Commercial hero bridge: remove oversized cyan slab and make brand blue directional. */
html body.co18-page .co18-bridge-arrow{
  background:transparent!important;
  background-color:transparent!important;
  position:relative!important;
  color:var(--avix-brand)!important;
}
html body.co18-page .co18-bridge-arrow::before{
  top:50%!important;
  bottom:auto!important;
  left:50%!important;
  width:min(84%,390px)!important;
  height:1px!important;
  transform:translate(-50%,-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(var(--avix-brand-rgb),.82) 15%,rgba(var(--avix-brand-rgb),.82) 85%,transparent)!important;
}
html body.co18-page .co18-bridge-arrow::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:1px!important;
  height:42px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(rgba(var(--avix-brand-rgb),.86),rgba(var(--avix-brand-rgb),.16))!important;
}
html body.co18-page .co18-bridge-arrow span{
  z-index:2!important;
  background:var(--avix-deep)!important;
  color:var(--avix-brand)!important;
  border:1px solid rgba(var(--avix-brand-rgb),.58)!important;
  border-radius:999px!important;
  padding:6px 13px!important;
  line-height:1!important;
  box-shadow:0 0 0 5px var(--avix-deep)!important;
}
html body.co18-page .co18-plant-core{
  background:rgba(12,36,44,.96)!important;
  color:var(--avix-warm)!important;
  border:3px solid var(--avix-brand)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.22),0 0 0 10px rgba(var(--avix-brand-rgb),.08)!important;
}
html body.co18-page .co18-plant-core b{
  color:var(--avix-brand)!important;
}
html body.co18-page .co18-plant-core strong{
  color:var(--avix-warm)!important;
}
html body.co18-page .co18-plant-core small{
  color:#D7E2E5!important;
}
html body.co18-page .co18-plant-output span{
  border-top-color:rgba(var(--avix-brand-rgb),.48)!important;
  color:var(--avix-warm)!important;
}
html body.co18-page .co18-bridge-status span{
  border-color:rgba(var(--avix-brand-rgb),.42)!important;
  color:var(--avix-warm)!important;
  background:rgba(255,255,255,.045)!important;
}
html body.co18-page .co18-products-ready span{
  border-color:rgba(var(--avix-brand-rgb),.26)!important;
  background:rgba(255,255,255,.055)!important;
  color:var(--avix-warm)!important;
}

/* 3) Products hero: preserve 50/50 composition but reduce bottle dominance. */
@media (min-width:1181px){
  html body.products-v3 .p3-hero-products{
    transform:none!important;
    padding-inline:24px!important;
  }
  html body.products-v3 .p3-hero-products img{
    width:min(88%,600px)!important;
    max-width:600px!important;
    max-height:480px!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  html body.products-v3 .p3-hero-products{
    transform:none!important;
    padding-inline:18px!important;
  }
  html body.products-v3 .p3-hero-products img{
    width:min(86%,520px)!important;
    max-width:520px!important;
    max-height:440px!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* 4) Utility visual sizing stays contained on small screens. */
@media (max-width:767px){
  html body .avix-utility-visual-v40 img,
  html body .avix-utility-visual img{
    width:min(100%,330px)!important;
    height:auto!important;
    object-fit:contain!important;
    margin-inline:auto!important;
  }
}