/* v9: consistent aquatic visual language of approved homepage; all internal pages. */
:root{--blue:#0a72b9;--blue-dark:#083976;--text:#183e68;--muted:#416a8e;--line:#a8dafa;--card:#e9f8ff;--sky:#e5f6ff}
html{background:#dff5ff}
body{font-family:Arial,Helvetica,sans-serif;color:#123d71;background:linear-gradient(180deg,#dff5ff 0%,#effaff 49%,#e2f5ff 100%)}
.site{background:transparent}
.header{background:linear-gradient(180deg,rgba(226,247,255,.97),rgba(238,250,255,.96));box-shadow:0 8px 28px rgba(8,83,150,.06);border-bottom:1px solid #c2e7fa;backdrop-filter:blur(12px)}
.header:before{content:"";position:absolute;top:-32px;left:-40px;width:min(320px,24vw);height:72px;border-radius:0 0 75% 20%;background:linear-gradient(145deg,#8ce4ff,#09a5ee 48%,#0263ab);opacity:.68;transform:rotate(-8deg);pointer-events:none}
.header .nav{position:relative;z-index:1}
.brand-type .brand-name{color:#174885;text-shadow:0 2px 0 #a9dafa,1px 3px 0 #d1ecfc;font-style:italic}
.brand-type .brand-subtitle{text-transform:uppercase;color:#db3040;font-size:.73rem;font-weight:800;letter-spacing:.03em}
.header #nav-links a{border-radius:28px;color:#0d376a;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.header #nav-links a[aria-current=page],.header #nav-links a:hover,.header #nav-links a:focus-visible{color:white;background:linear-gradient(180deg,#15a6df,#0065ae);box-shadow:0 3px 12px rgba(2,94,158,.19)}
@media(min-width:961px){
 .header .nav{width:min(1672px,100%);max-width:1672px;min-height:100px;display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);padding:9px 4%;gap:0}
 .header #nav-links{justify-content:space-around;gap:0}
 .header #nav-links a{padding:10px clamp(5px,.85vw,14px);font-size:clamp(12px,1.07vw,18px);white-space:nowrap}
}
.page-head{padding:42px 0 54px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 25%,rgba(2,178,238,.19) 0%,transparent 50%),linear-gradient(180deg,#cbefff 0%,#e8f8ff 72%,#c1ecff 100%)}
.page-head:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 84% 12%,rgba(255,255,255,.76) 0 3px,transparent 4px),radial-gradient(circle at 90% 26%,rgba(255,255,255,.68) 0 5px,transparent 6px),radial-gradient(circle at 77% 35%,rgba(255,255,255,.75) 0 7px,transparent 8px);pointer-events:none}
.page-head:after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:60px;background:url('/assets/images/wave-divider.svg') center bottom / 100% 100% no-repeat;opacity:1}
.page-head .wrap{position:relative;z-index:1}
.page-head h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(2.35rem,4.3vw,4.5rem);color:#103f83;text-shadow:0 2px 0 rgba(255,255,255,.6);max-width:1050px}
.page-head .eyebrow{color:#0879b7;font-size:14px;letter-spacing:.075em}
.page-head .lead{color:#244e79;max-width:960px}
.section{padding:38px 0 66px}
.section>.wrap{position:relative}
.article,.contact-card,.doc-card,.product-card{border:1px solid #b8def4;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(230,247,255,.94));box-shadow:0 9px 24px rgba(0,108,177,.12)}
.article{border-radius:24px;padding:clamp(22px,3.3vw,42px);max-width:1190px;margin:0 auto}
.article h2,.article h3,.contact-card h2,.contact-card h3{color:#103c7c}
.article p,.article li{color:#335d80}
.article table th{background:#d8f2ff;color:#0d4784}
.article table td{background:rgba(255,255,255,.55)}
.doc-grid{gap:17px}
.doc-card{border-radius:18px;min-height:105px;align-items:center;transition:transform .18s ease,box-shadow .18s ease}
.doc-card:hover{background:#e2f5ff;box-shadow:0 12px 24px rgba(0,103,169,.19)}
.doc-card .doc-icon{color:#087ab9;border:1px solid #bfe8ff;background:linear-gradient(#f6fcff,#d7f2ff)}
.doc-card .doc-arrow{color:#0b71ae}
.doc-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.page-head .doc-breadcrumb a:hover,.page-head .doc-breadcrumb a:focus-visible{color:#fff!important}
.document-toolbar{background:linear-gradient(180deg,#e6f7ff,#d6f0ff);border-color:#b7e1f6}
.document-paper{background:white;border-color:#d3e7f6}
.btn{background:linear-gradient(180deg,#14adea,#0872c3);border:1px solid #0786cb;color:#fff;box-shadow:0 6px 15px rgba(0,113,186,.18)}
.btn:hover,.btn:focus-visible{background:linear-gradient(180deg,#0099d9,#064e9d);color:#fff}
.footer{margin-top:44px;position:relative;background:linear-gradient(180deg,#048aca 0%,#0765a7 35%,#083f80 100%);padding:78px 0 34px;color:#fff}
.footer::before{content:"";position:absolute;top:-56px;left:0;width:100%;height:80px;border-radius:0;background:url('/assets/images/wave-divider.svg') center top / 100% 100% no-repeat;transform:rotate(180deg);opacity:.92}
.footer .footer-type .brand-name{color:#fff;text-shadow:1px 3px 0 #084476}
.footer .footer-type .brand-subtitle{color:#e4f6ff}
.footer nav a{color:#e5f8ff}
.footer p,.footer small{color:#e4f3ff}
@media(max-width:960px){.header:before{width:180px}.header .nav{min-height:82px}.page-head{padding-top:34px}.page-head:after{height:42px}.footer::before{height:58px;top:-42px}}
/* Isolated product artwork: only bottle region of the old composite image is shown.
   Original PNG already contains a rounded card and adjacent text, so confine it to a
   dedicated masked viewport rather than rendering composite cards side by side. */
.product-bottles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.product-bottles .product-card{display:grid;grid-template-columns:minmax(100px,39%) minmax(0,61%);align-items:center;overflow:hidden;min-width:0;min-height:250px;border-radius:22px;isolation:isolate}
.product-bottles .product-card .bottle-visual{position:relative;width:100%;height:100%;min-height:244px;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#c3edff,#e9faff);mask-image:linear-gradient(90deg,#fff 0%,#fff 75%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#fff 0%,#fff 75%,transparent 100%)}
.product-bottles .product-card .bottle-visual img{position:absolute;left:50%;top:50%;display:block;width:335px;max-width:none;height:240px;aspect-ratio:auto;object-fit:fill;object-position:center;transform:translate(-25%,-50%);background:transparent;border:0;filter:drop-shadow(0 5px 9px rgba(0,76,132,.1))}
.product-bottles .product-card .body{min-width:0;padding:18px 18px 18px 6px;position:relative;z-index:2}
.product-bottles .product-card h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,1.34vw,1.2rem);line-height:1.28;color:#0c3879;margin:0 0 14px}
.product-bottles .product-card p{font-size:clamp(.88rem,1.1vw,1rem);color:#315e88}
@media(max-width:1120px){.product-bottles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:710px){.product-bottles{grid-template-columns:1fr}.product-bottles .product-card{grid-template-columns:145px 1fr;min-height:230px}.product-bottles .product-card .bottle-visual{min-height:230px}.product-bottles .product-card .body{padding:12px}}


/* v10: consistent fixed desktop header matching the approved homepage navigation artwork */
@media(min-width:961px){
  .header .nav{position:relative;display:block;width:100%;max-width:1672px;height:clamp(78px,6.2vw,104px);min-height:0;box-sizing:border-box;margin-inline:auto;padding:0;}
  .header .nav>.brand-type{position:absolute;left:12.5%;top:50%;transform:translateY(-50%);margin:0;max-width:22%;white-space:nowrap;}
  .header .nav>.brand-type .brand-name{font-size:clamp(29px,3.1vw,51px);line-height:1;}
  .header .nav>.brand-type .brand-subtitle{font-size:clamp(8px,.79vw,13px);}
  .header #nav-links{position:absolute;top:50%;left:36%;width:40.5%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;gap:0;flex-wrap:nowrap;padding:0;margin:0;background:transparent;border:0;}
  .header #nav-links a{font:700 clamp(12px,1.05vw,18px)/1.15 Arial,Helvetica,sans-serif;padding:11px clamp(7px,.8vw,14px);margin:0;white-space:nowrap;border-radius:999px;}
}
@media(min-width:961px) and (max-width:1200px){
  .header .nav>.brand-type{left:9%;max-width:25%;}
  .header #nav-links{left:34%;width:61%;}
  .header #nav-links a{font-size:12px;padding:10px 7px;}
}

/* v10: compact document headers and icon-only download, no separate toolbar */
.doc-header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:0}
.doc-header-row h1{margin-bottom:4px;min-width:0;flex:1 1 260px}
.doc-file-icon{display:inline-flex;justify-content:center;align-items:center;flex:0 0 54px;width:54px;height:62px;margin:0;padding:3px;border-radius:12px;background:rgba(255,255,255,.45);border:1px solid rgba(67,149,202,.24);transition:background .16s ease,transform .16s ease;}
.doc-file-icon:hover,.doc-file-icon:focus-visible{background:#ffffff;color:#fff;transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,107,174,.17);}
.doc-file-icon img{width:44px;height:54px;display:block}
.doc-file-icon:focus-visible{outline:3px solid #0a78c6;outline-offset:3px}
.doc-breadcrumb{margin-bottom:12px}
.doc-compact-section{padding-top:22px}
.doc-compact-section .document-paper{margin-top:0;padding:16px}
.doc-compact-section .article{padding:clamp(12px,2.4vw,28px)}
.doc-card small{display:none}
.doc-card strong{font-size:1.02rem}

/* v10: crop built-in bottom waves from the original three product visuals */
.product-bottles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-bottles .product-card{display:block;min-height:0;overflow:hidden;padding:0;border-radius:23px;background:linear-gradient(130deg,#dff4ff,#f1fbff);}
.product-bottles .product-card .bottle-visual{height:auto;min-height:0;aspect-ratio:335 / 190;display:block;position:relative;overflow:hidden;width:100%;background:#dcf3ff;mask-image:none;-webkit-mask-image:none;}
.product-bottles .product-card .bottle-visual img{position:absolute;left:0;top:0;transform:none;width:100%;height:auto;min-height:0;max-width:100%;object-fit:unset;filter:none;border:0;display:block;}
.product-bottles .product-card .body{display:none}
.product-bottles .product-card .bottle-visual::after{display:none}
@media(max-width:1120px){.product-bottles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:710px){.product-bottles{grid-template-columns:1fr}}