:root {
  --navy: #073b63;
  --blue: #0879bd;
  --blue-2: #21a8dc;
  --cyan: #dff5fc;
  --ink: #15344b;
  --muted: #6a8292;
  --pale: #f4fbfe;
  --line: #e2edf2;
  --white: #fff;
  --shadow: 0 22px 60px rgba(5, 65, 101, .10);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); font-family: "DM Sans", sans-serif; background: #fff; -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,.navbar-brand { font-family: "Manrope", sans-serif; }
a { text-decoration: none; }
.top-strip { background: var(--navy); color: #d7edf8; padding: 9px 0; font-size: 11px; letter-spacing: .025em; }
.top-strip a { color: white; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.status-dot { display: inline-block; width: 6px; height: 6px; margin: 0 7px 1px 0; border-radius: 50%; background: #5fe2bd; }
.site-nav { background: rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(10,74,110,.07); padding: 15px 0; }
.brand-lockup { display: inline-flex; align-items: center; gap: 9px; color: var(--navy); line-height: 1; }
.brand-lockup:hover { color: var(--blue); }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; color: var(--blue); }
.brand-mark svg { width: 35px; height: 35px; }
.brand-lockup strong { display: block; font-size: 17px; letter-spacing: .06em; font-weight: 800; }
.brand-lockup small { display: block; margin-top: 5px; font-size: 8px; letter-spacing: .26em; text-align: center; color: #6b9cb7; font-weight: 700; }
.navbar-nav { gap: 14px; }
.site-nav .nav-link { color: #516b7b; font-size: 13px; font-weight: 600; padding: 10px 12px !important; }
.site-nav .nav-link:hover,.site-nav .nav-link.active { color: var(--blue); }
.btn { border-radius: 8px; font-size: 13px; font-weight: 700; padding: 12px 20px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-brand { color: white; border: 1px solid var(--blue); background: linear-gradient(135deg, #0879bd, #0a91cb); box-shadow: 0 8px 20px rgba(8,121,189,.17); }
.btn-brand:hover,.btn-brand:focus { color: white; background: var(--navy); border-color: var(--navy); box-shadow: 0 10px 25px rgba(7,59,99,.22); }
.btn-brand span,.business-btn span { margin-left: 8px; font-size: 17px; line-height: 0; }
.btn-outline-brand { border: 1px solid #c6dfe9; color: var(--navy); background: rgba(255,255,255,.55); }
.btn-outline-brand:hover { background: white; border-color: var(--blue); color: var(--blue); }
.nav-cta { padding: 10px 16px; font-size: 12px; }
.hero-section { position: relative; overflow: hidden; padding: 88px 0 90px; background: linear-gradient(115deg,#f7fcfe 0%,#effaff 48%,#e1f6fd 100%); }
.hero-copy { z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--blue); font-size: 10px; letter-spacing: .17em; font-weight: 800; margin-bottom: 20px; }
.eyebrow-line { display: inline-block; width: 27px; height: 2px; background: #32acd8; border-radius: 2px; }
.hero-copy h1 { font-size: clamp(42px,5.2vw,67px); line-height: 1.09; letter-spacing: -.055em; font-weight: 800; color: var(--navy); margin: 0 0 22px; }
.hero-copy h1 span,.section-heading h2 span,.promise-copy h2 span,.contact-section h2 span { color: var(--blue); }
.hero-lead { max-width: 475px; font-size: 15px; line-height: 1.9; color: #607b8c; margin-bottom: 28px; }
.hero-actions .btn { padding: 14px 21px; }
.hero-proof { display: flex; align-items: center; gap: 12px; margin-top: 40px; }
.proof-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; color: var(--blue); background: #d8f1fa; font-size: 20px; }
.hero-proof strong,.hero-proof small { display: block; }
.hero-proof strong { font-size: 12px; color: var(--navy); }
.hero-proof small { color: #7d95a3; font-size: 11px; margin-top: 4px; }
.hero-visual { min-height: 450px; position: relative; display: flex; align-items: center; justify-content: center; }
.visual-halo { position: absolute; width: min(430px,90%); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%,rgba(255,255,255,.96),rgba(178,231,248,.7) 48%,rgba(90,190,224,.2) 70%,transparent 71%); border: 1px solid rgba(255,255,255,.8); }
.bottle-stage { height: 410px; width: 100%; max-width: 440px; position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 25px; }
.water-bottle { position: relative; filter: drop-shadow(13px 18px 12px rgba(9,83,123,.13)); }
.bottle-large { height: 335px; width: 120px; margin-right: -8px; z-index: 2; }
.bottle-small { height: 245px; width: 89px; margin-left: -8px; margin-bottom: 1px; transform: rotate(5deg); }
.bottle-cap { position: absolute; top: 0; left: 39%; width: 22%; height: 17px; border-radius: 4px 4px 2px 2px; background: repeating-linear-gradient(90deg,#0784c4 0 3px,#20a7da 3px 5px); border: 1px solid rgba(255,255,255,.4); }
.bottle-neck { position: absolute; top: 14px; left: 35%; width: 30%; height: 35px; border-radius: 5px 5px 2px 2px; background: linear-gradient(90deg,rgba(93,198,235,.5),rgba(255,255,255,.9) 36%,rgba(69,173,219,.3)); border: 1px solid rgba(255,255,255,.9); }
.bottle-body { position: absolute; top: 42px; bottom: 0; left: 0; right: 0; overflow: hidden; border-radius: 24px 24px 28px 28px; border: 1px solid rgba(255,255,255,.95); background: linear-gradient(90deg,rgba(49,159,212,.26),rgba(255,255,255,.76) 23%,rgba(215,247,255,.66) 58%,rgba(44,153,207,.28)); box-shadow: inset 8px 0 10px rgba(255,255,255,.65), inset -7px 0 12px rgba(0,112,180,.08); }
.bottle-body:before,.bottle-body:after { content:""; position:absolute; left:5%; right:5%; height:10px; border-radius:50%; border:1px solid rgba(255,255,255,.8); top:21%; box-shadow:0 7px 0 rgba(255,255,255,.24),0 14px 0 rgba(255,255,255,.18); }
.bottle-body:after { top:auto; bottom:11%; }
.bottle-glint { position:absolute; left:12%; top:8%; bottom:8%; width:8%; border-radius:20px; background:rgba(255,255,255,.75); filter:blur(1px); }
.bottle-label { position:absolute; left:0; right:0; top:37%; height:31%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:linear-gradient(135deg,#0878b8,#0aa2d7); color:white; box-shadow:0 6px 14px rgba(0,77,130,.14); }
.label-drop { font-size:10px; line-height:1.2; }
.bottle-label b { font-size:13px; letter-spacing:.07em; }
.bottle-label small { font-size:6px; letter-spacing:.2em; margin-top:4px; }
.bottle-label i { font-style:normal; font-size:4px; letter-spacing:.08em; margin-top:8px; }
.bottle-small .bottle-cap { height:12px; }.bottle-small .bottle-neck { height:26px; top:10px; }.bottle-small .bottle-body { top:32px; border-radius:19px 19px 22px 22px; }.bottle-small .bottle-label { top:39%; height:30%; }.bottle-small .bottle-label b { font-size:9px; }.bottle-small .bottle-label small { font-size:5px; }
.bottle-shadow { position:absolute; bottom:13px; left:17%; right:15%; height:22px; border-radius:50%; background:rgba(18,104,148,.16); filter:blur(12px); }
.floating-label { position:absolute; z-index:3; background:rgba(255,255,255,.87); border:1px solid rgba(255,255,255,.95); border-radius:50px; box-shadow:0 10px 35px rgba(7,59,99,.09); color:var(--navy); padding:12px 16px; font-size:11px; font-weight:700; }
.label-top { top:47px; left:1%; }.label-bottom { right:-1%; bottom:48px; }
.mini-drop { color:var(--blue); margin-right:7px; }.sparkle { color:#12a2d5; font-size:18px; vertical-align:middle; margin-right:6px; }
.hero-note { position:absolute; z-index:3; right:2%; top:43%; display:flex; align-items:center; gap:10px; background:white; padding:12px 15px; border-radius:12px; box-shadow:var(--shadow); }
.hero-note>span { font-size:22px; font-weight:800; color:#b3e4f5; }.hero-note strong,.hero-note small { display:block; }.hero-note strong { font-size:10px; }.hero-note small { color:var(--muted); font-size:9px; margin-top:4px; }
.hero-orb { position:absolute; border-radius:50%; border:1px solid rgba(26,156,207,.1); }.orb-one { width:300px;height:300px;right:-150px;top:-130px; }.orb-two { width:180px;height:180px;left:-90px;bottom:-80px; }
.hero-wave { position:absolute; height:25px; left:-2%; right:-2%; bottom:-17px; border-radius:50% 50% 0 0; background:white; }
.trust-bar { padding:24px 0; border-bottom:1px solid #edf4f7; background:#fff; }
.trust-item { display:flex; justify-content:center; align-items:center; gap:11px; text-align:left; height:100%; }
.trust-item>span { display:grid; place-items:center; width:36px;height:36px;border-radius:11px;background:#eef9fd;color:var(--blue);font-size:19px; }
.trust-item strong,.trust-item small { display:block; }.trust-item strong { font-size:11px;color:var(--navy); }.trust-item small { font-size:10px;color:#8aa0ad;margin-top:4px; }
.section-padding { padding:100px 0; }
.products-section { background:#fff; }
.section-heading { max-width:610px; margin-bottom:46px; }
.section-heading .eyebrow { margin-bottom:15px; }
.section-heading h2,.promise-copy h2,.contact-section h2 { font-size:clamp(32px,4vw,45px); font-weight:800; line-height:1.18; letter-spacing:-.045em; color:var(--navy); margin-bottom:16px; }
.section-heading p,.promise-copy>p { color:var(--muted); font-size:14px; line-height:1.85; }
.product-card { height:100%; background:#fff; border:1px solid #e9f1f5; border-radius:15px; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.product-card:hover { transform:translateY(-6px); box-shadow:0 20px 45px rgba(7,59,99,.09); border-color:#cce9f4; }
.product-art { height:220px; position:relative; overflow:hidden; display:flex; align-items:flex-end; justify-content:center; padding-bottom:22px; }
.art-300 { background:linear-gradient(145deg,#f0fbff,#e0f5fc); }.art-500 { background:linear-gradient(145deg,#f3fbff,#d7f1fb); }.art-1l { background:linear-gradient(145deg,#effaff,#e6f8fc); }.art-2l { background:linear-gradient(145deg,#f2fbff,#dceff9); }
.art-circle { position:absolute; width:155px;height:155px;border-radius:50%;background:rgba(255,255,255,.6);bottom:-70px;right:-15px; }
.size-pill { position:absolute; z-index:3; top:15px; left:15px; border-radius:30px; padding:6px 10px; background:rgba(255,255,255,.8); color:var(--blue); font-size:10px; font-weight:800; }
.product-bottle { position:relative; z-index:2; filter:drop-shadow(7px 10px 6px rgba(10,91,127,.12)); }
.p-cap { position:absolute; top:0; left:36%; width:28%; height:12px; border-radius:3px 3px 1px 1px; background:linear-gradient(90deg,#0878b8,#29b3df); }
.p-neck { position:absolute; top:10px; left:34%; width:32%; height:24px; border-radius:4px 4px 0 0; background:linear-gradient(90deg,rgba(66,176,219,.35),rgba(255,255,255,.9),rgba(66,176,219,.25)); }
.p-body { position:absolute; top:31px; bottom:0; left:0; right:0; border:1px solid rgba(255,255,255,.95); border-radius:15px 15px 18px 18px; background:linear-gradient(90deg,rgba(56,164,214,.28),rgba(255,255,255,.82) 30%,rgba(62,168,213,.2)); overflow:hidden; }
.p-body:before { content:""; position:absolute; top:19%; left:5%;right:5%;height:7px;border-top:1px solid rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.7); }
.p-label { position:absolute; top:36%;left:0;right:0;min-height:45px;background:linear-gradient(135deg,#0878b8,#13a0d3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff; }
.p-label b { font-size:9px;letter-spacing:.04em; }.p-label small { font-size:5px;letter-spacing:.18em;margin-top:3px; }
.bottle-300 { width:48px;height:115px; }.bottle-500 { width:57px;height:145px; }.bottle-1l { width:69px;height:169px; }.bottle-2l { width:78px;height:184px; }
.product-info { padding:20px 18px 22px; }.product-info h3 { font-size:15px;font-weight:800;color:var(--navy);margin-bottom:8px; }.product-info p { min-height:42px;color:#7a909e;font-size:11px;line-height:1.7;margin-bottom:17px; }
.text-link { font-size:10px;color:var(--blue);font-weight:800; }.text-link span { font-size:15px;margin-left:5px;transition:margin .2s; }.text-link:hover span { margin-left:9px; }
.small-note { color:#9aabb5;font-size:10px; }
.promise-section { background:#f4fbfe; overflow:hidden; }
.promise-art { min-height:440px;position:relative;display:flex;align-items:center;justify-content:center; }
.promise-circle { position:absolute;border-radius:50%; }.circle-back { width:370px;height:370px;background:linear-gradient(145deg,#d6f2fb,#a6e1f4); }.circle-front { width:270px;height:270px;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 18px rgba(255,255,255,.15); }
.water-symbol { z-index:1;color:rgba(255,255,255,.9);width:130px;filter:drop-shadow(0 15px 10px rgba(9,110,162,.12)); }.water-symbol svg { width:100%; }
.promise-stamp { position:absolute;z-index:2;right:6%;top:15%;width:105px;height:105px;border-radius:50%;background:white;box-shadow:0 14px 35px rgba(5,65,101,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);transform:rotate(8deg); }
.promise-stamp span { font-size:11px;font-weight:800;letter-spacing:.06em; }.promise-stamp b { font-size:14px;letter-spacing:.16em;color:var(--blue); }.promise-stamp small { font-size:5px;letter-spacing:.08em;margin-top:5px; }
.promise-caption { position:absolute;z-index:2;bottom:12%;left:1%;display:flex;align-items:center;gap:10px;background:white;padding:13px 17px;border-radius:12px;box-shadow:var(--shadow); }
.caption-check { width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e2f8f1;color:#138e6b;font-weight:800; }.promise-caption b,.promise-caption small { display:block; }.promise-caption b { font-size:11px; }.promise-caption small { font-size:9px;color:var(--muted);margin-top:4px; }
.promise-copy>p { max-width:490px;margin-bottom:28px; }
.promise-points { margin-bottom:27px; }.promise-point { display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #e1edf2; }.promise-point>span { color:#7ac8e5;font-size:15px;font-weight:800; }.promise-point h3 { color:var(--navy);font-size:13px;font-weight:800;margin:0 0 5px; }.promise-point p { color:#7a909e;font-size:11px;margin:0;line-height:1.7; }
.business-section { padding-top:15px;background:#f4fbfe; }
.business-panel { position:relative;overflow:hidden;background:linear-gradient(120deg,#06385e,#087eb7);border-radius:20px;padding:56px 55px;color:white; }
.eyebrow-light { color:#a9e7fb; }.eyebrow-light .eyebrow-line { background:#6bd4f3; }
.business-panel h2 { font-size:clamp(30px,4vw,43px);font-weight:800;line-height:1.2;letter-spacing:-.04em;margin:0 0 15px; }.business-panel h2 span { color:#81dcf5; }
.business-panel p { max-width:530px;color:#d1e8f3;font-size:13px;line-height:1.8;margin:0; }
.business-btn { background:#fff;color:var(--navy);border:1px solid white;padding:15px 20px; }.business-btn:hover { color:var(--blue);background:#effaff; }
.business-decoration { position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%; }.deco-one { width:350px;height:350px;right:-100px;top:-180px; }.deco-two { width:230px;height:230px;right:35px;bottom:-180px; }
.contact-section { background:white; }
.contact-intro { color:var(--muted);font-size:13px;line-height:1.9;max-width:400px;margin-bottom:28px; }
.contact-detail { display:flex;align-items:center;gap:13px;margin:18px 0; }.contact-icon { width:40px;height:40px;border-radius:12px;background:#eaf8fd;color:var(--blue);display:grid;place-items:center;font-size:18px; }.contact-detail small,.contact-detail strong { display:block; }.contact-detail small { font-size:9px;letter-spacing:.14em;font-weight:800;color:#8ca3b1;margin-bottom:4px; }.contact-detail strong { font-size:11px;color:var(--navy);font-weight:700; }
.enquiry-form { border:1px solid #e6f0f4;border-radius:17px;padding:30px;background:#fff;box-shadow:0 20px 55px rgba(5,65,101,.06); }
.form-heading { display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px; }.form-heading h3 { font-size:19px;font-weight:800;color:var(--navy);margin:0; }.form-heading p { color:#91a3ad;font-size:10px;margin:0; }
.form-label { color:#3e5a6c;font-size:11px;font-weight:700;margin-bottom:7px; }.form-control,.form-select { border:1px solid #dfeaf0;border-radius:7px;min-height:44px;color:var(--ink);font-size:12px;padding:11px 12px;box-shadow:none !important; }.form-control::placeholder { color:#a5b4bd; }.form-control:focus,.form-select:focus { border-color:#6fc8e8; }.form-control textarea { min-height:95px; }
.form-disclaimer { color:#95a7b1;text-align:center;font-size:9px;line-height:1.6;margin:12px 0 0; }.form-disclaimer code { color:#597789; }
.site-footer { background:#062f4e;color:#c5dce8;padding:30px 0 17px; }.footer-brand { color:white; }.footer-brand .brand-mark { color:#53c5eb; }.footer-brand small { color:#8ebbd0; }
.footer-links { display:flex;justify-content:center;gap:22px; }.footer-links a { color:#c5dce8;font-size:11px; }.footer-links a:hover { color:white; }.copyright { color:#92b3c5;font-size:10px; }.footer-bottom { border-top:1px solid rgba(255,255,255,.12);margin-top:23px;padding-top:14px;color:#8fb0c1;font-size:9px;display:flex;justify-content:space-between;gap:12px; }
.back-to-top { position:fixed;z-index:20;right:20px;bottom:20px;width:40px;height:40px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:20px;box-shadow:0 8px 22px rgba(7,59,99,.2);opacity:0;pointer-events:none;transform:translateY(8px);transition:all .2s; }.back-to-top.visible { opacity:1;pointer-events:auto;transform:translateY(0); }
@media (max-width: 991.98px) {
  .site-nav .navbar-collapse { padding:15px 0 4px; }.navbar-nav { gap:2px; }.site-nav .nav-link { padding:10px 0 !important; }.nav-cta { display:inline-block;margin-top:8px; }
  .hero-section { padding:65px 0 70px; }.hero-visual { min-height:400px; }.hero-copy h1 { font-size:clamp(43px,7vw,61px); }.hero-note { right:0; }.label-top { left:0; }
  .section-padding { padding:75px 0; }.promise-art { min-height:390px; }.business-section { padding-top:0; }.business-panel { padding:42px 35px; }
}
@media (max-width: 575.98px) {
  .top-strip { font-size:10px; }.top-contact { width:100%;padding-left:13px; }.site-nav { padding:11px 0; }.brand-lockup strong { font-size:15px; }.brand-mark { width:32px;height:32px; }.brand-mark svg { width:30px;height:30px; }
  .hero-section { padding:54px 0 58px; }.hero-copy h1 { font-size:43px; }.hero-lead { font-size:13px; }.hero-actions .btn { width:100%; }.hero-proof { margin-top:27px; }.hero-visual { min-height:350px;margin-top:-10px; }.bottle-stage { height:330px;transform:scale(.88); }.visual-halo { width:300px; }.bottle-large { height:285px;width:102px; }.bottle-small { height:210px;width:77px; }.label-top { top:15px;left:0; }.label-bottom { right:0;bottom:16px; }.floating-label { font-size:9px;padding:10px 12px; }.hero-note { right:0;top:42%;padding:9px 10px; }.hero-note strong { font-size:9px; }.hero-note small { font-size:8px; }
  .trust-bar { padding:19px 0; }.trust-item { justify-content:flex-start;gap:7px; }.trust-item>span { width:30px;height:30px;font-size:15px; }.trust-item strong { font-size:9px; }.trust-item small { font-size:8px; }
  .section-padding { padding:65px 0; }.section-heading { margin-bottom:30px; }.section-heading h2,.promise-copy h2,.contact-section h2 { font-size:33px; }.product-art { height:175px; }.product-info { padding:15px 12px 17px; }.product-info h3 { font-size:12px; }.product-info p { font-size:10px;min-height:52px; }.text-link { font-size:9px; }.bottle-2l { transform:scale(.88);transform-origin:bottom; }
  .promise-art { min-height:340px;margin-bottom:15px; }.circle-back { width:285px;height:285px; }.circle-front { width:215px;height:215px; }.promise-stamp { right:0;top:8%;width:83px;height:83px; }.promise-stamp span { font-size:9px; }.promise-stamp b { font-size:11px; }.promise-caption { left:0;bottom:4%;padding:10px 12px; }.water-symbol { width:100px; }
  .business-panel { padding:32px 23px;border-radius:15px; }.business-panel h2 { font-size:31px; }.business-panel p { font-size:12px; }.business-btn { margin-top:5px;width:100%; }
  .enquiry-form { padding:21px 16px; }.form-heading { display:block; }.form-heading p { margin-top:7px; }.footer-links { justify-content:flex-start;gap:17px; }.copyright { text-align:left !important; }.footer-bottom { flex-direction:column;gap:5px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }

/* =========================================================
   Inchara Aqua — multi-page additions
   ========================================================= */
main, .site-footer { overflow-x:clip; }
.skip-link { position:absolute; z-index:100; left:12px; top:8px; background:#fff; padding:8px 12px; border-radius:6px; }
.top-strip a { text-decoration:none; }
.top-strip a:hover { text-decoration:underline; }
.top-contact .sep { margin:0 8px; opacity:.5; }
.site-nav .nav-link { white-space:nowrap; }
.navbar-nav { gap:4px; }

/* readable body copy on inner pages */
.promise-copy>p, .section-heading p { font-size:15px; }
.promise-point h3 { font-size:14px; }
.promise-point p { font-size:13px; }

/* ---------- page hero (inner pages; no photography by design) ---------- */
.page-hero { position:relative; overflow:hidden; padding:64px 0 74px; background:linear-gradient(115deg,#f7fcfe 0%,#effaff 48%,#e1f6fd 100%); }
.page-hero h1 { font-size:clamp(34px,4.6vw,54px); line-height:1.1; letter-spacing:-.05em; font-weight:800; color:var(--navy); margin:0 0 14px; }
.page-hero h1 span { color:var(--blue); }
.page-hero p { max-width:560px; color:#607b8c; font-size:15px; line-height:1.8; margin:0; }
.page-crumb { font-size:12px; font-weight:600; margin-bottom:16px; }
.page-crumb a { color:var(--blue); }
.page-crumb .active { color:#7d95a3; }

.tint-section { background:#f4fbfe; }
.sec-title { font-size:clamp(30px,3.6vw,40px); font-weight:800; line-height:1.18; letter-spacing:-.045em; color:var(--navy); margin-bottom:22px; }
.sec-title span { color:var(--blue); }

/* ---------- photos ---------- */
.photo-frame { margin:0; border-radius:16px; overflow:hidden; background:#fff; box-shadow:var(--shadow); border:1px solid #e6f0f4; display:flex; flex-direction:column; }
.photo-frame:only-child { height:100%; }
.photo-frame img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform .5s ease; }
.photo-frame:hover img { transform:scale(1.03); }
.photo-frame figcaption { padding:13px 16px; font-size:13px; color:#5c7686; line-height:1.55; flex:1; }
.photo-frame figcaption b { color:var(--navy); }

/* ---------- lists & cards ---------- */
.check-list { list-style:none; padding:0; margin:0 0 6px; }
.check-list li { position:relative; padding:7px 0 7px 30px; font-size:14px; color:#3e5a6c; }
.check-list li:before { content:"✓"; position:absolute; left:0; top:7px; width:20px; height:20px; border-radius:50%; background:#e2f8f1; color:#138e6b; font-size:11px; font-weight:800; display:grid; place-items:center; }
.value-card, .feature-card, .cert-card, .serve-card, .infra-stat, .req-box { height:100%; background:#fff; border:1px solid #e6f0f4; border-radius:15px; padding:28px 24px; transition:transform .25s, box-shadow .25s; }
.value-card:hover, .feature-card:hover, .serve-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(7,59,99,.08); }
.value-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:#eaf8fd; color:var(--blue); font-size:22px; margin-bottom:16px; }
.value-card h3, .feature-card h3, .cert-card h3, .serve-card h3, .req-box h3 { font-size:17px; font-weight:800; color:var(--navy); margin-bottom:8px; }
.value-card p, .feature-card p, .cert-card p, .serve-card p { color:#6a8292; font-size:14px; line-height:1.7; margin:0; }
.feature-card b { display:block; color:#7ac8e5; font-family:"Manrope",sans-serif; font-size:22px; margin-bottom:10px; }
.serve-card { padding:24px 20px; }
.serve-card span { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#eef9fd; color:var(--blue); font-size:20px; margin-bottom:14px; }
.serve-section { background:#fff; }

.label-grid span { display:flex; align-items:center; gap:8px; height:100%; background:#fff; border:1px solid #dcebf2; border-radius:10px; padding:10px 12px; font-size:13px; font-weight:600; color:var(--navy); }
.label-grid span:before { content:"◆"; color:var(--blue-2); font-size:9px; }
.tint-section .label-grid span { background:#fff; }

/* products */
.pack-chip { display:inline-block; font-size:11px; font-weight:700; color:#138e6b; background:#e2f8f1; border-radius:20px; padding:4px 10px; margin-bottom:12px; }
.product-info p { font-size:12.5px; margin-bottom:10px; }
.product-info h3 { font-size:16px; }
.text-link { display:block; font-size:11.5px; }
.art-20l { background:linear-gradient(145deg,#eef9ff,#d3edf9); }
.bottle-20l { width:104px; height:176px; }
.bottle-20l .p-cap { left:38%; width:24%; height:14px; border-radius:4px; }
.bottle-20l .p-neck { top:12px; left:36%; width:28%; height:20px; }
.bottle-20l .p-body { top:28px; border-radius:30px 30px 22px 22px; background:linear-gradient(90deg,rgba(40,150,210,.42),rgba(220,245,255,.9) 30%,rgba(60,165,215,.38)); }
.bottle-20l .p-body:before { top:12%; height:10px; }
.bottle-20l .p-body:after { content:""; position:absolute; left:5%; right:5%; bottom:12%; height:10px; border-top:1px solid rgba(255,255,255,.85); border-bottom:1px solid rgba(255,255,255,.7); }
.bottle-20l .p-label { top:38%; min-height:52px; }
.spec-table-wrap { border:1px solid #e6f0f4; border-radius:15px; background:#fff; }
.spec-table { font-size:14px; }
.spec-table th { background:#f4fbfe; color:var(--navy); font-size:12px; letter-spacing:.06em; text-transform:uppercase; padding:14px 18px; border-bottom:1px solid #e6f0f4; }
.spec-table td { padding:14px 18px; color:#4f6878; border-color:#eef4f7; }
.spec-table tr:last-child td { border-bottom:0; }
.small-note { font-size:12px; }

.custom-mock { background:linear-gradient(135deg,#06385e,#087eb7); border-radius:20px; padding:40px; display:flex; align-items:center; gap:40px; color:#fff; position:relative; overflow:hidden; }
.mock-bottle { position:relative; flex:0 0 auto; padding:56px 20px 10px; }
.mock-bottle .product-bottle { transform:scale(1.25); transform-origin:bottom center; }
.mock-bottle em { position:absolute; left:50%; bottom:-4px; transform:translateX(-50%); font-style:normal; font-size:11px; white-space:nowrap; background:#fff; color:var(--navy); font-weight:700; padding:4px 10px; border-radius:20px; }
.mock-steps { display:grid; gap:14px; }
.mock-steps div { display:flex; gap:14px; align-items:center; }
.mock-steps b { flex:0 0 34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); }
.mock-steps span { font-size:15px; color:#d9eef8; }

/* process */
.process-step { position:relative; height:100%; padding:26px 22px; border-radius:15px; background:#fff; border:1px solid #e6f0f4; overflow:hidden; }
.process-step:after { content:""; position:absolute; right:-30px; top:-30px; width:90px; height:90px; border-radius:50%; background:#eef9fd; }
.step-no { position:relative; z-index:1; display:inline-grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#fff; font-weight:800; font-family:"Manrope",sans-serif; background:linear-gradient(135deg,#0879bd,#21a8dc); margin-bottom:16px; }
.process-step h3 { font-size:16px; font-weight:800; color:var(--navy); margin-bottom:8px; }
.process-step p { font-size:13.5px; color:#6a8292; line-height:1.65; margin:0; }
.test-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.test-grid div { background:#fff; border:1px solid #dcebf2; border-radius:12px; padding:16px 14px; }
.test-grid h3 { font-size:14px; font-weight:800; color:var(--blue); margin-bottom:6px; }
.test-grid p { font-size:12.5px; color:#6a8292; margin:0; line-height:1.5; }
.cert-card { text-align:center; }
.cert-badge { display:inline-grid; place-items:center; min-width:74px; height:74px; padding:0 10px; border-radius:50%; border:3px solid var(--blue); color:var(--blue); font-weight:800; font-family:"Manrope",sans-serif; font-size:16px; margin-bottom:16px; }
.cert-card small { display:inline-block; margin-top:14px; font-size:12px; color:var(--navy); background:#f4fbfe; border-radius:8px; padding:6px 10px; font-weight:700; }

/* infrastructure gallery */
.infra-stat { text-align:center; padding:22px 14px; }
.infra-stat span { display:block; font-size:24px; color:var(--blue); margin-bottom:6px; }
.infra-stat b { display:block; color:var(--navy); font-size:15px; }
.infra-stat small { color:#7d95a3; font-size:12px; }
.gallery-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:32px; }
.gallery-filter button { border:1px solid #d4e7ef; background:#fff; color:#4f6878; font-size:13px; font-weight:700; border-radius:30px; padding:9px 18px; transition:all .2s; }
.gallery-filter button:hover { border-color:var(--blue); color:var(--blue); }
.gallery-filter button.active { background:var(--blue); border-color:var(--blue); color:#fff; }
.gallery-item.hide { display:none; }
.gallery-tile { position:relative; display:block; width:100%; padding:0; border:0; border-radius:14px; overflow:hidden; background:#dceef6; cursor:zoom-in; }
.gallery-tile img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform .5s; }
.gallery-tile:hover img, .gallery-tile:focus-visible img { transform:scale(1.05); }
.tile-cap { position:absolute; left:0; right:0; bottom:0; padding:30px 16px 13px; text-align:left; color:#fff; font-size:13px; font-weight:700; background:linear-gradient(transparent,rgba(4,34,58,.82)); }
.tile-zoom { position:absolute; top:12px; right:12px; width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.9); color:var(--navy); opacity:0; transition:opacity .2s; }
.gallery-tile:hover .tile-zoom { opacity:1; }
.lightbox-content { background:#04223a; border:0; border-radius:14px; overflow:hidden; }
.lightbox-img { width:100%; max-height:78vh; object-fit:contain; background:#04223a; }
.lightbox-close { position:absolute; right:14px; top:14px; z-index:2; background-color:rgba(0,0,0,.4); border-radius:50%; padding:10px; opacity:1; }
.lightbox-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; color:#d7edf8; font-size:14px; }
.lb-nav { border:1px solid rgba(255,255,255,.25); background:transparent; color:#fff; width:40px; height:40px; border-radius:10px; }
.lb-nav:hover { background:rgba(255,255,255,.1); }

/* distributor */
.steps-list { list-style:none; counter-reset:s; padding:0; margin:0 0 28px; }
.steps-list li { counter-increment:s; position:relative; padding:0 0 22px 56px; }
.steps-list li:before { content:counter(s); position:absolute; left:0; top:0; width:40px; height:40px; border-radius:50%; background:#eaf8fd; color:var(--blue); font-weight:800; display:grid; place-items:center; }
.steps-list li:not(:last-child):after { content:""; position:absolute; left:19px; top:44px; bottom:4px; width:2px; background:#dcebf2; }
.steps-list b { display:block; color:var(--navy); font-size:15px; }
.steps-list span { color:#6a8292; font-size:13.5px; }
.req-box { background:#f4fbfe; }

/* contact */
.contact-card { display:flex; flex-direction:column; align-items:flex-start; height:100%; padding:24px 22px; border-radius:15px; border:1px solid #e6f0f4; background:#fff; color:var(--navy); transition:transform .2s, box-shadow .2s, border-color .2s; }
a.contact-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(7,59,99,.08); border-color:#cce9f4; color:var(--navy); }
.contact-card .contact-icon { margin-bottom:14px; }
.contact-card small { font-size:10px; letter-spacing:.14em; font-weight:800; color:#8ca3b1; margin-bottom:4px; }
.contact-card strong { font-size:14px; word-break:break-word; }
.contact-card.wa .contact-icon { background:#e3f8ea; color:#1a9e4b; }
.contact-icon svg { width:20px; height:20px; }
.contact-detail strong a { color:var(--navy); }
.contact-detail strong a:hover { color:var(--blue); }
.contact-detail strong, .contact-intro { font-size:14px; }
.faq-accordion { max-width:820px; }
.faq-accordion .accordion-item { border:1px solid #e6f0f4; border-radius:12px !important; margin-bottom:12px; overflow:hidden; }
.faq-accordion .accordion-button { font-family:"Manrope",sans-serif; font-weight:700; color:var(--navy); font-size:15px; padding:18px 22px; box-shadow:none; }
.faq-accordion .accordion-button:not(.collapsed) { background:#f4fbfe; color:var(--blue); }
.faq-accordion .accordion-body { color:#5c7686; font-size:14px; line-height:1.75; padding:4px 22px 20px; background:#f4fbfe; }

/* forms */
.form-label { font-size:12px; }
.form-control, .form-select { font-size:14px; }
.input-group-text { background:#f4fbfe; border-color:#dfeaf0; font-size:13px; color:#4f6878; font-weight:700; }
.form-hint { font-size:11px; color:#95a7b1; margin-top:5px; }
.consent .form-check-label { font-size:12px; color:#6a8292; }
.consent a { color:var(--blue); }
.was-validated .form-control:invalid, .was-validated .form-select:invalid { border-color:#dc3545; }
.btn-wa { display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#fff; background:#1fa855; border:1px solid #1fa855; box-shadow:0 8px 20px rgba(31,168,85,.2); }
.btn-wa:hover, .btn-wa:focus { color:#fff; background:#178a45; border-color:#178a45; }
.btn-wa svg { width:19px; height:19px; flex:0 0 auto; }
.business-btn.btn-wa { color:#fff; }

/* footer */
.site-footer { padding:56px 0 18px; }
.footer-about { color:#9fc0d2; font-size:13px; line-height:1.75; margin:16px 0; max-width:340px; }
.licence-list { list-style:none; padding:0; margin:0; font-size:12px; color:#9fc0d2; }
.licence-list li { padding:3px 0; }
.licence-list b { color:#d7edf8; font-weight:600; }
.footer-title { font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#fff; font-weight:800; margin-bottom:16px; }
.footer-list, .footer-contact { list-style:none; padding:0; margin:0; }
.footer-list li { padding:5px 0; }
.footer-list a, .footer-contact a { color:#c5dce8; font-size:13px; }
.footer-list a:hover, .footer-contact a:hover { color:#fff; }
.footer-contact li { display:flex; gap:10px; padding:6px 0; font-size:13px; color:#c5dce8; }
.footer-contact li>span:first-child { color:#53c5eb; flex:0 0 16px; }
.footer-bottom { font-size:12px; margin-top:36px; }
.footer-bottom a { color:#c5dce8; }
.footer-bottom a:hover { color:#fff; }

/* floating actions */
.float-actions { position:fixed; z-index:30; right:20px; bottom:20px; display:flex; flex-direction:column; gap:10px; }
.float-btn { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; color:#fff; box-shadow:0 10px 25px rgba(0,0,0,.18); transition:transform .2s; }
.float-btn:hover { transform:scale(1.07); color:#fff; }
.float-btn svg { width:26px; height:26px; }
.float-wa { background:#25d366; }
.float-call { background:var(--blue); }
.back-to-top { right:26px; bottom:88px; }
@media (max-width: 991.98px){ .back-to-top { bottom:150px; } }

/* legal */
.legal { max-width:820px; }
.legal h2 { font-size:28px; font-weight:800; color:var(--navy); margin:30px 0 14px; letter-spacing:-.03em; }
.legal h3 { font-size:17px; font-weight:800; color:var(--navy); margin:24px 0 8px; }
.legal p { color:#4f6878; font-size:15px; line-height:1.8; }

@media (max-width: 1199.98px) {
  .site-nav .navbar-collapse { padding:15px 0 4px; }
  .site-nav .nav-link { padding:10px 0 !important; }
  .nav-cta { display:inline-block; margin-top:8px; }
}
@media (max-width: 991.98px) {
  .custom-mock { padding:30px 24px; gap:24px; }
}
@media (max-width: 575.98px) {
  .page-hero { padding:44px 0 56px; }
  .page-hero h1 { font-size:34px; }
  .page-hero p { font-size:14px; }
  .test-grid { grid-template-columns:1fr; }
  .custom-mock { flex-direction:column; text-align:left; }
  .product-info p { font-size:11.5px; }
  .bottle-20l { transform:scale(.85); transform-origin:bottom; }
  .label-grid span { font-size:12px; padding:9px 10px; }
  .footer-bottom { flex-direction:column; }
  .float-btn { width:48px; height:48px; }
  .site-footer { padding-bottom:90px; }
}

/* ---------- real bottle photography ---------- */
.photo-stage { align-items:flex-end; }
.hero-bottle { position:absolute; bottom:22px; height:auto; filter:drop-shadow(14px 20px 16px rgba(9,83,123,.18)); }
.hb-front { height:370px; width:auto; left:50%; transform:translateX(-62%); z-index:2; }
.hb-back { height:300px; width:auto; left:50%; transform:translateX(8%) rotate(5deg); z-index:1; opacity:.97; }
.product-photo { position:relative; z-index:2; width:auto; filter:drop-shadow(6px 10px 8px rgba(10,91,127,.16)); }
.ph-300 { height:128px; } .ph-500 { height:152px; } .ph-1l { height:172px; } .ph-2l { height:188px; }
.label-bottle { height:300px; width:auto; max-width:100%; object-fit:contain; filter:drop-shadow(8px 14px 12px rgba(9,83,123,.15)); }
.label-cap { margin:12px 0 0; font-size:13px; font-weight:700; color:var(--navy); }
.photo-frame img[src*="label-"] { aspect-ratio:auto; object-fit:contain; background:#fff; }
.photo-frame img[src*="back-photo"] { aspect-ratio:3/4; }
@media (max-width: 575.98px) {
  .hb-front { height:300px; } .hb-back { height:240px; }
  .hero-note { display:none; }
  .label-bottle { height:220px; }
  .ph-300 { height:104px; } .ph-500 { height:124px; } .ph-1l { height:140px; } .ph-2l { height:152px; }
}