@charset "UTF-8";
/* Bishuli Variant 3 interior finishing. Home page is intentionally unchanged. */
:root{--bv3-ink:#0b3978;--bv3-sky:#eaf9ff;--bv3-wave:#08a9d7;--bv3-border:#acdfee;}
.v16-inner.v17-inner{background:linear-gradient(180deg,#e1f6ff 0%,#f5fcff 32%,#e4f6ff 77%,#f8fcff 100%);color:var(--bv3-ink)}
/* Reuse the original homepage art for the logo/background of the desktop header. */
.v16-inner.v17-inner .site-header{position:relative!important;height:auto;min-height:0!important;aspect-ratio:1672 / 104;background:#f6fcff url('/assets/images/variant3-header-clean.webp') center center / 100% 100% no-repeat!important;box-shadow:none!important;border:0!important;z-index:60}
.v16-inner.v17-inner .site-header .header-inner{width:100%!important;max-width:none!important;min-height:0!important;height:100%;gap:0!important;margin:0!important;padding:0!important;justify-content:flex-end;position:relative}
.v16-inner.v17-inner .site-header .brand{position:absolute;left:11.5%;top:0;width:17%;height:100%;opacity:0;min-width:0!important;z-index:3;display:block;pointer-events:auto}
.v16-inner.v17-inner .site-header .brand span{display:none}
.v16-inner.v17-inner .primary-nav{position:absolute;top:0;left:44.35%;width:47.3%;height:72%;display:flex!important;align-items:center;justify-content:space-between;gap:0!important;flex-wrap:nowrap;padding:0;margin:0;background:none!important;border:0!important;box-shadow:none!important}
.v16-inner.v17-inner .primary-nav>a{font:800 clamp(11px,1.01vw,17px)/1.2 Arial,"Segoe UI",sans-serif!important;color:#0b3978!important;min-width:0;min-height:0!important;padding:.6em 1em!important;border-radius:80px;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;transition:background .15s,color .15s}
.v16-inner.v17-inner .primary-nav>a[aria-current="page"],.v16-inner.v17-inner .primary-nav>a:hover{background:linear-gradient(180deg,#16c1cb,#0199b5)!important;color:#fff!important;box-shadow:0 3px 8px #008bb237!important}
.v16-inner.v17-inner .menu-toggle{display:none}
/* Internal banners: align with approved light-blue aquatic artwork, keep content genuinely in HTML. */
.v16-inner.v17-inner .v16-hero{min-height:215px;background:linear-gradient(105deg,#f3fbff 9%,#d8f4ff 46%,#8bd9f6 100%)}
.v16-inner.v17-inner .v16-hero:after{width:64%;background-position:center!important;background-size:cover;opacity:1;mask-image:linear-gradient(to right,transparent 0%,#000 22%)}
.v16-inner.v17-inner .v16-hero-content{padding-top:27px;padding-bottom:76px}
.v16-inner.v17-inner .v16-hero-intro{max-width:730px;align-items:center}
.v16-inner.v17-inner .v16-hero h1{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:800;letter-spacing:-.035em;color:#103c7e;text-shadow:0 2px #fff6;font-size:clamp(34px,3.4vw,56px);line-height:1.08}
.v16-inner.v17-inner .v16-hero p{font-size:clamp(15px,1.32vw,19px);max-width:610px;color:#20486d}
.v16-inner.v17-inner .v16-hero-icon{background:linear-gradient(#e9faff,#c4f2ff);color:#0396be;box-shadow:0 5px 15px #0b8db326;max-width:72px}
.v16-inner.v17-inner .v16-hero-wave{height:57px}
.v16-inner.v17-inner main{background:linear-gradient(180deg,transparent,#f1fbff 38%,#e5f7ff 88%,#f3fcff)}
.v16-inner.v17-inner .v16-main-section{padding:36px 0 45px}
.v16-inner.v17-inner .v16-section-heading h2{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:800;font-size:clamp(24px,2.3vw,34px);color:#103c7e}
.v16-inner.v17-inner .v16-section-heading:after{height:2px;background:linear-gradient(90deg,#1abadd,#8edbef)}
.v16-inner.v17-inner .v16-product-aside,.v16-inner.v17-inner .v16-contact-card,.v16-inner.v17-inner .v16-doc-card,.v16-inner.v17-inner .v16-benefits>div,.v16-inner.v17-inner .v16-bottom-link{background:linear-gradient(145deg,#fff,#e7f9ff 80%,#d4f0ff);border:1px solid #b5e0f2;box-shadow:0 7px 20px #0967ae1a}
.v16-inner.v17-inner .v16-product-aside{border-radius:26px;padding:27px 24px}
.v16-inner.v17-inner .v16-product-aside h2{font:italic bold 30px Georgia,"Times New Roman",serif;color:#103d7d}
/* Exact same three complete bottle-card images as the homepage (not alternate crops). */
.v16-inner.v17-inner .v16-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.v16-inner.v17-inner .v17-product-image-card{display:block;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px #0a77b225;background:#e9faff;border:1px solid #b6e3f5;min-width:0;transition:transform .2s,box-shadow .2s}
.v16-inner.v17-inner .v17-product-image-card img{display:block;width:100%;height:auto;aspect-ratio:332 / 193;object-fit:contain;object-position:center}
.v16-inner.v17-inner .v17-product-image-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0a77b22d}
.v16-inner.v17-inner .v17-product-image-card:focus-visible{outline:3px solid #0799d2;outline-offset:3px}
.v16-inner.v17-inner .v16-doc-grid{gap:16px}
.v16-inner.v17-inner .v16-doc-card{border-radius:22px;min-height:110px;transition:transform .2s}
.v16-inner.v17-inner .v16-doc-card:hover{transform:translateY(-2px)}
.v16-inner.v17-inner .v16-filter{background:linear-gradient(100deg,#d9f5ff,#f6fcff);border-radius:18px}
.v16-inner.v17-inner .v16-bottom-link{border-radius:26px}
.v16-inner.v17-inner .v16-footer{background:linear-gradient(180deg,#039dd2 0%,#026bb0 35%,#084b8d 100%);border:0;padding-top:46px}
.v16-inner.v17-inner .v16-footer:before{content:"";position:absolute;left:0;top:-26px;width:100%;height:36px;display:block;background:#0699cc;clip-path:polygon(0 49%,8% 28%,20% 70%,32% 25%,45% 65%,57% 18%,69% 56%,82% 30%,94% 75%,100% 45%,100% 100%,0 100%)}
.v16-inner.v17-inner .v16-footer .footer-grid{width:min(1390px,calc(100% - 48px))}
/* Fixed navbar small screens — same header structure as main mobile, no overflow. */
@media(max-width:1000px){
 .v16-inner.v17-inner .site-header{aspect-ratio:auto;min-height:73px!important;position:sticky!important;top:0;background:linear-gradient(90deg,#f8fdff,#e5f7ff)!important;box-shadow:0 6px 18px #1468a31a!important}
 .v16-inner.v17-inner .site-header .header-inner{width:calc(100% - 32px)!important;min-height:73px!important;margin:auto!important;display:flex;justify-content:space-between;align-items:center}
 .v16-inner.v17-inner .site-header .brand{position:static;opacity:1;display:flex;width:auto;height:auto;min-width:0!important;flex:1;flex-direction:column;align-items:flex-start;pointer-events:auto}
 .v16-inner.v17-inner .site-header .brand span{display:block}
 .v16-inner.v17-inner .site-header .brand-name{font:italic 800 clamp(29px,5vw,45px)/.9 Georgia,serif;color:#164a98;text-shadow:1px 2px 0 #cceaff;letter-spacing:-.06em}
 .v16-inner.v17-inner .site-header .brand-sub{font-size:9px;font-weight:800;color:#d83436;margin-top:5px}
 .v16-inner.v17-inner .menu-toggle{display:block;position:relative;z-index:69;flex:0 0 auto}
 .v16-inner.v17-inner .primary-nav{display:none!important;position:absolute!important;left:0;right:0;top:100%;width:100%;height:auto;flex-direction:column;align-items:stretch;gap:4px!important;padding:13px 16px;margin:0;background:#f5fcff!important;border:1px solid #b8e7f7!important;border-radius:0 0 18px 18px;box-shadow:0 10px 26px #0b639733!important;z-index:68}
 .v16-inner.v17-inner .primary-nav.open{display:flex!important}
 .v16-inner.v17-inner .primary-nav>a{width:100%;font-size:15px!important;padding:12px 14px!important;text-align:left;justify-content:flex-start;background:#fff!important;border:1px solid #d1edf8!important;min-height:42px!important}
 .v16-inner.v17-inner .primary-nav>a[aria-current="page"],.v16-inner.v17-inner .primary-nav>a:hover{background:#079bb4!important;color:#fff!important}
 .v16-inner.v17-inner .v16-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v16-inner.v17-inner .v16-hero:after{width:66%;opacity:.57}
}
@media(max-width:640px){
 .v16-inner.v17-inner .container{width:calc(100% - 30px)}
 .v16-inner.v17-inner .v16-hero{min-height:0}
 .v16-inner.v17-inner .v16-hero-content{padding:28px 0 65px}
 .v16-inner.v17-inner .v16-hero-intro{gap:13px;align-items:flex-start}
 .v16-inner.v17-inner .v16-hero h1{font-size:clamp(28px,8vw,41px)}
 .v16-inner.v17-inner .v16-hero p{font-size:14px}
 .v16-inner.v17-inner .v16-hero-icon{flex:0 0 51px;width:51px;height:51px;font-size:28px}
 .v16-inner.v17-inner .v16-hero:after{width:100%;opacity:.20;mask-image:linear-gradient(to bottom,transparent,black)}
 .v16-inner.v17-inner .v16-product-grid{grid-template-columns:1fr;gap:13px}
 .v16-inner.v17-inner .v17-product-image-card{max-width:420px;margin-inline:auto;width:100%}
 .v16-inner.v17-inner .v16-product-aside{padding:22px 18px}
 .v16-inner.v17-inner .v16-main-section{padding:23px 0 32px}
 .v16-inner.v17-inner .v16-section-heading h2{font-size:26px}
 .v16-inner.v17-inner .v16-doc-card{min-height:83px}
}