*{box-sizing:border-box}
:root{--orange:#ff982e;--ink:#101010;--muted:#a9a9a9;--paper:#f5f5f3}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.site-header{height:78px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:1px}
.brand-logo{display:block;width:auto;height:44px;max-width:210px;object-fit:contain}
.nav{display:flex;gap:28px}.nav a,footer a{color:#fff;text-decoration:none;font-size:14px}.nav a:hover,footer a:hover{color:var(--orange)}
.menu-button{display:none;background:none;border:0;color:white;font-size:26px}
.hero{background:#111;color:white;min-height:540px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:38px clamp(18px,5vw,76px)}
.hero-art{width:100%;height:430px;object-fit:cover;object-position:center;border-radius:3px;filter:brightness(.84)}
.hero-copy{max-width:520px}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:2px;font-weight:800}
h1{font-size:clamp(42px,5.5vw,76px);line-height:.98;letter-spacing:-2px;margin:18px 0}
h1 span{color:var(--orange)}.hero-copy>p:not(.eyebrow){color:#d0d0d0;font-size:18px;line-height:1.5}
.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--orange);color:#111;border:0;border-radius:4px;padding:16px 20px;font-weight:800;text-decoration:none;cursor:pointer}
.primary-button:hover{background:#ffb05d}.primary-button span{font-size:20px}
.finder{background:#e8e8e4;padding:76px clamp(18px,8vw,120px);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.finder-intro h2,.about h2{font-size:clamp(32px,4vw,52px);margin:10px 0;letter-spacing:-1.5px}
.finder-intro p:last-child,.about p:last-child{color:#555;line-height:1.6}
.car-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.car-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}
.car-form select,.car-form input{width:100%;height:52px;border:1px solid #c7c7c2;border-radius:4px;background:#fff;padding:0 14px;font:inherit;font-size:15px;color:#222}
.car-form button{grid-column:1/-1;min-height:54px}
.form-note,#form-status{grid-column:2;color:#666;font-size:12px;line-height:1.5}
#form-status{font-weight:700;color:#111}
.about{padding:80px clamp(18px,8vw,120px);background:#fff}
.about h2{max-width:700px}
footer{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(18px,5vw,76px);background:#111;color:white;font-weight:800;letter-spacing:1px}
@media(max-width:760px){
 .site-header{height:66px}.brand-logo{height:38px;max-width:180px}.menu-button{display:block}
 .nav{display:none;position:absolute;right:16px;top:60px;background:#222;padding:20px;flex-direction:column;gap:18px;border-radius:5px}
 .nav.open{display:flex}
 .hero{grid-template-columns:1fr;gap:20px;padding:18px}
 .hero-art{height:auto;max-height:390px;object-fit:contain}
 .hero-copy{padding:10px 4px 28px}.hero-copy h1{font-size:clamp(38px,11vw,60px)}
 .finder{grid-template-columns:1fr;padding:52px 20px;gap:24px}
 .car-form{grid-template-columns:1fr}.car-form button{grid-column:auto}
 .form-note,#form-status{grid-column:1}
 .about{padding:54px 20px}
}

/* Bricado USP artwork section */
.usp-image-section{position:relative;width:100%;background:#111;line-height:0;overflow:hidden}
.usp-image-section>img{display:block;width:100%;height:auto}
.usp-find-link{position:absolute;left:50%;bottom:7.5%;transform:translateX(-50%);width:29%;height:10%;display:block;cursor:pointer}
.usp-find-link:focus-visible{outline:3px solid #ff982e;outline-offset:3px}
@media(max-width:760px){.usp-find-link{bottom:7.5%;width:48%;height:10%}}


/* Car-brand selection artwork and transparent brand hotspots */
.brand-showcase{position:relative;width:100%;background:#111;line-height:0;overflow:hidden}
.brand-showcase>img{display:block;width:100%;height:auto}
.brand-hotspots{position:absolute;left:5.3%;top:9.2%;width:40.2%;height:75.5%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));}
.brand-hotspots button{appearance:none;border:0;background:transparent;cursor:pointer;min-width:0;min-height:0;border-radius:3px}
.brand-hotspots button:hover{outline:2px solid rgba(255,152,46,.75);background:rgba(255,152,46,.08)}
.brand-hotspots button:focus-visible{outline:3px solid var(--orange);background:rgba(255,152,46,.12)}
/* Last artwork row contains three brands; only its first three cells are active. */
.brand-hotspots button:nth-last-child(-n+3){grid-row:8}
@media(max-width:760px){
 .brand-hotspots{left:5.3%;top:9.2%;width:40.2%;height:75.5%}
 .brand-hotspots button:hover{outline-width:1px}
}


/* ===== B-TRACK section (added) — dark block between the car brands and the benefits artwork ===== */
.btrack{background:#111;color:#fff;--bt-panel:#1c1c1c;--bt-mute:#b9b9b9;--bt-red:#e8202a;padding:clamp(36px,6vw,72px) 0 clamp(20px,4vw,40px);border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a}
.btrack .bt-wrap{max-width:1040px;margin:0 auto;padding:0 clamp(18px,5vw,40px)}
.btrack h2{margin:0 0 12px;line-height:1.12;letter-spacing:-.5px;font-size:clamp(26px,4.2vw,38px)}
.btrack p{margin:0 0 14px;line-height:1.6}
.btrack .eyebrow{margin:0 0 8px}
.btrack .bt-mute{color:var(--bt-mute)}
.btrack .bt-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,40px);align-items:center;padding-bottom:clamp(28px,5vw,48px)}
.btrack .bt-title{font-size:clamp(44px,8vw,76px);letter-spacing:-2px;line-height:1;margin:0 0 12px}
.btrack .bt-title em{font-style:italic;color:var(--bt-red)}
.btrack .bt-tagline{font-size:clamp(20px,3vw,28px);font-weight:800;line-height:1.2;margin:0 0 14px}
.btrack .bt-car{width:100%;max-height:520px;object-fit:cover;object-position:left;border-radius:6px}
.btrack .bt-tags{color:var(--bt-mute);font-size:13px}
.btrack .bt-count{display:flex;gap:10px;margin:14px 0 22px}
.btrack .bt-count div{background:var(--bt-panel);border:1px solid #2c2c2c;border-radius:6px;padding:10px 14px;min-width:72px;text-align:center}
.btrack .bt-count b{display:block;font-size:28px;line-height:1.1}
.btrack .bt-count span{font-size:12px;color:var(--bt-mute)}
.btrack .bt-live{display:none;background:var(--bt-red);padding:10px 16px;border-radius:6px;font-weight:700;margin:14px 0 22px}
.btrack .bt-sec{border-top:1px solid #2a2a2a;padding:clamp(32px,5vw,52px) 0}
.btrack .bt-pts{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
.btrack .bt-pts li{padding-left:22px;position:relative;line-height:1.55}
.btrack .bt-pts li::before{content:'';position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.btrack .bt-mapcard{margin:22px 0;background:#232323;border:1px solid #333;border-radius:8px;padding:26px 16px 28px;position:relative;text-align:center}
.btrack .bt-compass{position:absolute;right:16px;top:14px;width:20px}
.btrack #bt-mapsvg{width:100%;height:auto;display:block;margin-bottom:18px}
.btrack #bt-trk{fill:none;stroke:#fff;stroke-width:9;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1 1}
.btrack .draw #bt-trk{animation:btdraw 2.8s ease-out both}
@keyframes btdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.btrack #bt-ring{fill:rgba(255,152,46,.13);stroke:var(--orange);stroke-width:3;stroke-dasharray:10 8}
.btrack #bt-ringT{fill:var(--orange);font:700 20px Arial,Helvetica,sans-serif;letter-spacing:.12em;text-anchor:middle}
.btrack figcaption small{display:block;color:var(--bt-mute);letter-spacing:.14em;font-size:12px;text-transform:uppercase}
.btrack figcaption b{display:block;font-size:clamp(22px,5vw,34px);letter-spacing:.06em;margin:4px 0;text-transform:uppercase}
.btrack .bt-ctry{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--bt-mute);font-size:13px;letter-spacing:.14em}
.btrack .bt-ctry i{width:44px;height:1px;background:#777}.btrack .bt-ctry em{font-style:normal;text-transform:uppercase}
.btrack .bt-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.btrack .bt-stats div{background:var(--bt-panel);border:1px solid #2c2c2c;border-radius:6px;padding:14px 16px}
.btrack .bt-stats span{display:block;color:var(--bt-mute);font-size:13px}.btrack .bt-stats b{font-size:24px}.btrack .bt-stats small{color:var(--bt-mute)}
.btrack .bt-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:bts}
.btrack .bt-steps li{counter-increment:bts;background:var(--bt-panel);border:1px solid #2c2c2c;border-radius:6px;padding:16px 18px 16px 62px;position:relative;line-height:1.5}
.btrack .bt-steps li::before{content:counter(bts);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--orange);color:#111;font-weight:800;display:grid;place-items:center}
.btrack .bt-gift{background:linear-gradient(135deg,#2a1a0c,#1c1c1c);border:1px solid #4a3017;border-radius:8px;padding:28px 22px;text-align:center}
.btrack a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:760px){.btrack .bt-hero{grid-template-columns:1fr}.btrack .bt-car{max-height:420px}}
@media(prefers-reduced-motion:reduce){.btrack .draw #bt-trk{animation:none}}

/* ===== Customer reviews slider (added) — centre review pops, neighbours are dimmed ===== */
.reviews{background:#191919;color:#fff;padding:clamp(40px,6vw,76px) 0 clamp(36px,5vw,60px);overflow:hidden;border-bottom:1px solid #2a2a2a}
.reviews .rv-head{max-width:900px;margin:0 auto;padding:0 clamp(18px,5vw,40px);text-align:center}
.reviews .rv-head h2{margin:8px 0 0;font-size:clamp(28px,4.6vw,48px);line-height:1.1;letter-spacing:-1px}
.reviews .rv-stage{--cw:min(400px,84vw);--gap:24px;position:relative;height:clamp(320px,32vw,330px);margin-top:clamp(26px,4vw,44px);outline-offset:-4px}
.reviews .rv-card{position:absolute;left:50%;top:50%;width:var(--cw);height:100%;transform:translate(calc(-50% + var(--d) * (var(--cw) + var(--gap))),-50%) scale(.9);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease,background-color .45s ease,color .45s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px clamp(18px,2vw,26px);border-radius:8px;background:#2b2b2b;color:#8d8d8d;cursor:pointer;user-select:none}
.reviews .rv-card.is-active{transform:translate(-50%,-50%) scale(1);background:#fff;color:#111;cursor:default;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.reviews .rv-card.is-far{opacity:0;pointer-events:none}
.reviews .rv-quote{margin:0;font-size:clamp(16px,1.6vw,18px);font-weight:700;line-height:1.45;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.reviews .rv-stars{display:flex;gap:4px;margin:20px 0 10px}
.reviews .rv-stars i{width:24px;height:24px;display:block}.reviews .rv-stars svg{width:100%;height:100%;fill:#4a4a4a}
.reviews .rv-stars i.on svg{fill:#555}
.reviews .rv-card.is-active .rv-stars i.on svg{fill:var(--orange)}
.reviews .rv-by{margin:0;font-size:14px;color:inherit}
.reviews .rv-sample{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.12em;padding:3px 7px;border-radius:3px;background:rgba(255,152,46,.16);color:var(--orange)}
.reviews .rv-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:clamp(22px,3vw,34px)}
.reviews .rv-btn{width:46px;height:46px;border-radius:8px;border:1px solid #fff;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.reviews .rv-btn:hover{border-color:var(--orange);color:var(--orange)}
.reviews .rv-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reviews .rv-dots{display:flex;gap:12px}
.reviews .rv-dots button{width:12px;height:12px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}
.reviews .rv-dots button.on{background:var(--orange);border-color:var(--orange)}
.reviews button:focus-visible,.reviews .rv-stage:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.reviews .rv-card{transition:none}}
.reviews .rv-by-nostars{margin-top:18px;font-weight:700}

/* ===== Product: night rain + upright 3D box, blade pops out (added) ===== */
.product{position:relative;background:#0d0d0d;color:#fff;padding:clamp(40px,6vw,80px) 0 clamp(36px,5vw,64px);border-top:1px solid #2a2a2a;overflow:hidden;isolation:isolate}
.product::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 52% at 78% -4%,rgba(255,176,60,.17),transparent 70%),radial-gradient(ellipse 30% 38% at 16% 4%,rgba(255,176,60,.08),transparent 70%)}
.product .pd-rain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.product .pd-head{max-width:820px;margin:0 auto;padding:0 clamp(18px,5vw,40px);text-align:center}
.product .pd-head h2{margin:8px 0 10px;font-size:clamp(28px,4.6vw,48px);line-height:1.1;letter-spacing:-1px}
.product .pd-sub{margin:0;color:#b9b9b9}
.product .pd-stage{--u:min(1px,calc(100vh/1040));position:relative;z-index:2;height:calc(1050*var(--u));margin:calc(36*var(--u)) auto 0;display:flex;align-items:flex-end;justify-content:center;perspective:calc(1300*var(--u))}
.product .pd-floor{position:absolute;left:50%;bottom:calc(14*var(--u));width:calc(240*var(--u));height:calc(40*var(--u));transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,176,60,.16),rgba(0,0,0,.6) 55%,transparent);filter:blur(3px)}
.product .pd-btn{all:unset;cursor:pointer;display:block;margin-bottom:calc(40*var(--u));-webkit-tap-highlight-color:transparent}
.product .pd-btn:focus-visible{outline:3px solid var(--orange);outline-offset:14px;border-radius:8px}
.product .pd-obj{--w:calc(82*var(--u));--h:calc(497*var(--u));--d:calc(36*var(--u));--ry:-30deg;--rx:-8deg;--z:1;position:relative;display:block;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--z));transform-origin:50% 53%;transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.product .pd-face{position:absolute;display:block;backface-visibility:hidden;box-sizing:border-box;overflow:hidden}
.product .pd-front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d)/2));background:#ddd}
.product .pd-front img{display:block;width:100%;height:100%}
.product .pd-back{width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d)/2));background:#d9d9d7}
.product .pd-right,.product .pd-left{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);background:linear-gradient(#1b1b1b 0 14%,#cfcfcd 14% 94%,#f08a1e 94%)}
.product .pd-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2));filter:brightness(.82)}
.product .pd-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}
.product .pd-top{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);background:#f08a1e;transform:rotateX(90deg) translateZ(calc(var(--h)/2));display:flex;align-items:center;justify-content:center}
.product .pd-top i{display:block;width:calc(30*var(--u));height:calc(8*var(--u));background:#2a1500;border-radius:3px}
.product .pd-clip{position:absolute;display:block;left:calc(-60*var(--u));width:calc(280*var(--u));top:calc(-640*var(--u));height:calc(640*var(--u));overflow:hidden;pointer-events:none}
.product .pd-blade{--len:calc(436*var(--u));position:absolute;display:block;width:calc(132*var(--u));height:var(--len);left:calc(var(--w)/2 - 32.6*var(--u) + 60*var(--u));top:calc(640*var(--u) + var(--h) - var(--len) - 24*var(--u));transform:translateY(0);transition:transform 1.3s cubic-bezier(.25,1.1,.35,1);filter:drop-shadow(0 0 12px rgba(255,152,46,.28))}
.product .pd-blade img{display:block;width:100%;height:100%}
.product .is-open .pd-obj{--z:1.3}
.product .is-open .pd-blade{transform:translateY(calc(-364*var(--u)))}
.product .pd-specs{max-width:1040px;margin:clamp(60px,8vw,100px) auto 0;padding:0 clamp(18px,5vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.product .pd-spec{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:8px;padding:24px;opacity:0;transform:translateY(34px) scale(.97);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.product .pd-spec.in{opacity:1;transform:none}
.product .pd-spec svg{width:30px;height:30px;stroke:var(--orange);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:14px}
.product .pd-spec h3{margin:0 0 8px;font-size:19px;letter-spacing:-.2px}
.product .pd-spec p{margin:0;color:#b9b9b9;line-height:1.6;font-size:15px}
.product .pd-spec-cta{background:linear-gradient(135deg,#2a1a0c,#1c1c1c);border-color:#4a3017}
.product .pd-spec-cta .primary-button{margin-top:18px}
@media(prefers-reduced-motion:reduce){.product .pd-spec{opacity:1;transform:none;transition:none}.product .pd-blade,.product .pd-obj{transition:none}}

/* About Bricado (dark, matches the site theme) */
.about{background:#111;color:#fff;border-top:1px solid #2a2a2a;padding:clamp(56px,8vw,110px) clamp(18px,8vw,120px)}
.about .about-inner{max-width:860px;margin:0 auto;padding-left:clamp(18px,3vw,34px);border-left:4px solid var(--orange)}
.about h2{color:#fff;margin:10px 0 22px}
.about .about-lead{color:#fff;font-size:clamp(19px,2.3vw,26px);line-height:1.45;font-weight:700;margin:0 0 20px}
.about .about-inner p.about-body{color:#cfcfcf;font-size:clamp(16px,1.6vw,18px);line-height:1.75;margin:0}

/* About Wiper Blade history page (shown only when the menu link is opened) */
.history{display:none;background:#111;color:#fff;padding:clamp(40px,6vw,80px) clamp(18px,6vw,80px) clamp(56px,8vw,110px);min-height:70vh}
body.view-history main>section:not(.history){display:none}
body.view-history .history{display:block}
.history .wh-wrap{max-width:820px;margin:0 auto}
.history .wh-back{display:inline-block;color:#b9b9b9;text-decoration:none;font-size:14px;margin-bottom:26px}.history .wh-back:hover{color:var(--orange)}
.history h1{font-size:clamp(34px,6vw,64px);margin:10px 0 18px}
.history .wh-lead{color:#cfcfcf;font-size:clamp(17px,2vw,20px);line-height:1.6;margin:0 0 30px}
.history .wh-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:46px}
.history .wh-facts div{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:8px;padding:18px 14px;text-align:center}
.history .wh-facts b{display:block;color:var(--orange);font-size:clamp(17px,2.4vw,24px);margin-bottom:6px}
.history .wh-facts span{color:#b9b9b9;font-size:13px}
.history .wh-timeline{list-style:none;margin:0 0 56px;padding:0 0 0 26px;border-left:2px solid #3a3a3a}
.history .wh-timeline li{position:relative;padding:0 0 30px 14px}
.history .wh-timeline li::before{content:"";position:absolute;left:-35px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #111}
.history .wh-timeline time{color:var(--orange);font-weight:800;letter-spacing:1px;font-size:14px}
.history .wh-timeline h3{margin:4px 0 8px;font-size:clamp(20px,2.4vw,24px)}
.history .wh-timeline p{margin:0;color:#c4c4c4;line-height:1.7;font-size:16px}
.history .wh-thanks{background:linear-gradient(135deg,#2a1a0c,#1c1c1c);border:1px solid #4a3017;border-radius:10px;padding:clamp(24px,4vw,40px)}
.history .wh-thanks h2{margin:8px 0 14px;font-size:clamp(28px,4vw,40px);letter-spacing:-1px}
.history .wh-thanks p:not(.eyebrow){color:#d8d8d8;line-height:1.75;font-size:17px;margin:0 0 22px}
.history .wh-src{margin:28px 0 0;color:#8a8a8a;font-size:13px}.history .wh-src a{color:#b9b9b9}
@media(max-width:620px){.history .wh-facts{grid-template-columns:1fr}}

.history .wh-hero{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:clamp(20px,4vw,48px);align-items:center;margin-bottom:34px}
.history .wh-hero .wh-lead{margin-bottom:0}
.history .wh-photo{margin:0}
.history .wh-photo{position:relative}
.history .wh-photo::before{content:"";position:absolute;inset:6% -8% 4%;background:radial-gradient(closest-side,rgba(255,152,46,.22),transparent 72%);z-index:0}
.history .wh-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;border-bottom:3px solid var(--orange)}
.history .wh-photo figcaption{position:relative;z-index:1;margin-top:10px;text-align:center;color:#b9b9b9;font-size:13px;letter-spacing:.5px}
@media(max-width:700px){.history .wh-hero{grid-template-columns:1fr}.history .wh-photo{max-width:300px;margin:0 auto;order:-1}}

/* Closing section + footer */
.closing{position:relative;background:#0d0d0d;color:#fff;border-top:1px solid #2a2a2a;padding:clamp(56px,8vw,110px) clamp(18px,6vw,80px);overflow:hidden;isolation:isolate}
.closing::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(255,152,46,.16),transparent 70%)}
.closing .cl-wrap{max-width:980px;margin:0 auto;text-align:center}
.closing .cl-titlebox{position:relative;display:inline-block;margin:8px 0 18px}
.closing .cl-title{margin:0;font-size:clamp(38px,7vw,84px);line-height:1;letter-spacing:-2px}
.closing .cl-title span{color:var(--orange)}
.closing .cl-blur{filter:blur(7px);opacity:.75}
.closing .cl-sharp{position:absolute;inset:0;--p:100%;-webkit-mask-image:linear-gradient(90deg,#000 var(--p),transparent calc(var(--p) + 9%));mask-image:linear-gradient(90deg,#000 var(--p),transparent calc(var(--p) + 9%))}
.closing .cl-sweep{position:absolute;top:-8%;bottom:-8%;left:var(--p,100%);width:4px;margin-left:-2px;background:var(--orange);border-radius:3px;box-shadow:0 0 18px rgba(255,152,46,.7);opacity:0;pointer-events:none}
.closing .cl-titlebox.is-wiping .cl-sweep{opacity:1}
.closing .cl-sub{max-width:600px;margin:0 auto 28px;color:#cfcfcf;font-size:clamp(16px,1.9vw,19px);line-height:1.6}
.closing .cl-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:46px}
.closing .cl-wa{display:inline-flex;align-items:center;gap:10px;padding:16px 20px;border:1px solid #4a4a4a;border-radius:4px;color:#fff;text-decoration:none;font-weight:800}
.closing .cl-wa:hover{border-color:var(--orange);color:var(--orange)}
.closing .cl-wa svg,.site-footer .ft-col svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.closing .cl-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}
.closing .cl-steps li{background:#1a1a1a;border:1px solid #2c2c2c;border-radius:8px;padding:22px}
.closing .cl-steps b{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#111;align-items:center;justify-content:center;margin-bottom:12px}
.closing .cl-steps h3{margin:0 0 6px;font-size:18px}.closing .cl-steps p{margin:0;color:#b9b9b9;font-size:15px;line-height:1.55}
.closing .cl-bt{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2a1a0c,#1c1c1c);border:1px solid #4a3017;border-radius:10px;padding:22px 26px;transition:border-color .3s}
.closing .cl-bt:hover{border-color:var(--orange)}
.closing .cl-bt em{display:block;font-style:normal;color:var(--orange);font-size:12px;letter-spacing:2px;font-weight:800;margin-bottom:6px}
.closing .cl-bt strong{font-size:clamp(18px,2.4vw,24px)}
.closing .cl-bt i{font-style:normal;color:var(--orange);font-size:28px}
footer.site-footer{display:block;background:#0a0a0a;color:#fff;border-top:1px solid #2a2a2a;padding:clamp(40px,6vw,70px) clamp(18px,6vw,80px) 24px;font-weight:400;letter-spacing:0}
.site-footer .ft-top{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.site-footer .ft-brand img{height:42px;width:auto;display:block;margin-bottom:16px}
.site-footer .ft-brand p{margin:0 0 8px;font-weight:800;font-size:18px}.site-footer .ft-brand .ft-small{font-weight:400;font-size:14px;color:#9a9a9a;line-height:1.6;max-width:300px}
.site-footer .ft-col{display:flex;flex-direction:column;gap:12px}
.site-footer .ft-col h3{margin:0 0 6px;font-size:13px;letter-spacing:2px;color:var(--orange);text-transform:uppercase}
.site-footer .ft-col a{display:inline-flex;align-items:center;gap:10px;color:#d6d6d6;text-decoration:none;font-size:15px}
.site-footer .ft-col a:hover{color:var(--orange)}
.site-footer .ft-bottom{max-width:1100px;margin:40px auto 0;padding-top:20px;border-top:1px solid #222;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8a8a8a;font-size:13px;font-weight:400}
.site-footer .ft-bottom a{color:#b9b9b9;text-decoration:none;font-size:13px}.site-footer .ft-bottom a:hover{color:var(--orange)}
@media(max-width:760px){.closing .cl-steps{grid-template-columns:1fr}.site-footer .ft-top{grid-template-columns:1fr 1fr}.site-footer .ft-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.closing .cl-sharp{--p:100%}.closing .cl-sweep{display:none}}
.closing .cl-blur{transition:opacity .5s}.closing .cl-titlebox.is-clear .cl-blur{opacity:0}
.product .pd-spec-cta{grid-column:1/-1}

/* Address field in the car form */
.car-form label.full{grid-column:1/-1}
.car-form textarea{width:100%;border:1px solid #c7c7c2;border-radius:4px;background:#fff;padding:14px;font:inherit;font-size:15px;color:#222;resize:vertical;min-height:84px}

/* Official Bricado logo (white-text version for dark backgrounds) */
.brand-logo{height:50px;max-width:230px}
.site-footer .ft-brand img{height:58px}
@media(max-width:760px){.brand-logo{height:44px;max-width:200px}}
.history h2#wh-title{font-size:clamp(34px,6vw,64px);margin:10px 0 18px;line-height:.98;letter-spacing:-2px}