:root{--red:#c91c24;--ink:#151515;--muted:#666;--line:#e3e3e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fafaf8}.notice{background:var(--ink);color:#fff;text-align:center;font-size:11px;letter-spacing:1.2px;padding:11px}header{max-width:1280px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:14px;font-size:19px;font-weight:800;letter-spacing:1px}.brand img{width:65px;height:65px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:8px}nav{display:flex;align-items:center;gap:28px;font-size:13px}button,select,input{font:inherit}button{cursor:pointer}nav button{padding:12px 18px;background:white;border:1px solid var(--line);border-radius:6px}nav b{background:var(--red);color:white;border-radius:50%;padding:3px 7px;margin-left:6px}main{max-width:1280px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:65px 0 55px;align-items:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--red)}h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;line-height:1.05;margin:25px 0}h1 em{color:var(--red);font-style:normal}.intro{font-size:17px;line-height:1.8;max-width:480px;color:var(--muted);margin-bottom:28px}.button{display:inline-block;background:var(--red);color:white;border:0;border-radius:5px;padding:16px 23px;font-weight:700;font-size:13px;box-shadow:0 7px 17px #c91c2420}.secondary{display:block;margin-top:20px;font-size:13px}.hero-art{background:white;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 24px 45px #0000000b;transform:rotate(-2deg)}.hero-art img{width:100%;max-height:340px;object-fit:contain}.hero-art span{display:block;text-align:center;font-size:10px;letter-spacing:4px;margin-top:20px;color:var(--muted)}.benefits{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:13px}.benefits b{color:var(--red);margin-right:12px}#shop{padding:62px 0}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top>p{font-size:13px;color:var(--muted)}h2{font-size:34px;letter-spacing:-1px;margin:12px 0 20px}.filters{display:flex;gap:9px;margin:15px 0 26px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;background:white;padding:10px 18px;font-size:12px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;box-shadow:0 10px 25px #00000005}.product-art{height:195px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#eceeef,#fafafa);position:relative}.product-art.pool{background:linear-gradient(145deg,#c7e6ec,#effbfc)}.product-art.floor{background:linear-gradient(145deg,#e5e1db,#f4f3f0)}.tin{width:110px;height:125px;background:linear-gradient(90deg,#ddd,#fff 35%,#e8e8e8);border-radius:9px 9px 17px 17px;box-shadow:15px 16px 17px #0002;border-top:9px solid #353535;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-5deg)}.tin small{font-size:9px;font-weight:bold}.tin strong{background:var(--red);color:white;width:100%;padding:12px 0;text-align:center;margin:9px 0;font-size:17px}.product-art>span{position:absolute;right:14px;bottom:12px;font-size:9px;color:#777}.card-body{padding:23px}.card h3{font-size:25px;margin:8px 0}.card p{font-size:13px;line-height:1.7;color:var(--muted)}.card .button{width:100%;margin-top:10px}.support{background:var(--ink);color:white;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px;margin-bottom:60px}.support p{color:#bbb;font-size:13px;line-height:1.8}.support-items article{border-bottom:1px solid #444;padding:5px 0}.support h3{font-size:16px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:28px 40px;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:15px;padding:32px;width:min(500px,92vw);box-shadow:0 30px 90px #0003}dialog::backdrop{background:#0007}.close{float:right;background:none;border:0;font-size:26px}label{display:block;font-size:13px;margin:18px 0}select,input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:5px}.muted{font-size:12px;color:var(--muted);line-height:1.7}.basket-row{padding:17px 0;border-bottom:1px solid var(--line)}.basket-row p{font-size:13px}.remove{background:none;border:0;color:var(--red);padding:0}button:focus-visible,a:focus-visible{outline:3px solid #3890eb;outline-offset:4px}@media(max-width:750px){header{padding:15px 20px}.brand span{font-size:13px}.brand small{font-size:6px}.brand img{width:45px;height:45px}nav{gap:10px}nav>a{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.hero-art{max-width:360px;margin:auto;width:100%}.hero-art img{max-height:210px}.benefits{gap:15px;font-size:11px;flex-wrap:wrap}.grid{grid-template-columns:1fr}.section-top{display:block}h2{font-size:28px}.support{grid-template-columns:1fr;padding:26px;gap:15px}footer{padding:22px;gap:16px;flex-wrap:wrap}}

.product-art{background:#fff!important;padding:22px}.range-logo{width:100%;height:100%;object-fit:contain}
header{max-width:1440px;gap:25px;flex-wrap:wrap}header nav{gap:17px;flex-wrap:wrap;font-size:12px}.current{color:var(--red);font-weight:bold}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.page-section{padding:55px 0 65px}.page-section h1{font-size:48px;line-height:1.15}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:65px 0}.product-detail h1{font-size:50px}.product-image{background:white;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;padding:30px}.product-image img{width:100%;max-height:470px;object-fit:contain}.product-detail input,.product-detail select,.content-panel input{background:#fff}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.content-panel{padding:28px;background:white;border:1px solid var(--line);border-radius:12px}.input-row{display:flex;gap:20px}.input-row label{flex:1}.about-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.about-layout img{width:100%;max-height:430px;object-fit:contain}.gallery-image{width:100%;height:240px;object-fit:contain;padding:20px;background:white}figure{margin:0}.preserve{white-space:pre-wrap}.document-link{color:var(--red);text-decoration:underline}.doc-links{display:flex;gap:20px;flex-wrap:wrap}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.basket-row input{max-width:90px}.notice a{text-decoration:underline}em{font-style:normal;color:var(--red)}footer p{font-size:11px}#copyStatus{line-height:1.6}header nav>a{display:inline}@media(max-width:750px){header{padding:18px 20px}header nav{gap:13px;width:100%;padding-top:10px}.product-detail,.calculator-layout,.about-layout{grid-template-columns:1fr;gap:25px}.product-detail{padding:35px 0}.product-image{min-height:180px}.page-section h1{font-size:36px}.input-row{flex-direction:column;gap:0}.content-panel{padding:22px}.hero h1{font-size:45px;letter-spacing:-2px}}
/* 0.4.1 — charcoal framing, deep red accents and application imagery */
:root{--red:#b51f2a;--ink:#171b22;--muted:#616774;--line:#dedfe1}body{background:#f4f3ef}.notice{background:#0e1218;color:#bfc5cf;font-size:10px;padding:10px 15px}.notice a{color:#fff}header{background:#171b22;max-width:none;padding:23px max(25px,calc((100vw - 1200px)/2));border-bottom:1px solid #303640;color:white;box-shadow:0 7px 24px #00000018}.brand img{background:white;border-radius:9px;padding:4px;width:65px;height:65px;box-shadow:0 4px 15px #0003}.brand small{color:#c1c7d0}.brand span{font-size:17px}header nav{margin-left:auto;gap:16px}header nav a{color:#d6dae1;transition:color .15s}header nav a:hover,header nav a.current{color:#fff}header nav button{background:#272d37;color:white;border-color:#414956;border-radius:8px}.premium-hero{position:relative;isolation:isolate;min-height:560px;margin:30px 0 26px;padding:70px 55px;border-radius:22px;overflow:hidden;color:white;background:#15202d;display:flex;align-items:center;box-shadow:0 25px 45px #171b2224}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.premium-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,31,.94) 0%,rgba(12,20,31,.76) 39%,rgba(12,20,31,.18) 72%,rgba(12,20,31,.12) 100%);z-index:-1}.hero-copy{max-width:590px}.premium-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-2.3px;margin:24px 0}.premium-hero h1 em{color:#ef747b}.premium-hero .eyebrow{color:#e6b3b6}.premium-hero .intro{color:#dde4ed;font-size:16px;line-height:1.8;max-width:430px}.premium-hero .secondary{color:#e2e7ef}.hero-caption{position:absolute;right:35px;bottom:35px;text-align:right}.hero-caption span{font-size:10px;letter-spacing:3px}.hero-caption small{display:block;margin-top:10px;font-size:12px;color:#ddd}.button{border-radius:8px;box-shadow:0 8px 17px #b51f2a24;transition:transform .15s,background .15s}.button:hover{background:#931a23;transform:translateY(-2px)}.benefits{background:#fff;border:1px solid #dedfe1;border-radius:12px;padding:22px 25px;box-shadow:0 5px 15px #171b2205}.application-card{border:1px solid #dfe1e4;border-radius:16px;box-shadow:0 12px 24px #171b220b;transition:transform .18s,box-shadow .18s}.application-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #171b2215}.application-card .product-art{height:195px;padding:0;overflow:hidden;display:block}.application-card .range-logo{height:100%;width:100%;object-fit:cover;transition:transform .4s}.application-card:hover .range-logo{transform:scale(1.035)}.card-body{padding:24px}.card h3{font-size:24px;margin-top:12px}.product-mark{display:block;max-width:145px;height:46px;object-fit:contain;object-position:left center;margin:15px 0 9px}.application-card .card-body>.eyebrow{font-size:10px;color:#647084;letter-spacing:1.8px}.application-card .card-body>.button{margin-top:14px}.grid{gap:22px}.support{background:linear-gradient(120deg,#151c28,#273342);border:1px solid #303b4d;border-radius:18px;box-shadow:0 17px 30px #171b221b}.support .eyebrow{color:#e99298}.support .button{margin-top:15px}.support-items article{border-color:#455064}.support-items a{font-size:12px;color:white}.filters button{padding:11px 19px;border-color:#d6d9de}.filters .active{background:#222b39;border-color:#222b39}.page-section h1{color:#182231;letter-spacing:-1.6px}.product-image.application-image{padding:0;overflow:hidden;box-shadow:0 20px 35px #171b2212;border-radius:20px;min-height:420px}.product-image.application-image img{height:100%;max-height:none;min-height:420px;object-fit:cover}.content-panel{border-radius:15px;box-shadow:0 12px 25px #171b2208}.gallery-image{padding:0;object-fit:cover;height:250px}.about-layout>img{background:white;padding:40px;border-radius:20px;box-shadow:0 20px 35px #171b220c}.doc-links .button{background:#26364a}dialog{border:1px solid #ddd;border-radius:18px;padding:30px;max-height:88vh;overflow:auto}.basket-row{padding:19px 0}footer{background:#171b22;border-color:#171b22;color:#c0c7d2;padding:38px max(25px,calc((100vw - 1200px)/2));align-items:center}footer b{color:white;letter-spacing:1px}footer a{color:#eef1f5}section .intro{max-width:680px}@media(max-width:750px){header{padding:17px 20px}.brand img{width:52px;height:52px}header nav{margin-left:0;gap:14px;padding-top:7px}.premium-hero{min-height:490px;margin-top:20px;padding:37px 25px;align-items:start;display:block}.premium-hero:before{background:linear-gradient(90deg,#0c141feb,#0c141fb3 65%,#0c141f5c)}.premium-hero h1{font-size:44px}.premium-hero .intro{font-size:14px;max-width:340px}.hero-caption{right:25px;bottom:25px;text-align:left;left:25px}.hero-caption span{font-size:8px;letter-spacing:2px}.hero-caption small{font-size:10px}.benefits{padding:20px;gap:18px}.product-image.application-image,.product-image.application-image img{min-height:250px}.card-body{padding:22px}.about-layout>img{padding:25px}.premium-hero .button{margin-top:0}}

.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.calc-card h2{font-size:24px;min-height:58px;line-height:1.2}.calc-card label{font-weight:700;margin:17px 0 6px}.calc-card input{margin-top:0}.calc-card .button{margin-top:20px}.calc-result{margin-top:20px;border-left:4px solid #b51f2a;padding:14px 16px;background:#f1f4f8;border-radius:9px;font-size:13px;color:#253348;line-height:1.6}.calc-result p{margin:5px 0}.calculator-assumptions{margin:45px 0 25px}@media(max-width:1000px){.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.calc-grid{grid-template-columns:1fr}.calc-card h2{min-height:0}}
/* AquaTeq DIY kits */
.kit-badge{display:inline-block;background:#e8f0f8;color:#0e4775;border:1px solid #c8dced;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:700}.diy-card .product-art{background:#e8e8e8!important;height:245px}.diy-card .range-logo{object-fit:contain}.diy-feature{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;margin:0 0 55px;box-shadow:0 15px 30px #171b2210}.diy-feature>img{width:100%;height:320px;object-fit:contain;border-radius:12px;background:#e8e8e8}.diy-feature p{line-height:1.7;color:var(--muted)}.kit-prices{display:flex;gap:25px;margin:20px 0}.kit-prices p{margin:0;flex:1;padding:16px;background:#f2f5f8;border-radius:9px}.kit-prices b{display:block;font-size:12px}.kit-prices strong{display:block;margin-top:8px;font-size:23px;color:#182231}.product-image.diy-main-image{background:#e8e8e8;min-height:420px}.product-image.diy-main-image img{object-fit:contain;max-height:600px;min-height:0}.kit-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kit-gallery-grid img{display:block;width:100%;height:240px;object-fit:contain;background:#e8e8e8}.kit-gallery-grid figcaption{padding:14px;font-size:12px}.colour-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.colour-charts img{width:100%;display:block;border-radius:12px;border:1px solid var(--line)}.kit-gallery h2{margin-top:30px}.kit-gallery p{line-height:1.7;color:var(--muted)}@media(max-width:750px){.diy-feature{grid-template-columns:1fr;padding:22px;gap:15px}.diy-feature>img{height:260px}.kit-prices{gap:12px}.kit-prices strong{font-size:20px}.kit-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-gallery-grid img{height:210px}.colour-charts{grid-template-columns:1fr}.product-image.diy-main-image{min-height:260px}}

.label-section p{color:var(--muted);line-height:1.7}.label-preview{display:block;background:white;border:1px solid var(--line);padding:16px;border-radius:16px;box-shadow:0 15px 32px #171b2210}.label-preview img{width:100%;height:auto;display:block}.label-actions{display:flex;gap:15px;margin-top:22px;flex-wrap:wrap}.label-download{background:#26364a}@media(max-width:750px){.label-preview{padding:7px;border-radius:10px}}
.fouru-mode main{max-width:800px}.fouru-mode .notice{font-size:9px}.fouru-heading{padding:35px 0 25px}.fouru-heading h1{font-size:44px;letter-spacing:-2px;margin:15px 0}.fouru-heading h1 span{color:var(--red)}.fouru-heading>p{color:var(--muted)}.fouru-rate{display:flex;justify-content:space-between;background:#171b22;color:white;padding:19px 22px;border-radius:12px;align-items:center}.fouru-rate b{font-size:23px}.fouru-rate span{font-size:12px;color:#d9e1ed}#fouru .content-panel{margin-bottom:22px}#fouru h2{font-size:26px}#fouru input,#fouru select,#fouru textarea{font:inherit;border:1px solid #ccd1d8;border-radius:8px;padding:13px;background:white;width:100%;display:block;margin-top:7px}#fouru textarea{resize:vertical}#fouru p{line-height:1.7;font-size:14px}#fouru .voice-example{background:#f2f5f9;border-left:3px solid #b51f2a;padding:13px;color:#36465d}.voice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.secondary-button{background:#26364a;box-shadow:none}#fouru label{font-size:14px;margin:18px 0 8px}#fouru .fouru-check{display:flex;gap:12px;align-items:start;font-size:13px;background:#f2f5f9;padding:15px;border-radius:8px}#fouru .fouru-check input{width:auto;margin:2px 0 0}.quote-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font:12px Arial,sans-serif;background:#f1f4f8;padding:15px;border-radius:8px}.fouru-result h2{font-size:36px!important}.fouru-result .button{margin:8px 5px 8px 0}.fouru-mode footer{margin-top:35px}#fouruResult{scroll-margin-top:20px}@media(max-width:550px){.fouru-rate{display:block}.fouru-rate span{display:block;margin-top:8px}.fouru-heading h1{font-size:40px}#fouru .input-row{gap:0;flex-direction:column}.fouru-mode header{padding:15px}.fouru-mode .brand span{font-size:14px}.fouru-mode main{padding:0 16px}#fouru .button{padding:15px;font-size:13px}.voice-actions>*{flex:1}.fouru-mode footer{display:none}}
/* Compact contractor review */
.fouru-heading{padding:22px 0 15px}.fouru-heading h1{font-size:34px;margin:10px 0}.fouru-heading>p{margin:8px 0}.fouru-rate{padding:12px 16px;display:flex}.fouru-rate b{font-size:20px}.fouru-rate span{margin:0}#fouru .content-panel{padding:18px;margin-bottom:14px}#fouru h2{font-size:22px;margin:0 0 10px}#fouru p{font-size:13px;margin:8px 0;line-height:1.5}#fouru label{font-size:13px;margin:10px 0}#fouru input,#fouru select,#fouru textarea{padding:10px;margin-top:5px;font-size:16px;min-width:0}#fouru .input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#fouru .voice-example{padding:10px}.fouru-options{margin:12px 0}.fouru-options summary{cursor:pointer;font-size:13px;font-weight:bold;color:#26364a;padding:8px 0}.fouru-options[open]{border-top:1px solid var(--line)}#fouru .fouru-check{padding:12px}#fouru .fouru-check input{margin:2px 0 0}#fouruForm>.button{width:100%;margin-top:0}#fouruForm{margin-bottom:14px}.fouru-mode .notice{display:none}@media(max-width:550px){.fouru-heading h1{font-size:30px}.fouru-rate span{font-size:11px}.fouru-mode header nav{width:auto}.fouru-mode header{flex-wrap:nowrap;gap:8px}.fouru-mode .brand small{font-size:6px}.fouru-mode .brand img{width:43px;height:43px}.fouru-mode .brand{gap:9px}.fouru-mode .brand span{font-size:12px}#fouru .button{padding:13px}#fouru .voice-actions{margin-top:10px}}
/* Product card actions align along the bottom of each grid row. */
.grid>.application-card{display:flex;flex-direction:column;height:100%}.application-card>.product-art{flex-shrink:0}.application-card>.card-body{display:flex;flex-direction:column;flex:1;align-items:flex-start;width:100%}.application-card .card-body>.button{margin-top:auto;padding-top:16px;padding-bottom:16px}.application-card .card-body>p:last-of-type{margin-bottom:28px}.application-card .product-mark{flex-shrink:0}.application-card .kit-badge{align-self:flex-start}
/* Pool shape imagery and colour selection */
.fouru-pool-image{margin:12px 0 18px;position:relative;border-radius:12px;overflow:hidden;background:#dce8ef;box-shadow:0 8px 20px #17243216}.fouru-pool-image img{width:100%;height:200px;object-fit:cover;display:block}.fouru-pool-image figcaption{position:absolute;bottom:10px;left:10px;color:white;background:#172432d9;font-size:11px;padding:7px 10px;border-radius:6px}.fouru-colours{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}.fouru-swatch{position:relative;border:1px solid #d6dce2;background:white;border-radius:9px;padding:7px;text-align:center;font:11px Arial,sans-serif;min-width:0;line-height:1.3;color:#26364a}.swatch-chip{display:block;height:35px;border-radius:5px;border:1px solid #0002;margin-bottom:6px}.fouru-swatch b{display:none;position:absolute;right:10px;top:11px;border-radius:50%;background:white;color:#b51f2a;padding:1px 4px}.fouru-swatch[aria-pressed=true]{outline:2px solid #b51f2a;border-color:#b51f2a;box-shadow:0 5px 12px #b51f2a20}.fouru-swatch[aria-pressed=true] b{display:block}.voice-pulse:not(:disabled){animation:voice-pulse 2.5s ease-out infinite}#fouru .voice-filled{border-color:#188c72;background:#edf9f4;animation:voice-fill 1.8s ease-out}.fouru-pool-image,#poolDetails{scroll-margin-top:15px}@keyframes voice-pulse{0%,100%{box-shadow:0 0 0 0 #b51f2a35}55%{box-shadow:0 0 0 9px #b51f2a00}}@keyframes voice-fill{0%{box-shadow:0 0 0 4px #188c7245}100%{box-shadow:0 0 0 0 #188c7200}}@media(max-width:550px){.fouru-pool-image img{height:175px}.fouru-colours{grid-template-columns:repeat(3,minmax(0,1fr))}.fouru-swatch{font-size:11px}.swatch-chip{height:30px}}@media(prefers-reduced-motion:reduce){.voice-pulse:not(:disabled),#fouru .voice-filled{animation:none}html{scroll-behavior:auto}}
/* External stylesheet colours respect the site's security policy. */
.fouru-swatch[data-colour="White"] .swatch-chip{background:#fafaf7}.fouru-swatch[data-colour="Light Blue"] .swatch-chip{background:#8dcced}.fouru-swatch[data-colour="Mid Blue"] .swatch-chip{background:#448bc0}.fouru-swatch[data-colour="Dark Blue"] .swatch-chip{background:#204d88}.fouru-swatch[data-colour="Grey"] .swatch-chip{background:#a1a5a8}.fouru-swatch[data-colour="Charcoal"] .swatch-chip{background:#4b5054}.fouru-swatch[data-colour="Jet Black"] .swatch-chip{background:#151719}.fouru-swatch[data-colour="Teal"] .swatch-chip{background:#268b8b}.fouru-swatch[data-colour="Sandstone"] .swatch-chip{background:#c8b48c}#fouru .voice-panel{text-align:center}#fouru .voice-panel h2 span{display:block;margin-top:5px;font-size:18px;color:#b51f2a}#fouru .voice-panel .voice-actions{justify-content:center;gap:18px;margin:22px 0 16px}#fouru .voice-panel .voice-actions>*{flex:0 1 190px}#fouru .voice-panel .fouru-options[open]{text-align:left}.voice-pulse:not(:disabled){animation:voice-attention 1.7s ease-in-out infinite}@keyframes voice-attention{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #b51f2a65}50%{transform:scale(1.055);box-shadow:0 0 0 12px #b51f2a0a}}@media(prefers-reduced-motion:reduce){.voice-pulse:not(:disabled){animation:none;box-shadow:0 0 0 4px #b51f2a25}}
.belington-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center}.belington-fields{min-width:0}.belington-panel{text-align:center;padding:12px 0}.belington-panel h3{font-size:19px;margin:10px 0 4px;color:#142b58}.belington-avatar{border:0;background:#f4f6fa;position:relative;display:block;width:150px;height:150px;border-radius:50%;padding:14px;margin:auto;cursor:pointer;isolation:isolate}.belington-avatar img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.belington-orbit{position:absolute;inset:-5px;border:3px solid #d9e0ec;border-top-color:#b51f2a;border-right-color:#b51f2a;border-radius:50%;animation:belington-orbit 5s linear infinite}.belington-avatar:disabled{opacity:1;cursor:wait}.belington-panel[data-state=listening] .belington-orbit{border-top-color:#168c72;border-right-color:#168c72;animation-duration:1.2s}.belington-panel[data-state=processing] .belington-orbit{border-top-color:#ed8a15;border-right-color:#ed8a15;animation-duration:.8s}.belington-panel .fouru-options[open]{text-align:left}.belington-panel #voiceStatus{font-size:11px}.belington-panel #stopVoice{padding:9px 14px}#fouru .belington-panel input,#fouru .belington-panel select{font-size:13px}#fouru .belington-panel .button{font-size:11px;padding:10px}.belington-panel .fouru-options summary{font-size:11px}@keyframes belington-orbit{to{transform:rotate(360deg)}}@media(max-width:550px){.belington-layout{grid-template-columns:1fr;gap:5px}.belington-panel{display:grid;grid-template-columns:90px 1fr;column-gap:14px;text-align:left;align-items:center;background:#f5f7fa;border-radius:12px;padding:14px;margin:10px 0}.belington-avatar{width:80px;height:80px;grid-row:1 / 4;padding:7px}.belington-panel h3{margin:0}.belington-panel #stopVoice{justify-self:start}.belington-panel #voiceStatus,.belington-panel .fouru-options,.belington-panel #parseStatus{grid-column:1 / -1}.belington-panel>p{margin:5px 0!important}}@media(prefers-reduced-motion:reduce){.belington-orbit{animation:none!important}}
/* Pool and assistant share one row; measurements sit immediately below. */
.pool-assistant-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;align-items:center;margin:12px 0}.pool-assistant-row .fouru-pool-image{margin:0;height:260px}.pool-assistant-row .fouru-pool-image img{height:100%;object-fit:cover}.pool-assistant-row .belington-panel{padding:6px;min-width:0}.pool-assistant-row .belington-avatar{width:140px;height:140px}.pool-assistant-row #voiceStatus{font-size:11px}.belington-fields{width:100%}@media(max-width:550px){.pool-assistant-row{gap:10px;align-items:center}.pool-assistant-row .fouru-pool-image{height:200px}.pool-assistant-row .fouru-pool-image figcaption{font-size:9px;padding:5px;left:5px;bottom:5px}.pool-assistant-row .belington-panel{display:block;background:transparent;margin:0;padding:4px;text-align:center}.pool-assistant-row .belington-avatar{width:82px;height:82px;margin:5px auto 10px;padding:7px}.pool-assistant-row .belington-panel h3{font-size:16px}.pool-assistant-row .belington-panel p{font-size:11px!important}.pool-assistant-row #stopVoice{font-size:10px;padding:7px 9px}.pool-assistant-row #voiceStatus{font-size:10px!important}}
.pool-details-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pool-details-header img{width:66px;height:66px;object-fit:contain;margin-left:auto}#fouru .pool-details-header h2{margin:0}.measurement-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}#fouru .measurement-row .input-row{display:contents}.measurement-row #roundField{grid-column:span 2}.measurement-row label{min-width:0}.measurement-row #depthHint{grid-column:1 / -1;margin-top:0}.measurement-row input{width:100%;min-width:0}@media(max-width:550px){.pool-details-header img{width:50px;height:50px}.measurement-row{gap:7px}#fouru .measurement-row label{font-size:11px}#fouru .measurement-row input{padding:9px 6px;font-size:16px}.measurement-row #roundField{grid-column:span 2}}
.recording-bar{position:absolute;inset:auto 9px 9px;background:#162332f0;color:white;padding:12px;border-radius:12px;z-index:3;box-shadow:0 7px 20px #0004}.recording-line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:bold}.recording-line time{margin-left:auto;font-variant-numeric:tabular-nums}.recording-dot{width:9px;height:9px;background:#f05560;border-radius:50%;animation:recording-dot 1s ease-in-out infinite}.recording-bar canvas{display:block;width:100%;height:38px;margin:7px 0}.recording-actions{display:flex;gap:9px}.recording-actions button{border:1px solid #ffffff55;background:#283d51;color:white;border-radius:7px;padding:9px;font-size:11px;flex:1}.recording-actions #stopVoice{background:#16866e;border-color:#16866e}.fouru-pool-image:has(.recording-bar:not([hidden])) figcaption{display:none}@keyframes recording-dot{50%{opacity:.35}}@media(max-width:550px){.recording-bar{padding:9px;inset:auto 5px 5px}.recording-actions button{font-size:10px;padding:8px 4px}.recording-line{font-size:10px;gap:5px}}@media(prefers-reduced-motion:reduce){.recording-dot{animation:none}}
.belington-avatar{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.belington-avatar img{pointer-events:none;user-select:none}.belington-panel .recording-actions{margin:12px 0;justify-content:center}.belington-panel .recording-actions button{color:white;font-size:11px}.belington-panel .recording-actions #deleteVoice{background:#8e2530}.belington-panel .recording-actions #stopVoice{background:#16866e}.recording-bar{pointer-events:none}@media(max-width:550px){.belington-panel .recording-actions{flex-direction:column;gap:6px}.belington-panel .recording-actions button{padding:8px;font-size:10px}}
.pool-mode-buttons{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px;margin:16px 0}.pool-mode-buttons button{background:#f2f5f9;color:#26364a;border:1px solid #ccd4df;border-radius:8px;padding:12px 8px;font-weight:bold;font-size:12px;min-width:0}.pool-mode-buttons button[aria-pressed=true]{background:#b51f2a;color:white;border-color:#b51f2a;box-shadow:0 5px 12px #b51f2a25}.pool-mode-buttons button:focus-visible{outline:3px solid #3890eb;outline-offset:3px}#fouru #quantityField{max-width:350px}.recording-actions button{display:flex;align-items:center;justify-content:center;min-height:36px;line-height:1.2}@media(max-width:550px){.pool-mode-buttons{gap:6px}.pool-mode-buttons button{font-size:11px;padding:10px 5px}}
.pool-colour-preview{position:absolute;inset:0;z-index:1;background-repeat:no-repeat;background-size:300% 300%}.pool-colour-preview[data-shape=rectangular]{background-image:url(pool-colours-rectangular.png)}.pool-colour-preview[data-shape=round]{background-image:url(pool-colours-round.png)}.pool-colour-preview[data-colour="0"]{background-position:0 0}.pool-colour-preview[data-colour="1"]{background-position:50% 0}.pool-colour-preview[data-colour="2"]{background-position:100% 0}.pool-colour-preview[data-colour="3"]{background-position:0 50%}.pool-colour-preview[data-colour="4"]{background-position:50% 50%}.pool-colour-preview[data-colour="5"]{background-position:100% 50%}.pool-colour-preview[data-colour="6"]{background-position:0 100%}.pool-colour-preview[data-colour="7"]{background-position:50% 100%}.pool-colour-preview[data-colour="8"]{background-position:100% 100%}.pool-colour-preview[data-shape=round]:is([data-colour="0"],[data-colour="3"],[data-colour="6"]){background-size:278.26% 300%}.pool-colour-preview[data-shape=round]:is([data-colour="1"],[data-colour="4"],[data-colour="7"]){background-size:313.47% 300%;background-position-x:52.77%}.pool-colour-preview[data-shape=round]:is([data-colour="2"],[data-colour="5"],[data-colour="8"]){background-size:310.93% 300%}.fouru-pool-image.has-colour>#poolShapeImage{opacity:0}.fouru-pool-image figcaption{z-index:2}.pool-colour-preview{pointer-events:none}#recordingActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;max-width:230px;width:100%;margin:12px auto;box-sizing:border-box}#fouru .belington-panel #recordingActions button{display:flex;align-items:center;justify-content:center;margin:0;padding:10px 5px;min-width:0;width:100%;min-height:42px;font-size:11px;line-height:1.2;white-space:normal;box-sizing:border-box}.recording-bar .recording-line{min-width:0}.recording-bar #recordingLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-bar #recordingTime{flex-shrink:0}@media(max-width:550px){#recordingActions{grid-template-columns:1fr;gap:6px;max-width:150px}#fouru .belington-panel #recordingActions button{font-size:10px;min-height:36px;padding:8px 5px}}
/* Reserve the same two-line label space for every measurement. */
#fouru .measurement-row label{display:grid;grid-template-rows:2.8em auto;row-gap:5px;align-items:end;align-content:start;line-height:1.3}#fouru .measurement-row label>input{margin-top:0;align-self:start}

.fouru-swatch[data-colour="Clear"] .swatch-chip{background:repeating-linear-gradient(135deg,#fff 0,#fff 8px,#aeb8c1 8px,#aeb8c1 9px)}

.payment-logo{width:100px;height:100px;object-fit:contain}.calc-wrap{max-width:900px;margin:30px auto;padding:20px}

.fouru-pool-image.has-clear>#poolShapeImage{object-fit:contain;background:#e5dfd7}
.contractor-main{max-width:1100px;margin:auto;padding:20px}.customer-welcome{margin:18px 0;padding:18px;background:#fff;border:1px solid #dce2e8;border-radius:12px}.customer-welcome h2{font-size:20px;margin:0 0 8px}.customer-links{display:flex;gap:10px;flex-wrap:wrap}.customer-links button{margin:0!important}.customer-dialog{border:1px solid #dce2e8;border-radius:16px;max-width:650px;width:calc(100% - 24px);max-height:90vh;overflow:auto;padding:24px;color:#172432;box-shadow:0 20px 70px #0003}.customer-dialog::backdrop{background:#17243299}.customer-dialog h2{font-size:23px;margin-top:0}.customer-dialog label{display:block;margin:12px 0;font-size:13px}.customer-dialog input{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:7px;margin-top:5px;font:inherit}.customer-dialog .fouru-check{display:flex;gap:9px;align-items:center}.customer-dialog .fouru-check input{width:auto;margin:0}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.customer-dialog [hidden]{display:none!important}#accept4u{margin:10px 0}@media(max-width:550px){.contractor-main{padding:12px}.customer-fields{grid-template-columns:1fr}.customer-dialog{padding:18px}.customer-links button{flex:1;font-size:12px}}

#fouru .pool-details-header{display:grid;grid-template-columns:auto minmax(0,1fr) 66px;gap:18px;align-items:center}#fouru .pool-details-header>.customer-welcome{border:0;background:none;padding:0;margin:0;text-align:center;min-width:0}#fouru .pool-details-header #customerGreeting{font-size:15px;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}#fouru .pool-details-header .customer-welcome p{font-size:11px;line-height:1.4;margin:0 0 8px}#fouru .pool-details-header .customer-links{justify-content:center;gap:6px}#fouru .pool-details-header .customer-links button{font-size:11px;padding:8px 11px;min-height:34px}#fouru .pool-details-header>img{margin:0}@media(max-width:550px){#fouru .pool-details-header{grid-template-columns:minmax(0,1fr) 50px;gap:10px}#fouru .pool-details-header>h2{grid-column:1;grid-row:1}#fouru .pool-details-header>img{grid-column:2;grid-row:1}#fouru .pool-details-header>.customer-welcome{grid-column:1/-1;grid-row:2;text-align:left}#fouru .pool-details-header .customer-links{justify-content:flex-start}#fouru .pool-details-header .customer-links button{flex:0 1 auto}}

#fouru .pool-details-header #myProformas{display:block;margin:8px auto 0;padding:7px 10px;font-size:11px;min-height:32px}#myProformas:disabled{opacity:.4;cursor:default;box-shadow:none}.customer-proforma-row{border:1px solid #dce2e8;border-radius:9px;padding:13px;margin:10px 0}.customer-proforma-row h3{font-size:14px;margin:0 0 7px}.customer-proforma-row p{font-size:12px;line-height:1.5}.customer-proforma-row .button{font-size:11px;padding:9px 12px}.customer-proforma-row .customer-links{gap:7px}@media(max-width:550px){#fouru .pool-details-header #myProformas{margin-left:0}}

.customer-document-buttons{display:flex;justify-content:center;gap:7px;margin-top:8px;flex-wrap:wrap}#fouru .pool-details-header .customer-document-buttons #myProformas,#fouru .pool-details-header #myInvoices{margin:0;padding:7px 10px;font-size:11px;min-height:32px}#myInvoices:disabled{opacity:.4;cursor:default;box-shadow:none}@media(max-width:550px){.customer-document-buttons{justify-content:flex-start}}