:root{--navy:#071a2d;--blue:#057ec1;--bright:#11a9e2;--ink:#10283c;--muted:#627482;--pale:#f1f7fa;--line:#dbe5ea;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Inter,sans-serif}
body{overflow-x:clip}
h1,h2,h3,strong{font-family:Manrope,sans-serif}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.topline{height:34px;background:var(--navy);color:#c9d8e4;display:flex;justify-content:center;align-items:center;gap:38px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}
.topline a{color:#fff}
.nav{height:92px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:45px;border-bottom:1px solid #e7edf0;background:#fff;position:relative;z-index:20}
.logo{width:150px;height:66px;display:block;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain}
.nav nav{display:flex;gap:30px;margin:auto}
.nav nav a{font-size:13px;font-weight:600;color:#425a6c}
.nav nav a:hover,.nav nav a.active{color:var(--blue)}
.nav-cta{padding:12px 19px;border:1px solid var(--navy);font-size:12px;font-weight:700}
.menu{display:none;border:0;background:none;font-size:25px}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:linear-gradient(120deg,#f9fcfd,#eef7fa);padding-left:clamp(25px,7vw,110px)}
.hero-copy{padding:92px 30px 75px 0;max-width:740px}
.overline{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:11px;color:var(--blue);margin:0 0 14px}
.hero h1,.catalog-hero h1{font-size:clamp(55px,6.3vw,96px);line-height:.95;letter-spacing:-.07em;margin:0 0 28px}
.hero h1 em,.catalog-hero h1 em{font-style:normal;color:var(--blue)}
.hero-text{font-size:19px;line-height:1.65;color:#536a7a;max-width:640px}
.offer-price{max-width:590px;margin:28px 0;padding:21px 0;border-block:1px solid #c7d8e0;display:grid;grid-template-columns:1fr auto;gap:3px 20px;align-items:center}
.offer-price>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#567080;font-weight:700}
.offer-price strong{grid-row:1/3;grid-column:2;font-size:40px;line-height:1;color:var(--navy);letter-spacing:-.05em}
.offer-price strong small{font-size:12px;letter-spacing:0}
.offer-price>b{font:600 12px Inter;color:#08724a}
.hero-actions{display:flex;gap:12px;margin:33px 0}
.button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:0;font:700 13px Inter;cursor:pointer;transition:.2s}
.button.blue{color:#fff;background:var(--blue)}
.button.blue:hover{background:#036da8;transform:translateY(-2px)}
.button.ghost{border:1px solid #bdcbd3;background:#fff}
.button.white{background:#fff;color:var(--navy)}
.hero-proof{display:flex;gap:34px;padding-top:28px;border-top:1px solid #cedde4}
.hero-proof>div{display:flex;align-items:center;gap:9px}
.hero-proof strong{font-size:21px}
.hero-proof span{font-size:10px;line-height:1.4;color:#647988}
.hero-product{position:relative;background:linear-gradient(140deg,#dff3fa,#bde6f5);display:flex;align-items:center;justify-content:center;min-height:610px}
.hero-product>img{position:relative;width:70%;height:72%;object-fit:contain;filter:contrast(1.06) saturate(1.04) drop-shadow(0 28px 24px #0a55702b);z-index:2}
.halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#fff9;border:1px solid #fff;box-shadow:0 0 0 35px #ffffff32}
.product-note{position:absolute;z-index:3;bottom:38px;left:38px;right:38px;padding:18px 21px;background:#ffffffed;display:grid;grid-template-columns:1fr auto;gap:3px 20px;box-shadow:0 15px 35px #0a415324}
.product-note span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue)}
.product-note strong{font-size:15px}
.product-note a{grid-row:1/3;grid-column:2;align-self:center;font-size:11px;font-weight:700;color:var(--blue)}
.promise{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff}
.promise p{text-align:center;padding:20px;margin:0;border-right:1px solid #ffffff1c;font:600 13px Manrope;letter-spacing:.02em}
.section{padding:105px clamp(25px,6vw,95px)}
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}
.intro h2,.section-head h2,.ownership h2,.review-title h2,.coverage h2,.contact h2,.catalog h2,.catalog-cta h2{font-size:clamp(39px,4.4vw,67px);line-height:1.04;letter-spacing:-.055em;margin:0}
.intro>div:last-child{color:var(--muted);font-size:17px}
.home-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(25px,6vw,95px) 95px;background:#fff}
.home-benefits article{padding:27px;border:1px solid var(--line);border-right:0}
.home-benefits article:last-child{border-right:1px solid var(--line)}
.home-benefits span{font-size:10px;letter-spacing:.12em;color:var(--blue);font-weight:700}
.home-benefits h3{font-size:18px;margin:15px 0 6px}
.home-benefits p{font-size:13px;color:var(--muted);margin:0}
.text-link,.section-head>a{display:inline-block;margin-top:16px;color:var(--blue);font-weight:700;font-size:13px}
.solutions{background:var(--pale)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}
.solution-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:18px}
.solution-card{min-height:295px;background:#fff;display:grid;grid-template-columns:1fr .85fr;overflow:hidden;position:relative}
.solution-card.large{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:auto 1fr}
.solution-card>div{padding:34px;z-index:2}
.solution-card span,.product-card>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:700}
.solution-card h3{font-size:26px;letter-spacing:-.04em;margin:7px 0}
.solution-card p{font-size:13px;color:var(--muted)}
.solution-card b{font-size:12px;color:var(--blue)}
.solution-card img{width:100%;height:100%;min-height:220px;object-fit:contain;padding:24px;filter:contrast(1.07) saturate(1.04);background:linear-gradient(145deg,#f7fbfd,#e8f5fa)}
.solution-card.large img{min-height:410px}
.dark-card{background:var(--navy);color:#fff}
.dark-card p{color:#abc0ce}
.dark-card img{background:#102b40}
.ownership{padding:105px clamp(25px,8vw,130px);background:linear-gradient(135deg,#087fbd,#02a6d6);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}
.ownership .overline{color:#d5f5ff}
.ownership-copy>p:not(.overline){font-size:18px;color:#e1f5fb;max-width:760px}
.comparison-note{display:block;max-width:620px;margin-top:18px;color:#d7f1f8;font-size:10px;line-height:1.5}
.ownership ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:30px 0}
.ownership li:before{content:"✓";margin-right:9px;font-weight:900}
.ownership-stat{padding-left:55px;border-left:1px solid #ffffff55}
.ownership-stat span{text-transform:uppercase;letter-spacing:.13em;font-size:10px}
.ownership-stat strong{font-size:clamp(60px,8vw,115px);letter-spacing:-.08em;line-height:1;display:block}
.ownership-stat p{font-size:18px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-block:1px solid var(--line)}
.process-grid article{padding:38px;border-right:1px solid var(--line)}
.process-grid span{color:var(--blue);font-weight:700;font-size:12px}
.process-grid h3{font-size:21px;margin:24px 0 8px}
.process-grid p{color:var(--muted);font-size:14px}
.reviews{background:var(--navy);color:#fff;padding:105px clamp(25px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.reviews .overline{color:#48c8ed}
.stars{margin-top:32px;color:#f5b63d;font-weight:700;letter-spacing:.09em}
.stars span{color:#c0d0da;letter-spacing:0;font-size:12px;margin-left:10px}
.quotes blockquote{font:600 20px/1.6 Manrope;margin:0;padding:30px 0;border-bottom:1px solid #ffffff26}
.quotes footer{font:500 11px Inter;color:#92abba;margin-top:16px}
.coverage{text-align:center;padding:90px 25px;background:#e8f6fb}
.coverage p:last-child{max-width:830px;margin:22px auto 0;color:#526c7c}
.faq{background:#fff}
.faq-list{max-width:980px;margin-top:20px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:700 16px Manrope}
.faq summary span{font-size:23px;color:var(--blue);transition:.2s}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{max-width:820px;margin:0 0 24px;color:var(--muted)}
.contact{padding:105px clamp(25px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.contact-copy>p:not(.overline){color:var(--muted);font-size:17px}
.contact-copy>a{display:inline-block;margin-top:20px;color:var(--blue)}
form{display:grid;gap:17px;padding:36px;background:var(--pale)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{font-size:12px;font-weight:700;color:#435a6b}
input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cddbe2;background:#fff;padding:13px 14px;border-radius:0;font:15px Inter;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid #13a9de55;border-color:var(--blue)}
.full{width:100%}
.fineprint{text-align:center;font-size:10px;color:#748792;margin:0}
.hidden{display:none}
footer{padding:52px clamp(25px,6vw,95px);display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:30px;align-items:center;border-top:1px solid var(--line)}
footer p,footer small{font-size:11px;color:var(--muted)}
footer>div{display:flex;flex-direction:column;text-align:right;font-size:12px}
.mobile-cta{display:none}

/* Mirage 2026 home experience */
.hero-offer{padding:clamp(16px,2.3vw,34px);background:#fff}
.offer-panel{position:relative;isolation:isolate;min-height:570px;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:linear-gradient(132deg,#eaf9ff 0%,#c9effb 48%,#72c9eb 100%);color:var(--navy);border:1px solid #b9e1ef;border-radius:26px;box-shadow:0 24px 65px #087fad25;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
.offer-panel:hover{transform:translateY(-3px);box-shadow:0 30px 78px #087fad32}
.offer-panel:before{content:"";position:absolute;width:72%;height:120%;right:-15%;top:-48%;border-radius:46% 54% 62% 38%;background:radial-gradient(circle at 35% 62%,#ffffffd9 0,#ffffff73 28%,transparent 62%);transform:rotate(-12deg);z-index:0}
.offer-panel:after{content:"";position:absolute;width:72%;height:70%;left:-18%;bottom:-48%;border-radius:50%;border:2px solid #ffffff70;box-shadow:0 -18px 60px #ffffff52,inset 0 18px 55px #3cb2dd18;transform:rotate(8deg);z-index:0}
.offer-panel-link{position:absolute;inset:0;z-index:1}
.offer-message{padding:clamp(48px,6vw,88px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;pointer-events:none}
.offer-kicker{margin:0 0 18px;color:#65d2f2;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800}
.offer-message h1{font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.065em;margin:0 0 24px;max-width:780px}
.offer-message h1 em{font-style:normal;color:var(--blue)}
.offer-message>p:not(.offer-kicker){max-width:620px;margin:0;color:#587080;font-size:18px}
.offer-actions{display:flex;align-items:center;gap:24px;margin-top:34px;position:relative;z-index:3}
.phone-action{font-size:12px;color:#607887;display:flex;flex-direction:column}
.phone-action strong{font-size:17px;color:var(--navy)}
.offer-product{position:relative;z-index:1;min-height:585px;display:flex;align-items:flex-end;justify-content:flex-end;padding:28px 30px 0 185px;pointer-events:none}
.offer-product:before{content:"";position:absolute;width:76%;aspect-ratio:1;border-radius:43% 57% 55% 45%;background:radial-gradient(circle at 38% 32%,#fff 0,#e7f9ff 35%,#58bee580 72%);top:9%;right:1%;transform:rotate(-8deg);box-shadow:inset 15px 12px 42px #fff9,0 26px 60px #167fa529}
.offer-product>img{position:relative;z-index:1;width:min(82%,480px);height:91%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 25px 28px #12384b35)}
.offer-badge{position:absolute;z-index:3;left:18px;bottom:38px;background:linear-gradient(135deg,#087fbd,#075f9d);color:#fff;padding:19px 22px;min-width:190px;border-radius:15px;box-shadow:0 17px 40px #075f9d42;border:1px solid #ffffff55}
.offer-badge span,.offer-badge small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;color:#c4d9e5}
.offer-badge strong{display:block;font-size:43px;line-height:1.05;letter-spacing:-.06em;margin:5px 0}
.offer-warranty{position:absolute;z-index:3;bottom:20px;right:25px;color:#466778;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.home-start,.solutions-clean,.mirage-standard,.process-clean,.review-clean,.comparison-clean{padding:58px clamp(25px,7vw,110px)}
.section-title{max-width:760px;margin-bottom:26px}
.section-title h2,.mirage-standard h2,.ownership-clean h2,.review-clean h2{font-size:clamp(40px,4.5vw,68px);line-height:1.03;letter-spacing:-.06em;margin:0}
.section-title>p:last-child,.section-title.split>p,.ownership-clean>div>p,.review-clean>div>p{color:var(--muted);font-size:17px}
.section-title.split{max-width:none;display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.problem-grid a{padding:24px;min-height:154px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s;background:#fff}
.problem-grid a:hover{background:#f3f9fb;transform:translateY(-3px);box-shadow:0 18px 35px #12384b0d}
.problem-grid span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.12em}
.problem-grid h3{font-size:20px;margin:12px 0 5px}
.problem-grid p{font-size:13px;color:var(--muted);margin:0}
.solutions-clean{background:#f2f7f9}
.solution-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.solution-clean-card{background:#fff;padding:18px 18px 30px;transition:.25s}
.solution-clean-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #0a304317}
.clean-image{aspect-ratio:4/3;background:#fff;margin-bottom:17px;overflow:hidden;border:1px solid #e4edf1}
.clean-image img{width:100%;height:100%;object-fit:contain;transition:.35s}
.solution-clean-card:hover .clean-image img{transform:scale(1.025)}
.solution-clean-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:800}
.solution-clean-card h3{font-size:25px;margin:6px 0}
.solution-clean-card p{font-size:13px;color:var(--muted);min-height:44px}
.solution-clean-card b{font-size:12px;color:var(--blue)}
.mirage-standard{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#fff}
.standard-list{border-top:1px solid var(--line)}
.standard-list article{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}
.standard-list article>strong{font-size:11px;color:var(--blue)}
.standard-list h3{font-size:19px;margin:0 0 5px}
.standard-list p{font-size:13px;color:var(--muted);margin:0}
.ownership-clean{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:center;background:#071a2d;color:#fff}
.ownership-clean .overline{color:#5ed1f2}
.ownership-clean>div>p{color:#bfd0db}
.ownership-clean>div>small{display:block;color:#7893a4;font-size:10px;max-width:700px}
.cost-card{background:#0b83bb;padding:40px}
.cost-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d7f5ff}
.cost-card>strong{display:block;font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.07em;margin:10px 0}
.cost-card>p{color:#def5fb!important;font-size:14px!important}
.process-clean{background:#fff}
.process-line{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.process-line article{padding:35px;border-right:1px solid var(--line)}
.process-line article:last-child{border-right:0}
.process-line span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7f6fb;color:var(--blue);font-weight:800;font-size:12px}
.process-line h3{font-size:20px;margin:22px 0 7px}
.process-line p{font-size:13px;color:var(--muted)}
.review-clean{display:grid;grid-template-columns:1fr .85fr;gap:9vw;align-items:center;background:#e9f6fa}
.google-review-card{display:flex;align-items:center;gap:22px;padding:30px;background:#fff;box-shadow:0 18px 50px #0a354717;transition:.2s}
.google-review-card:hover{transform:translateY(-3px)}
.google-g{font:800 44px Manrope;color:#4285f4}
.google-review-card strong,.google-review-card small{display:block}
.review-stars{color:#f6b519;letter-spacing:.12em}
.google-review-card small{color:var(--muted);font-size:10px;margin-top:4px}
.coverage{background:#071a2d;color:#fff}
.coverage .overline{color:#5ed1f2}
.coverage p:last-child{color:#b7cad6}
.comparison-clean{background:#f3f8fa}
.comparison-heading{text-align:center;max-width:760px;margin:0 auto 25px}
.comparison-heading h2{font-size:clamp(40px,4.5vw,66px);line-height:1.03;letter-spacing:-.06em;margin:0}
.comparison-heading>p:last-child{color:var(--muted);font-size:17px;margin:12px 0 0}
.comparison-cards{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr 62px 1fr;align-items:stretch}
.comparison-cards article{padding:28px;background:#fff;border:1px solid var(--line)}
.comparison-cards .purchase-card{border:2px solid var(--blue);box-shadow:0 20px 50px #0a567818}
.comparison-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--blue);font-weight:800}
.comparison-price{display:block;font-size:clamp(43px,5vw,66px);letter-spacing:-.065em;line-height:1;margin:10px 0 4px;color:var(--navy)}
.comparison-price small{font-size:12px;letter-spacing:0}
.comparison-term{margin:0;color:#597181;font-weight:700;font-size:13px}
.comparison-cards ul{list-style:none;padding:0;margin:24px 0}
.comparison-cards li{padding:9px 0;border-top:1px solid #e5edf1;font-size:13px;color:#496273}
.comparison-cards li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:9px}
.comparison-versus{display:grid;place-items:center;font:800 11px Manrope;color:#78909e}
.difference-pill{display:inline-block;padding:9px 12px;background:#fff0ef;color:#a93a31;font-size:11px;font-weight:800}
.comparison-disclaimer{text-align:center;color:#788c98;font-size:10px;margin:18px auto 0;max-width:800px}

.catalog-hero{padding:68px clamp(25px,7vw,110px) 52px;background:linear-gradient(125deg,#f8fcfd,#e8f6fb)}
.catalog-hero>p:last-of-type{font-size:18px;color:var(--muted);max-width:700px}
.catalog-nav{display:flex;gap:8px;margin-top:30px}
.catalog-nav a{padding:11px 16px;border:1px solid #bed1da;background:#fff;font-size:12px;font-weight:700}
.catalog-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end;margin-bottom:28px}
.catalog-heading>p{color:var(--muted);font-size:17px}
.catalog.pale{background:var(--pale)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.two-products{grid-template-columns:repeat(2,1fr);max-width:1000px}
.product-card{border:1px solid var(--line);background:#fff}
.product-image{height:auto;aspect-ratio:4/3;background:#fff;padding:0;position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain;filter:none}
.product-image b{position:absolute;top:16px;left:16px;background:var(--navy);color:#fff;padding:5px 9px;text-transform:uppercase;letter-spacing:.1em;font-size:9px}
.product-card>div:last-child{padding:28px}
.product-card h3{font-size:25px;letter-spacing:-.04em;margin:6px 0}
.product-card p,.product-card li{font-size:13px;color:var(--muted)}
.product-card ul{padding:0;list-style:none;margin:20px 0}
.product-card li{padding:7px 0;border-top:1px solid #e9eef1}
.product-card li:before{content:"✓";color:var(--blue);margin-right:7px}
.product-card a{font-size:12px;color:var(--blue);font-weight:700}
.catalog-cta{padding:62px 25px;text-align:center;background:linear-gradient(135deg,#087fbd,#02a6d6);color:#fff}
.catalog-cta .overline{color:#d5f5ff}
.catalog-cta>p:not(.overline){max-width:650px;margin:20px auto 28px;color:#e5f7fc}
#home,#solutions,#process,#reviews,#contact,#softeners,#drinking,#filtration{scroll-margin-top:24px}
.section{padding-top:60px;padding-bottom:60px}
.contact{padding-top:64px;padding-bottom:64px}
.success{min-height:100vh;display:grid;place-items:center;background:var(--pale);padding:24px;text-align:center}
.success main{max-width:650px;padding:55px;background:#fff;box-shadow:0 25px 70px #0d40541c}
.success img{width:190px;margin:0 auto 25px}
.success h1{font-size:58px;margin:0}
.success p:not(.overline){color:var(--muted)}
.success .button{margin:15px 5px 0}

@media(max-width:900px){.nav nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;box-shadow:0 20px 35px #0c31451f}
.offer-panel{grid-template-columns:1fr;min-height:0}
.offer-panel:before{background:radial-gradient(circle at 50% 72%,#dff3fa 0,transparent 58%)}
.offer-message{text-align:center;align-items:center;padding:70px 7vw 35px}
.offer-product{min-height:500px}
.section-title.split,.mirage-standard,.ownership-clean,.review-clean{grid-template-columns:1fr}
.problem-grid{grid-template-columns:1fr 1fr}
.solution-row{grid-template-columns:1fr}
.solution-clean-card{display:grid;grid-template-columns:.75fr 1fr;column-gap:25px;align-items:center;padding:18px}
.solution-clean-card .clean-image{grid-row:1/6;height:260px;margin:0}
.solution-clean-card p{min-height:0}
.comparison-cards{grid-template-columns:1fr 48px 1fr}
.nav nav.open{display:flex}
.nav-cta{margin-left:auto}
.menu{display:block}
.hero{grid-template-columns:1fr;padding:0}
.hero-copy{padding:70px 7vw;text-align:center;margin:auto}
.hero-actions,.hero-proof{justify-content:center}
.hero-product{min-height:550px}
.intro,.ownership,.reviews,.contact,.catalog-heading{grid-template-columns:1fr}
.home-benefits{grid-template-columns:1fr 1fr}
.home-benefits article:nth-child(2){border-right:1px solid var(--line)}
.solution-grid{grid-template-columns:1fr;grid-template-rows:auto}
.solution-card.large{grid-row:auto}
.ownership-stat{border-left:0;border-top:1px solid #ffffff55;padding:35px 0 0}
.product-grid{grid-template-columns:1fr 1fr}
.process-grid{grid-template-columns:1fr}
.process-grid article{border-right:0;border-bottom:1px solid var(--line)}
footer{grid-template-columns:1fr;text-align:center}
footer .logo{margin:auto}
footer>div{text-align:center}
.catalog-hero{text-align:center}
.catalog-nav{justify-content:center}
}

@media(max-width:600px){body{padding-bottom:64px}
.hero-offer{padding:0}
.offer-panel{display:flex;flex-direction:column}
.offer-message{order:2;padding:38px 20px 48px}
.offer-message h1{font-size:43px}
.offer-message>p:not(.offer-kicker){font-size:15px}
.offer-actions{width:100%;flex-direction:column;gap:15px}
.offer-actions .button{width:100%}
.offer-product{order:1;min-height:430px;padding:22px 15px 92px 120px;background:radial-gradient(circle at 65% 45%,#fff,#dff3fa 78%)}
.offer-product>img{height:92%;width:92%;transform:translateY(-28px)}
.offer-badge{top:auto;right:auto;bottom:20px;left:15px;min-width:170px;padding:14px 17px}
.offer-badge strong{font-size:34px}
.offer-warranty{right:15px;top:12px;bottom:auto;font-size:8px}
.home-start,.solutions-clean,.mirage-standard,.ownership-clean,.process-clean,.review-clean,.comparison-clean{padding:50px 20px}
.section-title{margin-bottom:32px}
.section-title h2,.mirage-standard h2,.ownership-clean h2,.review-clean h2{font-size:39px}
.problem-grid{grid-template-columns:1fr}
.problem-grid a{min-height:0;padding:20px}
.solution-clean-card{display:block;padding:14px 14px 28px}
.solution-clean-card .clean-image{height:auto;margin-bottom:16px}
.standard-list{margin-top:15px}
.ownership-clean{gap:40px}
.cost-card{padding:28px 22px}
.process-line{grid-template-columns:1fr}
.process-line article{border-right:0;border-bottom:1px solid var(--line)}
.process-line article:last-child{border-bottom:0}
.review-clean{gap:32px}
.google-review-card{padding:23px 20px}
.comparison-cards{grid-template-columns:1fr;gap:12px}
.comparison-versus{height:26px}
.comparison-cards article{padding:26px 22px}
.offer-price{grid-template-columns:1fr;text-align:center}
.offer-price strong{grid-row:auto;grid-column:auto;font-size:37px;margin:6px 0}
.hero{display:flex;flex-direction:column}
.hero-product{order:-1}
.hero-copy{order:2}
.topline{gap:10px;font-size:8px}
.topline span:nth-child(2){display:none}
.nav{height:74px;padding:0 15px}
.logo{width:125px;height:58px}
.nav nav{top:74px}
.nav-cta{display:none}
.hero-copy{padding:52px 20px}
.hero h1,.catalog-hero h1{font-size:52px}
.hero-text{font-size:16px}
.hero-actions{flex-direction:column}
.hero-proof{gap:12px}
.hero-proof>div{display:block}
.hero-product{min-height:340px}
.hero-product>img{width:78%;height:78%}
.product-note{left:15px;right:15px;bottom:15px}
.product-note a{display:none}
.promise{grid-template-columns:1fr}
.home-benefits{grid-template-columns:1fr;padding:0 20px 65px}
.home-benefits article{border-right:1px solid var(--line);border-bottom:0}
.home-benefits article:last-child{border-bottom:1px solid var(--line)}
.promise p{padding:14px}
.section{padding:72px 20px}
.intro{gap:30px}
.section-head{display:block}
.solution-card,.solution-card.large{display:block}
.solution-card img,.solution-card.large img{height:280px;min-height:0}
.ownership{padding:72px 20px}
.ownership ul{grid-template-columns:1fr}
.reviews{padding:72px 20px}
.contact{padding:72px 20px}
.fields{grid-template-columns:1fr}
form{padding:23px 18px}
.catalog-hero{padding:52px 20px 38px}
.catalog-nav{overflow-x:auto;justify-content:flex-start}
.catalog-nav a{white-space:nowrap}
.product-grid,.two-products{grid-template-columns:1fr}
.product-image{height:320px}
.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--navy);color:#fff;align-items:center;justify-content:space-between;padding:0 20px;z-index:30}
.mobile-cta span{font-size:12px}
.mobile-cta strong{font-size:13px;color:#49c9ef}
.success main{padding:40px 20px}
.success h1{font-size:45px}
}

/* Product navigation, guided finder and complete catalog */
.products-menu{position:relative}.products-menu summary{list-style:none;cursor:pointer}.products-menu summary::-webkit-details-marker{display:none}.products-menu summary:after{content:'⌄';font-size:11px;margin-left:5px}.mega-menu{position:absolute;z-index:50;top:34px;left:50%;transform:translateX(-50%);width:520px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 55px rgba(4,25,52,.16)}.mega-menu a{padding:11px 13px!important;border-radius:10px;color:var(--navy)!important;font-size:13px!important}.mega-menu a:hover{background:#edf8fc;color:#0879aa!important}
.best-seller-tag{position:absolute;z-index:3;top:28px;left:30px;padding:9px 14px;border-radius:999px;background:#fff;color:#0879aa;font:800 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 30px rgba(7,54,95,.14)}.offer-badge del{display:block;margin-top:5px;color:#6a7c8c;font:600 15px Inter,sans-serif}.offer-badge small{max-width:180px}.comparison-term del{color:#8796a3}
.water-finder{padding:82px max(5vw,40px);background:#f8fbfc}.finder-intro{max-width:760px;margin-bottom:34px}.finder-intro h2{font:800 clamp(38px,5vw,68px)/1 Manrope,sans-serif;color:var(--navy);margin:8px 0 16px}.finder-intro>p:last-child{max-width:640px;color:var(--muted);font-size:17px;line-height:1.65}.finder-card{max-width:1200px;padding:34px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 55px rgba(11,54,83,.07)}.finder-card fieldset{border:0;padding:0;margin:0 0 28px}.finder-card legend{width:100%;margin-bottom:15px;font:700 16px Manrope,sans-serif;color:var(--navy)}.finder-card legend small{margin-left:8px;font:500 12px Inter,sans-serif;color:var(--muted)}.source-picker{display:flex;flex-wrap:wrap;gap:10px}.source-picker legend{flex-basis:100%}.source-picker label{cursor:pointer;padding:12px 17px;border:1px solid #cad9e2;border-radius:999px;font-weight:600;color:#385164}.source-picker label:has(input:checked){background:var(--navy);border-color:var(--navy);color:#fff}.source-picker input,.symptom-picker input{position:absolute;opacity:0;pointer-events:none}.symptom-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.symptom-picker legend{grid-column:1/-1}.symptom-picker label{cursor:pointer;min-height:92px;padding:18px;border:1px solid #d6e2e8;border-radius:16px;transition:.2s;background:#fff}.symptom-picker label:hover{transform:translateY(-2px);border-color:#6cbcd9}.symptom-picker label:has(input:checked){border-color:#0f91c2;background:#eaf8fd;box-shadow:inset 0 0 0 1px #0f91c2}.symptom-picker b,.symptom-picker small{display:block}.symptom-picker b{font:700 14px/1.3 Manrope,sans-serif;color:var(--navy)}.symptom-picker small{margin-top:7px;color:var(--muted);line-height:1.35}.finder-submit[disabled]{opacity:.4;cursor:not-allowed}.finder-result{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.result-kicker{color:#0879aa;font:800 11px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0 20px}.result-grid article{padding:22px;border-radius:16px;background:#f2f9fc}.result-grid span{color:#0879aa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.result-grid h3{margin:7px 0;font:700 20px Manrope,sans-serif;color:var(--navy)}.result-grid p{color:var(--muted);line-height:1.55;font-size:14px}.result-grid a{display:inline-block;margin-top:8px;color:#0879aa;font-weight:700;font-size:13px}.analysis-note{max-width:900px;padding:16px 18px;border-left:3px solid #e1a324;background:#fff9e9;color:#5a513f;font-size:13px;line-height:1.55}.method-note{margin-top:18px;color:var(--muted);font-size:12px;max-width:850px}.method-note summary{cursor:pointer;font-weight:700;color:#385164}.method-note p{line-height:1.55}
.catalog-all{padding:36px max(5vw,40px) 90px;background:#f8fbfc}.filter-bar{position:sticky;top:86px;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(14px)}.filter-bar button{white-space:nowrap;border:0;background:transparent;padding:11px 15px;border-radius:999px;color:#3d5668;font:700 12px Inter,sans-serif;cursor:pointer}.filter-bar button.active{background:var(--navy);color:#fff}.catalog-count{margin:24px 0 14px;color:var(--muted);font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px}.catalog-image{position:relative;height:300px;background:linear-gradient(145deg,#f7fbfd,#e7f3f8)}.catalog-image img{width:100%;height:100%;object-fit:contain;padding:20px;filter:contrast(1.04) saturate(1.03)}.catalog-image b,.catalog-image i{position:absolute;z-index:2;top:15px;left:15px;padding:8px 11px;border-radius:999px;background:#0879aa;color:#fff;font:800 10px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.catalog-image i{left:auto;right:15px;background:#183b5d;font-style:normal}.catalog-body{padding:22px}.catalog-body>small{color:#0b89b8;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.catalog-body h2{min-height:50px;margin:8px 0 9px;font:700 20px/1.25 Manrope,sans-serif;color:var(--navy)}.catalog-body p{min-height:68px;color:var(--muted);font-size:13px;line-height:1.55}.catalog-actions{display:flex;gap:10px;margin-top:17px}.catalog-actions a{flex:1;text-align:center;padding:10px 8px;border:1px solid #b9d4e1;border-radius:10px;color:#0879aa;font-size:12px;font-weight:700}.catalog-actions a:last-child{background:var(--navy);border-color:var(--navy);color:#fff}.comparison-disclaimer a{color:#0879aa;text-decoration:underline}
@media(max-width:900px){.symptom-picker,.catalog-grid{grid-template-columns:repeat(2,1fr)}.mega-menu{position:static;transform:none;width:auto;grid-template-columns:1fr;background:#f5fafc;box-shadow:none;margin-top:8px}.products-menu summary{padding:12px 0}.products-menu{width:100%}}
@media(max-width:600px){.water-finder{padding:52px 20px}.finder-card{padding:21px 16px;border-radius:20px}.source-picker label{padding:10px 12px;font-size:12px}.symptom-picker,.result-grid,.catalog-grid{grid-template-columns:1fr}.symptom-picker label{min-height:0}.best-seller-tag{top:16px;left:15px}.offer-badge del{font-size:13px}.catalog-all{padding:25px 20px 65px}.filter-bar{top:76px;margin:0 -5px}.catalog-image{height:290px}.catalog-body h2,.catalog-body p{min-height:0}.mega-menu{padding:8px}.mega-menu a{padding:9px!important}.products-menu[open] .mega-menu{display:grid}}

/* Refined offer carousel and product guide */
.ro-offer>img,.chlor-offer>img{mix-blend-mode:normal}
.offer-actions{pointer-events:auto}
.offer-carousel{position:relative;max-width:1500px;margin:auto}.offer-track{position:relative;min-height:570px}.offer-slide{position:absolute;inset:0;width:100%;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .65s ease,transform .65s ease,visibility .65s}.offer-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none}.offer-slide .offer-kicker{color:#087fae}.sale-line{display:flex;align-items:center;gap:9px;margin-top:8px}.offer-badge .sale-line del{margin:0;color:#d9eff8;font:700 15px Inter,sans-serif}.sale-line b{padding:4px 7px;border-radius:5px;background:#fff;color:#0874aa;font:800 10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em}.offer-badge strong{font-size:48px}.ro-offer>img,.chlor-offer>img{width:min(88%,540px);height:86%;mix-blend-mode:multiply;border-radius:24px}.carousel-controls{position:absolute;z-index:8;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:7px 10px;border:1px solid #b8dce9;border-radius:999px;background:#ffffffdf;box-shadow:0 8px 24px #0a49651a;backdrop-filter:blur(10px)}.carousel-arrow{width:31px;height:31px;border:0;border-radius:50%;background:transparent;color:var(--navy);cursor:pointer;font-size:16px}.carousel-arrow:hover{background:#e8f6fb}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#aac4cf;cursor:pointer;transition:.25s}.carousel-dots button.active{width:24px;border-radius:5px;background:var(--blue)}
.products-menu summary,.mega-menu a{font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:0}.mega-menu a{line-height:1.35}.standard-list article{display:block;grid-template-columns:none;gap:0;padding:22px 0}.standard-list h3{font-size:20px;line-height:1.25}.standard-list p{font-size:14px;line-height:1.6;max-width:650px}
.finder-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:22px;max-width:1250px;align-items:start}.finder-card{padding:28px;box-shadow:none}.symptom-picker{grid-template-columns:repeat(2,1fr)}.symptom-picker label{min-height:82px;padding:15px 16px}.finder-result{position:sticky;top:112px;min-height:390px;margin:0;padding:30px;background:linear-gradient(145deg,#09223a,#0b4466);border:0;border-radius:28px;color:#fff;box-shadow:0 22px 55px #082c401f}.result-empty{min-height:325px;display:flex;flex-direction:column;justify-content:center}.result-empty>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #67c8ea;border-radius:50%;color:#67c8ea;font:700 12px Manrope}.result-empty h3{margin:20px 0 8px;font:700 26px/1.2 Manrope}.result-empty p{margin:0;color:#bcd0dc}.finder-result .result-kicker{color:#6ed8f6}.result-stack{margin:12px 0 18px}.result-stack article{padding:15px 0;border-top:1px solid #ffffff20}.result-stack span{color:#72d5f2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.result-stack h3{margin:4px 0;font:700 18px/1.25 Manrope}.result-stack p{margin:0;color:#c3d4de;font-size:13px;line-height:1.48}.finder-result .analysis-note{margin:18px 0;background:#ffffff0d;border-color:#f2bd4d;color:#e8f0f4}.finder-result .analysis-note.ready{border-color:#62d4af}.result-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.result-actions>a:last-child{color:#8edcf4;font-size:13px;font-weight:700}.finder-result .method-note{color:#9eb7c6}.finder-result .method-note summary{color:#d2e6ef}
@media(max-width:900px){.finder-layout{grid-template-columns:1fr}.finder-result{position:relative;top:auto}.offer-track{min-height:830px}.carousel-controls{bottom:14px}.standard-list article{padding:18px 0}}
@media(max-width:600px){.offer-track{min-height:790px}.offer-slide{position:absolute!important}.offer-slide.is-active{position:relative!important}.offer-message{padding-bottom:76px}.offer-product{padding-bottom:105px}.ro-offer>img,.chlor-offer>img{height:82%;width:96%}.carousel-controls{bottom:12px}.sale-line{gap:6px}.offer-badge strong{font-size:38px}.finder-intro{margin-bottom:24px}.finder-layout{gap:14px}.finder-result{padding:24px 20px;border-radius:20px;min-height:330px}.result-empty{min-height:275px}.symptom-picker{grid-template-columns:1fr}.products-menu summary,.mega-menu a{font-size:13px!important}}

/* Fluid layouts: wide desktop, windowed laptop/tablet, and one-frame mobile hero */
.hero-offer{container-type:inline-size}.offer-track{height:clamp(560px,calc(100svh - 160px),680px);min-height:0}.offer-panel{height:100%;min-height:0}.offer-product{min-height:0}.offer-message h1{font-size:clamp(44px,5cqw,78px)}
@media(min-width:901px) and (max-width:1180px){
 .nav{gap:24px;padding-inline:28px}.nav nav{gap:20px}.offer-track{height:clamp(520px,calc(100svh - 158px),620px)}.offer-panel{grid-template-columns:1.08fr .92fr}.offer-message{padding:clamp(36px,5vw,58px)}.offer-message h1{font-size:clamp(42px,5.1vw,60px)}.offer-message>p:not(.offer-kicker){font-size:16px;line-height:1.55}.offer-actions{margin-top:24px;gap:16px}.offer-product{padding:24px 22px 24px 150px}.offer-product>img{height:88%;width:94%}.offer-badge{left:14px;bottom:42px;min-width:170px;padding:15px 17px}.offer-badge strong{font-size:39px}.best-seller-tag{top:20px;left:20px}.comparison-clean,.water-finder,.solutions-clean,.mirage-standard,.review-clean{padding-inline:40px}.finder-layout{grid-template-columns:1fr .8fr}.solution-row{gap:12px}
}
@media(min-width:601px) and (max-width:900px){
 .topline{height:30px}.nav{height:76px}.nav nav{top:76px}.offer-track{height:auto;min-height:760px}.offer-panel{display:grid;grid-template-columns:1fr;grid-template-rows:auto 330px}.offer-message{padding:42px 7vw 64px}.offer-message h1{font-size:clamp(44px,7vw,60px)}.offer-message>p:not(.offer-kicker){max-width:650px;font-size:16px}.offer-actions{margin-top:22px}.offer-product{min-height:0;height:330px;padding:18px 28px 22px 180px}.offer-product>img{height:100%;width:88%}.ro-offer>img,.chlor-offer>img{height:100%;width:90%}.offer-badge{bottom:26px}.offer-warranty{bottom:14px}.carousel-controls{bottom:12px}.comparison-clean,.water-finder,.solutions-clean,.mirage-standard,.review-clean{padding-inline:32px}.comparison-cards{grid-template-columns:1fr}.comparison-versus{height:34px}.solution-clean-card{grid-template-columns:220px 1fr}.finder-layout{grid-template-columns:1fr}.finder-result{position:relative;top:auto}
}
@media(max-width:600px){
 body{overflow-x:hidden}.topline{height:26px;gap:12px;font-size:8px}.nav{height:64px;padding-inline:14px}.nav nav{top:64px;max-height:calc(100svh - 64px);overflow:auto}.logo{width:118px;height:52px}.hero-offer{height:calc(100svh - 90px);min-height:620px;max-height:760px}.offer-carousel,.offer-track,.offer-panel{height:100%;min-height:0}.offer-track{min-height:0}.offer-panel{display:grid;grid-template-columns:1fr;grid-template-rows:42% 58%;border-radius:0}.offer-product{order:1;height:auto;min-height:0;padding:10px 14px 56px 104px}.offer-product>img{height:100%;width:100%;transform:none}.ro-offer>img,.chlor-offer>img{height:100%;width:100%;object-position:center bottom}.best-seller-tag{top:12px;left:12px;padding:7px 10px;font-size:9px}.offer-badge{left:12px;bottom:16px;min-width:150px;padding:11px 13px}.offer-badge strong{font-size:32px}.offer-badge span,.offer-badge small{font-size:8px}.sale-line{margin-top:4px}.sale-line b{font-size:8px;padding:3px 5px}.offer-warranty{top:12px;right:12px;bottom:auto;font-size:8px}.offer-message{order:2;display:block;text-align:left;padding:21px 18px 58px}.offer-kicker{margin-bottom:8px;font-size:9px}.offer-message h1{font-size:clamp(31px,9.2vw,39px);line-height:1.02;margin-bottom:11px}.offer-message>p:not(.offer-kicker){font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.offer-actions{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left}.offer-actions .button{min-height:44px;width:auto;padding-inline:15px}.phone-action{justify-content:center}.phone-action strong{font-size:14px}.carousel-controls{bottom:8px}.carousel-arrow{width:27px;height:27px}.mobile-cta{height:58px}.water-finder,.solutions-clean,.mirage-standard,.review-clean,.comparison-clean,.contact{padding-inline:18px}.comparison-heading h2{font-size:36px}.comparison-cards article{padding:23px 19px}.section-title h2,.mirage-standard h2,.review-clean h2{font-size:36px}.solution-clean-card{padding:12px 12px 22px}.finder-card{padding:18px 14px}.finder-result{min-height:300px}
}
@media(max-width:390px){.offer-message h1{font-size:30px}.offer-message>p:not(.offer-kicker){-webkit-line-clamp:2}.offer-actions{grid-template-columns:1fr}.phone-action{display:none}.offer-product{padding-left:94px}.offer-badge strong{font-size:29px}.carousel-dots button{width:6px;height:6px}.carousel-dots button.active{width:20px}}
@media(max-height:700px) and (max-width:900px){.hero-offer{min-height:560px}.offer-panel{grid-template-rows:39% 61%}.offer-message h1{font-size:30px}.offer-message>p:not(.offer-kicker){-webkit-line-clamp:2}.offer-product{padding-bottom:48px}.offer-actions{margin-top:10px}}
@media(max-width:600px){.hero-offer{height:calc(100svh - 148px);min-height:520px;max-height:700px}}
/* Restore the preferred mobile composition; keep warranty details above imagery */
@media(max-width:600px){
 .hero-offer{height:auto;min-height:0;max-height:none}.offer-carousel,.offer-panel{height:auto}.offer-track{height:auto;min-height:790px}.offer-panel{display:flex;flex-direction:column;border-radius:0}.offer-product{order:1;height:auto;min-height:430px;padding:22px 15px 105px 120px}.offer-product>img{height:92%;width:92%;transform:translateY(-28px)}.ro-offer>img,.chlor-offer>img{height:82%;width:96%;transform:none}.offer-message{order:2;display:flex;text-align:center;padding:38px 20px 76px}.offer-message h1{font-size:43px}.offer-message>p:not(.offer-kicker){font-size:15px;line-height:1.65;display:block;overflow:visible}.offer-actions{width:100%;display:flex;grid-template-columns:none;flex-direction:column;gap:15px;margin-top:24px;text-align:center}.offer-actions .button{width:100%;min-height:52px}.phone-action{display:flex}.carousel-controls{bottom:12px}.offer-warranty{z-index:6;top:12px;right:12px;bottom:auto;max-width:155px;padding:7px 9px;border:1px solid #c5dfe9;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(8,55,78,.12);color:#294e63;font-size:8px;line-height:1.35;text-align:right;white-space:normal}.best-seller-tag{z-index:6}
}
@media(max-width:390px){.offer-message h1{font-size:39px}.offer-message>p:not(.offer-kicker){display:block}.phone-action{display:flex}.offer-product{padding-left:105px}.offer-track{min-height:770px}}
/* Safari-safe product scale and non-overlapping mobile warranty placement */
@media(min-width:901px){.offer-product{padding-left:145px}.offer-product:not(.ro-offer)>img{width:min(96%,620px);height:97%;max-width:none}.chlor-offer>img{width:min(98%,650px)!important;height:96%!important;max-width:none}}
@media(max-width:600px){.offer-warranty{top:auto;right:12px;bottom:16px;max-width:142px}.offer-product{padding-bottom:105px}.offer-product>img{object-position:center 8px}.ro-offer>img,.chlor-offer>img{object-position:center 4px}}
@media(max-width:360px){.offer-badge{min-width:142px}.offer-warranty{max-width:124px;font-size:7px}}

/* Carousel layout v15: reserved image and offer-detail areas prevent clipping */
.offer-product,
.offer-product.ro-offer,
.offer-product.chlor-offer{
 display:grid;
 grid-template-rows:minmax(0,1fr) auto;
 align-items:stretch;
 justify-items:stretch;
 gap:10px;
 min-width:0;
 min-height:0;
 padding:22px 26px 20px;
 background:radial-gradient(circle at 54% 44%,#fff 0,#e9f8fd 46%,#c9ebf7 100%);
}
.product-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible}
.product-visual img,
.ro-offer .product-visual img,
.chlor-offer .product-visual img{
 display:block;
 width:100%;
 height:100%;
 max-width:620px;
 max-height:100%;
 object-fit:contain;
 object-position:center;
 transform:none;
 mix-blend-mode:normal;
 border-radius:0;
 filter:drop-shadow(0 22px 24px rgba(18,56,75,.2));
}
.ro-offer .product-visual img{max-width:680px}
.offer-meta{position:relative;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}
.offer-meta .offer-badge{position:static;flex:0 0 auto;min-width:190px;padding:15px 18px;border-radius:14px}
.offer-meta .offer-warranty{position:static;max-width:185px;padding:9px 11px;border:1px solid rgba(29,111,148,.18);border-radius:9px;background:rgba(255,255,255,.9);box-shadow:0 7px 20px rgba(8,55,78,.08);color:#294e63;font-size:9px;line-height:1.35;text-align:right;white-space:normal}
.offer-meta .offer-badge strong{font-size:40px}
.offer-meta .sale-line{margin-top:5px}
.offer-meta .offer-badge .sale-line del{font-size:13px}
.offer-meta .sale-line b{font-size:8px}

@media(min-width:901px){
 .hero-offer{padding:clamp(12px,1.6vw,24px)}
 .offer-track{height:clamp(540px,calc(100svh - 150px),680px)}
 .offer-panel{grid-template-columns:minmax(0,1fr) minmax(430px,.95fr)}
 .offer-product,.offer-product.ro-offer,.offer-product.chlor-offer{padding:22px clamp(20px,2.4vw,38px) 24px}
 .product-visual{padding:4px 0 0}
 .offer-meta{min-height:94px}
}

@media(min-width:901px) and (max-width:1180px){
 .offer-panel{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
 .offer-product,.offer-product.ro-offer,.offer-product.chlor-offer{padding:18px 18px 20px}
 .offer-meta .offer-badge{min-width:166px;padding:13px 14px}
 .offer-meta .offer-badge strong{font-size:35px}
 .offer-meta .offer-warranty{max-width:145px;font-size:8px}
}

@media(min-width:601px) and (max-width:900px){
 .offer-track{height:760px;min-height:0}
 .offer-panel{grid-template-rows:minmax(0,1fr) 340px}
 .offer-product,.offer-product.ro-offer,.offer-product.chlor-offer{height:340px;padding:15px 28px 18px}
 .offer-meta .offer-badge{min-width:174px}
}

@media(max-width:600px){
 .hero-offer{height:calc(100vh - 148px);height:calc(100svh - 148px);min-height:500px;max-height:none}
 .offer-carousel,.offer-track,.offer-panel{height:100%;min-height:0}
 .offer-panel{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,43%) minmax(0,57%);border-radius:0}
 .offer-product,.offer-product.ro-offer,.offer-product.chlor-offer{order:1;height:auto;min-height:0;padding:8px 12px 9px;gap:5px}
 .product-visual{padding:0 38px}
 .ro-offer .product-visual{padding:0 12px}
 .chlor-offer .product-visual{padding:0 34px}
 .product-visual img,.ro-offer .product-visual img,.chlor-offer .product-visual img{width:100%;height:100%;max-width:none;object-position:center;transform:none}
 .offer-meta{min-height:64px;gap:8px}
 .offer-meta .offer-badge{min-width:142px;padding:8px 11px;border-radius:10px}
 .offer-meta .offer-badge strong{font-size:27px;line-height:1}
 .offer-meta .offer-badge span,.offer-meta .offer-badge small{font-size:7px}
 .offer-meta .offer-badge .sale-line del{font-size:10px}
 .offer-meta .sale-line{gap:4px;margin-top:3px}
 .offer-meta .sale-line b{padding:2px 4px;font-size:7px}
 .offer-meta .offer-warranty{max-width:132px;padding:6px 8px;font-size:7px}
 .offer-message{order:2;display:block;text-align:left;padding:14px 18px 51px}
 .offer-kicker{margin-bottom:5px;font-size:8px}
 .offer-message h1{margin-bottom:7px;font-size:clamp(28px,8.6vw,36px);line-height:1}
 .offer-message>p:not(.offer-kicker){display:-webkit-box;overflow:hidden;margin:0;font-size:12px;line-height:1.38;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .offer-actions{display:grid;grid-template-columns:1fr auto;width:100%;margin-top:10px;gap:8px;text-align:left}
 .offer-actions .button{width:auto;min-height:40px;padding:10px 13px;font-size:10px}
 .phone-action{display:flex;font-size:9px}
 .phone-action strong{font-size:12px}
 .carousel-controls{bottom:7px;padding:4px 8px}
 .carousel-arrow{width:24px;height:24px}
}

@media(max-width:390px){
 .offer-panel{grid-template-rows:minmax(0,42%) minmax(0,58%)}
 .product-visual{padding-inline:31px}
 .ro-offer .product-visual{padding-inline:8px}
 .chlor-offer .product-visual{padding-inline:28px}
 .offer-message h1{font-size:28px}
 .offer-meta .offer-warranty{max-width:116px}
 .phone-action{display:none}
 .offer-actions{grid-template-columns:1fr}
}

@media(max-width:600px) and (max-height:700px){
 .hero-offer{min-height:0}
 .offer-panel{grid-template-rows:minmax(0,41%) minmax(0,59%)}
 .offer-message{padding-top:10px}
 .offer-message h1{font-size:27px}
 .offer-message>p:not(.offer-kicker){font-size:11px}
}

/* Persistent navigation, reliable form feedback and larger mobile product visuals */
.nav{position:sticky;top:0;z-index:100;box-shadow:0 8px 24px rgba(7,26,45,.07)}
.mega-menu{z-index:120}
.form-confirmation{align-self:start;padding:34px;border:1px solid #b9dfd1;background:#effaf6;color:var(--navy)}
.form-confirmation[hidden]{display:none}
.form-confirmation span{color:#087f5b;font:800 11px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.form-confirmation h3{margin:8px 0;font-size:26px;line-height:1.2}
.form-confirmation p{margin:0;color:#4f6977}
.form-confirmation a{color:var(--blue);font-weight:800}
.form-confirmation.is-error{border-color:#e3c4bd;background:#fff6f3}
.form-confirmation.is-error span{color:#a8422d}
form button:disabled{cursor:wait;opacity:.72}

@media(max-width:600px){
 .offer-panel{grid-template-rows:minmax(0,46%) minmax(0,54%)}
 .product-visual{padding-inline:10px}
 .ro-offer .product-visual{padding-inline:0}
 .chlor-offer .product-visual{padding-inline:10px}
 .offer-product:not(.ro-offer):not(.chlor-offer) .product-visual img{transform:scale(1.18)}
 .chlor-offer .product-visual img{transform:scale(1.08)}
 .offer-message{padding-top:10px}
 .offer-message h1{font-size:clamp(26px,8vw,34px)}
 .form-confirmation{padding:25px 20px}
}

@media(max-width:390px){
 .offer-panel{grid-template-rows:minmax(0,45%) minmax(0,55%)}
 .product-visual,.chlor-offer .product-visual{padding-inline:6px}
 .offer-message h1{font-size:27px}
}

/* Keep slide transitions inside the carousel and reserve space for offer prices. */
.offer-carousel{overflow:clip;overflow-clip-margin:4px}
.offer-slide,.offer-message{min-width:0}
.offer-meta{flex-wrap:wrap}
.offer-meta .offer-warranty{flex:0 1 185px}
@media(min-width:901px){
 .offer-panel{grid-template-rows:minmax(0,1fr)}
 .offer-message{min-height:0;padding-block:clamp(24px,4vh,58px)}
 .product-visual img{position:absolute;inset:0;margin:auto}
}