/* Catalog-aligned MIZQLE cross-promotion. Product identities stay explicit. */
.water-v2{--water-ink:#20566f;--water-line:#b8cdd3;padding:76px 0 60px;background:#f7faf9}
.water-v2 .water-grid{grid-template-columns:.9fr 1.3fr;gap:56px;align-items:center}
.water-brand{display:flex;align-items:center;gap:18px;margin-bottom:23px}
.water-brand .mizqle-logo{width:155px;height:auto;margin:0}
.water-brand>span{font-size:12px;letter-spacing:.05em;font-weight:500;white-space:nowrap;color:#436170}
.water-v2 .water-copy .eyebrow{font-size:11px;letter-spacing:.08em;color:#4e707c;margin-bottom:13px}
.water-v2 .water-copy h2{font-size:35px;line-height:1.65;color:#244958;letter-spacing:.045em}
.water-v2 .water-copy .water-promise{font-family:var(--serif);font-size:21px;color:#274858;font-weight:600;margin-top:20px}
.water-v2 .water-copy>p:not(.eyebrow):not(.water-promise){font-size:12px;line-height:2.05;margin-top:12px;color:#5d737a}
.water-v2 .water-copy .text-link{font-size:12px;margin-top:22px;border-color:#95b7c4;color:var(--water-ink);gap:24px}
.water-v2 .water-photos{gap:20px;align-items:start}
.water-v2 .water-photos img{height:auto;aspect-ratio:16/9;width:100%;object-fit:contain;background:#edf2f0}
.water-v2 .water-photos figcaption{font-size:11px;padding-top:13px;line-height:1.7;color:#59707b}
.water-v2 .water-photos figcaption strong{font-size:15px;color:#285166;display:block;letter-spacing:.03em;font-weight:600}
.water-v2 .water-photos figcaption span{display:block;margin-top:3px}
.water-v2 .water-photos>a{display:block;min-width:0}
.water-v2 .water-photos .water-product-link{font-size:11px;color:var(--water-ink);text-decoration:underline;text-underline-offset:4px;margin-top:10px}
.water-value-teaser{display:block;border-left:3px solid #85a4ad;background:#e9f1f3;padding:16px 19px;margin-top:22px;color:var(--water-ink)}
.water-value-teaser>span{display:block;font-size:11px;letter-spacing:.015em}
.water-value-teaser>strong{display:block;font-size:19px;line-height:1.55;font-weight:500;margin-top:7px;letter-spacing:.01em}
.water-value-teaser b{font-size:43px;line-height:1.2;font-weight:600;letter-spacing:-.04em;margin-inline:4px}
.water-value-teaser>small{display:block;font-size:10px;line-height:1.7;margin-top:7px;color:#4e6b78}
.water-value-teaser:hover{background:#dfecef}
.water-capacity{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:25px;padding:26px 28px;margin:22px 0;background:#20566f;color:#fff}
.water-capacity .water-model{color:#d6e9ef;font-size:11px;margin-bottom:10px}
.water-capacity h3{font-size:23px;line-height:1.6;letter-spacing:.02em;font-weight:500}
.water-capacity-copy>p:last-child{font-size:11px;line-height:1.9;margin-top:12px;color:#e0edf1}
.water-capacity-copy>p:last-child strong{font-size:14px;font-weight:600;color:#fff}
.water-capacity-value{padding-left:30px;border-left:1px solid #7999a7}
.water-capacity-value .water-amount{color:#fff;gap:10px;margin-top:0}
.water-capacity-value .water-amount>strong{font-size:80px}
.water-capacity-value .water-amount>span{font-size:23px}
.water-capacity-value>p:last-child{font-size:11px;line-height:1.8;margin-top:11px;color:#e0edf1}
.water-economy{margin-top:40px;background:#fff;border:1px solid #cbdadd;padding:29px 34px 22px}
.water-economy-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #cbdadd;padding-bottom:21px}
.water-model{font-size:12px;letter-spacing:.06em;color:var(--water-ink);font-weight:600;margin-bottom:8px}
.water-economy-heading h3{font-size:25px;line-height:1.65;font-weight:500;color:#284e60;letter-spacing:.03em}
.water-volume{border-left:1px solid #bdd0d6;padding-left:28px;flex-shrink:0}
.water-volume strong{display:block;font-size:17px;font-weight:600;color:var(--water-ink);letter-spacing:.015em}
.water-volume span{font-size:11px;display:block;margin-top:2px;color:#63767d}
.water-numbers{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:23px 0 18px}
.water-own{padding:5px 35px 7px 0}
.water-delivery{background:#ecf4f6;padding:17px 28px 16px;border-left:3px solid #76a4b8}
.water-number-label{font-size:14px;font-weight:600;color:var(--water-ink);letter-spacing:.025em}
.water-amount{display:flex;align-items:baseline;gap:8px;white-space:nowrap;color:var(--water-ink);line-height:1.25;margin-top:10px;font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0}
.water-amount>span{font-size:16px;font-weight:500}
.water-amount>strong{font-size:68px;line-height:1.1;letter-spacing:-.04em;font-weight:600}
.water-monthly{font-size:12px;color:#536f7b;margin-top:8px;letter-spacing:.02em}
.water-monthly>strong{font-size:18px;font-weight:600;color:var(--water-ink)}
.water-number-caption{font-size:10px;line-height:1.7;color:#607881;margin-top:9px;letter-spacing:.01em}
.water-bottle-count{font-size:11px;color:#587888;margin-top:6px;letter-spacing:.01em}
.water-delivery-amount{margin-top:12px}
.water-delivery-amount>strong{font-size:42px;letter-spacing:-.03em}
.water-delivery-amount>strong>span{font-size:23px;letter-spacing:0;margin:0 2px}
.water-delivery-amount>span{font-size:15px}
.water-fineprint{font-size:10px;line-height:1.85;color:#687b80;letter-spacing:.01em;border-top:1px solid #dbe5e7;padding-top:14px}
.water-fineprint p+p{margin-top:4px}
.water-fineprint a{text-decoration:underline;text-underline-offset:2px}
.water-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:28px}
.water-cta strong{font-family:var(--serif);font-size:21px;font-weight:500;color:#284e60}
.water-cta p{font-size:11px;line-height:1.9;margin-top:7px;color:#5f7780}
.water-button{background:var(--water-ink);color:#fff;min-width:300px;font-size:13px;flex-shrink:0}
.water-button:hover{background:#39748d}
@media(max-width:1100px){.water-v2 .water-grid{gap:35px;grid-template-columns:.9fr 1.2fr}.water-brand{gap:12px}.water-brand .mizqle-logo{width:140px}.water-brand>span{font-size:11px}.water-v2 .water-copy h2{font-size:32px}.water-v2 .water-copy .water-promise{font-size:19px}.water-v2 .water-photos{gap:15px}.water-v2 .water-photos figcaption strong{font-size:13px}.water-v2 .water-photos figcaption{font-size:10px}.water-economy{padding:26px 27px 20px}.water-own{padding-right:25px}.water-delivery{padding:16px 23px}.water-amount>strong{font-size:62px}.water-delivery-amount>strong{font-size:36px}.water-delivery-amount>strong>span{font-size:21px}}
@media(max-width:850px){.water-v2 .water-grid{grid-template-columns:1fr 1.1fr;gap:26px}.water-brand{flex-wrap:wrap;gap:9px;margin-bottom:20px}.water-brand .mizqle-logo{width:133px}.water-brand>span{font-size:10px}.water-v2 .water-copy h2{font-size:30px}.water-v2 .water-photos{gap:12px}.water-v2 .water-photos figcaption strong{font-size:12px}.water-v2 .water-photos figcaption{font-size:9px}.water-economy-heading h3{font-size:22px}.water-model{font-size:11px}.water-volume{padding-left:19px}.water-volume strong{font-size:15px}.water-economy{padding:23px 24px 19px}.water-amount>strong{font-size:54px}.water-number-label{font-size:12px}.water-delivery{padding:14px 18px}.water-delivery-amount>strong{font-size:31px}.water-delivery-amount>strong>span{font-size:19px}.water-delivery-amount>span{font-size:12px}.water-number-caption{font-size:9px}.water-bottle-count{font-size:10px}.water-cta strong{font-size:18px}.water-button{min-width:260px;padding-inline:22px;font-size:12px}}
@media(max-width:700px){.water-v2{padding:44px 0}.water-v2 .water-grid{display:flex;flex-direction:column;gap:27px;align-items:stretch}.water-brand{gap:15px;flex-wrap:nowrap;margin-bottom:22px}.water-brand .mizqle-logo{width:143px}.water-brand>span{font-size:11px}.water-v2 .water-copy .eyebrow{font-size:10px}.water-v2 .water-copy h2{font-size:32px;line-height:1.6}.water-v2 .water-copy .water-promise{font-size:20px;margin-top:16px}.water-v2 .water-copy>p:not(.eyebrow):not(.water-promise){font-size:12px;line-height:2.05;margin-top:12px}.water-v2 .water-copy .text-link{font-size:12px;gap:22px;margin-top:20px}.water-v2 .water-photos{gap:12px}.water-v2 .water-photos figcaption{font-size:9px;line-height:1.8;padding-top:11px}.water-v2 .water-photos figcaption strong{font-size:12px;line-height:1.65}.water-v2 .water-photos figcaption span{font-size:9px;margin-top:4px}.water-economy{padding:23px 19px 18px;margin-top:27px}.water-economy-heading{display:block;padding-bottom:18px}.water-model{font-size:11px;margin-bottom:9px}.water-economy-heading h3{font-size:24px;line-height:1.65}.water-volume{border-left:0;margin-top:16px;padding-left:0;display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}.water-volume strong{font-size:14px}.water-volume span{font-size:10px;margin:0}.water-numbers{grid-template-columns:1fr;gap:20px;margin:18px 0}.water-own{padding:0}.water-number-label{font-size:12px}.water-amount{gap:8px;margin-top:9px}.water-amount>strong{font-size:65px}.water-amount>span{font-size:15px}.water-monthly{font-size:11px;margin-top:8px}.water-monthly>strong{font-size:18px}.water-number-caption{font-size:10px;margin-top:8px}.water-delivery{padding:18px;border-left-width:3px}.water-delivery .water-number-label{font-size:13px}.water-bottle-count{font-size:10px;margin-top:6px}.water-delivery-amount{margin-top:13px;gap:6px}.water-delivery-amount>strong{font-size:38px}.water-delivery-amount>strong>span{font-size:22px}.water-delivery-amount>span{font-size:13px}.water-fineprint{font-size:10px;line-height:1.85;padding-top:13px}.water-fineprint p+p{margin-top:9px}.water-cta{flex-direction:column;align-items:stretch;gap:20px;padding-top:25px}.water-cta strong{font-size:19px;line-height:1.85}.water-cta p{font-size:11px;line-height:1.9;margin-top:7px}.water-button{width:100%;min-width:0;min-height:58px;font-size:13px}}
@media(max-width:370px){.water-brand{gap:13px}.water-brand .mizqle-logo{width:133px}.water-brand>span{font-size:10px}.water-v2 .water-copy .water-promise{font-size:18px}.water-v2 .water-photos figcaption strong{font-size:11px}.water-economy{padding-inline:15px}.water-economy-heading h3{font-size:23px}.water-delivery{padding-inline:13px}.water-delivery-amount>strong{font-size:33px}.water-delivery-amount>strong>span{font-size:20px}.water-delivery-amount>span{font-size:12px}.water-cta strong{font-size:17px}}
@media(max-width:850px){.water-capacity{padding:23px;gap:20px}.water-capacity h3{font-size:21px}.water-capacity-value{padding-left:22px}.water-capacity-value .water-amount>strong{font-size:64px}.water-capacity-value .water-amount>span{font-size:19px}.water-value-teaser{padding-inline:15px}}
@media(max-width:700px){.water-capacity{grid-template-columns:1fr;gap:20px;padding:23px 19px;margin-top:20px}.water-capacity h3{font-size:23px}.water-capacity-value{border-left:0;border-top:1px solid #7999a7;padding:20px 0 0}.water-capacity-value .water-amount>strong{font-size:76px}.water-capacity-value .water-amount>span{font-size:22px}.water-capacity-value>p:last-child{font-size:11px}.water-value-teaser{margin-top:18px}.water-v2 .water-photos .water-product-link{font-size:10px;line-height:1.7}}

/* Make the value visible first; keep comparison assumptions together below. */
.water-v2{--water-benefit:#0067c8}
.water-v2 .water-value-teaser{border-left-color:var(--water-benefit);background:#edf6ff}
.water-v2 .water-value-teaser b{color:var(--water-benefit);font-size:58px;font-weight:700}
.water-v2 .water-amount{color:var(--water-benefit)}
.water-v2 .water-own .water-amount>strong{font-size:clamp(78px,8vw,108px);font-weight:700}
.water-v2 .water-volume strong{color:var(--water-benefit);font-size:20px}
.water-v2 .water-capacity{background:#edf6ff;color:#244958;border:1px solid #c6dff6}
.water-v2 .water-capacity .water-model,.water-v2 .water-capacity-copy>p:last-child,.water-v2 .water-capacity-value>p:last-child{color:#3d607a}
.water-v2 .water-capacity-copy>p:last-child strong{color:var(--water-benefit);font-size:20px}
.water-v2 .water-capacity-value{border-color:#bed6ed}
.water-v2 .water-capacity-value .water-amount{color:var(--water-benefit)}
.water-v2 .water-capacity-value .water-amount>strong{font-size:clamp(82px,8vw,112px);font-weight:700}
.water-v2 .water-delivery{border-left-color:var(--water-benefit);background:#f2f7fc}
.water-v2 .water-delivery-amount>strong{font-size:clamp(34px,4.6vw,60px);font-weight:700}
.water-v2 .water-delivery .water-number-label{line-height:1.65}
@media(max-width:700px){.water-v2 .water-delivery-amount{flex-wrap:wrap;column-gap:5px;row-gap:0}.water-v2 .water-value-teaser b{font-size:54px}.water-v2 .water-volume strong{font-size:18px}}
@media(max-width:370px){.water-v2 .water-delivery-amount>strong{font-size:30px}.water-v2 .water-delivery-amount>strong>span{font-size:17px}.water-v2 .water-delivery-amount>span{font-size:12px}}