/*! DKBuys: interactions that work without JavaScript, plus WordPress-specific layout. */

/* Visually hidden form controls that drive CSS-only interactions */
.vh{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed!important;left:16px;top:16px;width:auto;height:auto;clip:auto;z-index:200;padding:12px 18px;border-radius:12px;background:#1B1613;color:#fff;font-weight:700}
a.btn{text-decoration:none}
:focus-visible{outline:2px solid #BB2030;outline-offset:3px}

/* ---------- Car-type slider: radio-driven tabs ---------- */
.slx .sl-pane{display:none!important}
.slx .stab{cursor:pointer;user-select:none}
.slx .sl-nav label{cursor:pointer}
#ct-0:checked~.sl .sl-pane[data-i="0"],#ct-1:checked~.sl .sl-pane[data-i="1"],#ct-2:checked~.sl .sl-pane[data-i="2"],#ct-3:checked~.sl .sl-pane[data-i="3"],#ct-4:checked~.sl .sl-pane[data-i="4"],#ct-5:checked~.sl .sl-pane[data-i="5"]{display:flex!important}
#ct-0:checked~.sl .sl-img[data-i="0"],#ct-1:checked~.sl .sl-img[data-i="1"],#ct-2:checked~.sl .sl-img[data-i="2"],#ct-3:checked~.sl .sl-img[data-i="3"],#ct-4:checked~.sl .sl-img[data-i="4"],#ct-5:checked~.sl .sl-img[data-i="5"]{opacity:1;transform:none}
#ct-0:checked~.sl-tabs label[for="ct-0"],#ct-1:checked~.sl-tabs label[for="ct-1"],#ct-2:checked~.sl-tabs label[for="ct-2"],#ct-3:checked~.sl-tabs label[for="ct-3"],#ct-4:checked~.sl-tabs label[for="ct-4"],#ct-5:checked~.sl-tabs label[for="ct-5"]{color:#1B1613}
#ct-0:checked~.sl-tabs label[for="ct-0"] .stab-n,#ct-1:checked~.sl-tabs label[for="ct-1"] .stab-n,#ct-2:checked~.sl-tabs label[for="ct-2"] .stab-n,#ct-3:checked~.sl-tabs label[for="ct-3"] .stab-n,#ct-4:checked~.sl-tabs label[for="ct-4"] .stab-n,#ct-5:checked~.sl-tabs label[for="ct-5"] .stab-n{color:#BB2030}
#ct-0:checked~.sl-tabs label[for="ct-0"]:after,#ct-1:checked~.sl-tabs label[for="ct-1"]:after,#ct-2:checked~.sl-tabs label[for="ct-2"]:after,#ct-3:checked~.sl-tabs label[for="ct-3"]:after,#ct-4:checked~.sl-tabs label[for="ct-4"]:after,#ct-5:checked~.sl-tabs label[for="ct-5"]:after{transform:scaleX(1)}
#ct-0:focus-visible~.sl-tabs label[for="ct-0"],#ct-1:focus-visible~.sl-tabs label[for="ct-1"],#ct-2:focus-visible~.sl-tabs label[for="ct-2"],#ct-3:focus-visible~.sl-tabs label[for="ct-3"],#ct-4:focus-visible~.sl-tabs label[for="ct-4"],#ct-5:focus-visible~.sl-tabs label[for="ct-5"]{outline:2px solid #BB2030;outline-offset:6px;border-radius:4px}
.sl-panes{display:flex;flex-direction:column;min-width:0}
.sl-panes .sl-pane{flex:1}

/* ---------- Calculator: form fallback ---------- */
.eq-out{font-family:'Bricolage Grotesque',sans-serif}
.eq-update{display:none}
.no-js .eq-update{display:inline-flex}
.chq-stamp[hidden]{display:none}

/* ---------- Gallery: radio filters + target lightbox ---------- */
.gr-filters label.mgf{user-select:none}
#gf-SUV:checked~.gr-rail .gr-card:not([data-cat="SUV"]),#gf-Truck:checked~.gr-rail .gr-card:not([data-cat="Truck"]),#gf-Luxury:checked~.gr-rail .gr-card:not([data-cat="Luxury"]),#gf-Sedan:checked~.gr-rail .gr-card:not([data-cat="Sedan"]){display:none}
#gf-all:checked~.wrap label[for="gf-all"],#gf-SUV:checked~.wrap label[for="gf-SUV"],#gf-Truck:checked~.wrap label[for="gf-Truck"],#gf-Luxury:checked~.wrap label[for="gf-Luxury"],#gf-Sedan:checked~.wrap label[for="gf-Sedan"]{background:#1B1613;border-color:#1B1613;color:#fff;box-shadow:none}
#gf-all:checked~.wrap label[for="gf-all"] .mgf-c,#gf-SUV:checked~.wrap label[for="gf-SUV"] .mgf-c,#gf-Truck:checked~.wrap label[for="gf-Truck"] .mgf-c,#gf-Luxury:checked~.wrap label[for="gf-Luxury"] .mgf-c,#gf-Sedan:checked~.wrap label[for="gf-Sedan"] .mgf-c{color:rgba(255,255,255,.6)}
#gf-all:focus-visible~.wrap label[for="gf-all"],#gf-SUV:focus-visible~.wrap label[for="gf-SUV"],#gf-Truck:focus-visible~.wrap label[for="gf-Truck"],#gf-Luxury:focus-visible~.wrap label[for="gf-Luxury"],#gf-Sedan:focus-visible~.wrap label[for="gf-Sedan"]{outline:2px solid #BB2030;outline-offset:3px}
a.gr-card{display:block;color:#fff}
.lb-t{display:none}
.lb-t:target,.lb-t.is-open{display:flex}
.js .lb-t:target:not(.is-open){display:none}
a.lb-bg{display:block}
a.lb-x,.lb-bar a.ti-nav{text-decoration:none}
.no-js .gr-arrows{display:none}

/* ---------- Reviews: CSS read-more ---------- */
.rv-more:checked~.ti-txt{-webkit-line-clamp:unset;display:block}
.ti-more .m2,.rv-more:checked~.ti-more .m1{display:none}
.rv-more:checked~.ti-more .m2{display:inline}
.rv-more:focus-visible~.ti-more{outline:2px solid #BB2030;outline-offset:3px}
.no-js .ti-track{scrollbar-width:thin}
.no-js .ti-sum .ti-nav{display:none}

/* ---------- Checklist: state without JavaScript ---------- */
.ckp-row:has(input:checked) .ckp-box{border-color:#BB2030}
.ckp-row:has(input:checked) .ckp-box svg{stroke-dashoffset:0}
.ckp-row:has(input:checked) .ckp-n{color:#BB2030}
.ckp-stamp{display:none}
.ckp-doc:not(:has(input:not(:checked))) .ckp-stamp,.ckp-stamp.is-on{display:block}

/* ---------- FAQ: native details/summary ---------- */
.faq summary{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;cursor:pointer;text-align:left;color:#1B1613;font-size:clamp(17px,1.5vw,20px);font-weight:600;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.01em;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq[open] .pm{transform:rotate(45deg);background:#BB2030;color:#fff;border-color:#BB2030}

/* ---------- Offer panel (shown until the ClearCar store ID is set) ---------- */
.offer-panel{position:relative;z-index:1;width:470px;max-width:100%;border-radius:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid #DAD9D4;box-shadow:0 40px 80px -40px rgba(27,22,19,.35);padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;gap:18px;scroll-margin-top:110px}
.offer-panel .op-k{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#BB2030}
.offer-panel h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:32px;font-weight:700;line-height:1.05;letter-spacing:-.03em;color:#1B1613}
.offer-panel p{font-size:16px;line-height:1.6;color:#55524D}
.offer-panel .op-phone{font-family:'Bricolage Grotesque',sans-serif;font-size:34px;font-weight:800;letter-spacing:-.03em;color:#1B1613;line-height:1}
.offer-panel .op-phone:hover{color:#BB2030}
.offer-panel .op-list{list-style:none;margin:4px 0 0;padding:16px 0 0;border-top:1px solid #DAD9D4;display:flex;flex-direction:column;gap:10px}
.offer-panel .op-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:#1B1613}
.offer-panel .op-list svg{color:#BB2030}
.offer-panel .btn{align-self:flex-start}
.cc-slot{position:relative;z-index:1;scroll-margin-top:110px}
.cc-slot #drvtrd-container{min-height:640px}
.is-flash{animation:opFlash 1.2s ease}
@keyframes opFlash{0%,100%{box-shadow:0 40px 80px -40px rgba(27,22,19,.35)}30%{box-shadow:0 0 0 4px rgba(187,32,48,.35),0 40px 80px -40px rgba(27,22,19,.35)}}
@media (max-width:1100px){.offer-panel{justify-self:center}}

/* ---------- Simple pages (privacy policy etc.) ---------- */
.page-plain{padding:clamp(56px,7vw,120px) 0}
.page-plain .entry{max-width:760px;font-size:17px;line-height:1.7;color:#2B2B2B}
.page-plain h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(36px,4vw,56px);letter-spacing:-.03em;line-height:1.05;margin:0 0 28px;color:#1B1613}
.page-plain .entry a{color:#BB2030;text-decoration:underline}
section[id],#offer{scroll-margin-top:96px}

/* ---------- Review fixes ---------- */
/* Hidden radios stay inside the viewport, so focusing them via a label never scrolls the page */
.vh.ct-r,.vh.gf-r{position:fixed!important;top:50%;left:0}
/* Until the ClearCar widget renders, its slot shows the call panel */
.cc-slot #drvtrd-container:empty{min-height:0}
.cc-slot:has(#drvtrd-container > *) .cc-fallback{display:none}
.cc-slot #drvtrd-container{min-height:0}
.cc-slot #drvtrd-container:not(:empty){min-height:640px}
/* No-JS lightbox: static prev/next cannot follow a filter, so hide them while filtered */
.no-js #gf-SUV:checked~.lb-t .lb-bar .ti-nav,.no-js #gf-Truck:checked~.lb-t .lb-bar .ti-nav,.no-js #gf-Luxury:checked~.lb-t .lb-bar .ti-nav,.no-js #gf-Sedan:checked~.lb-t .lb-bar .ti-nav,.no-js #gf-SUV:checked~.lb-t .lb-count i,.no-js #gf-Truck:checked~.lb-t .lb-count i,.no-js #gf-Luxury:checked~.lb-t .lb-count i,.no-js #gf-Sedan:checked~.lb-t .lb-count i{display:none}
/* No-JS checklist counter and progress, from :has() */
.no-js .ckp-big{font-size:0!important}
.no-js .ckp-big::after{content:"0";font-size:clamp(110px,10vw,180px)}
.no-js .ckp:has(.ckp-row:has(input:checked)) .ckp-big::after{content:"1"}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) .ckp-big::after{content:"2"}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) .ckp-big::after{content:"3"}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) .ckp-big::after{content:"4"}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) .ckp-big::after{content:"5"}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) .ckp-big::after{content:"6"}
.no-js .ckp:has(.ckp-row:has(input:checked)) [data-out="donebar"]{width:17%!important}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) [data-out="donebar"]{width:33%!important}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) [data-out="donebar"]{width:50%!important}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) [data-out="donebar"]{width:67%!important}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) [data-out="donebar"]{width:83%!important}
.no-js .ckp:has(.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)~.ckp-row:has(input:checked)) [data-out="donebar"]{width:100%!important}
/* Focus rings that stay visible on red and dark surfaces */
.btn-white:focus-visible,footer :focus-visible,.mbar :focus-visible{outline-color:#fff}
/* Keep focused elements clear of the sticky header and the mobile bottom bar */
html{scroll-padding-top:96px}
section[id],#offer{scroll-margin-top:0}
.offer-panel,.cc-slot{scroll-margin-top:14px}
@media (max-width:640px){html{scroll-padding-bottom:100px}}
/* Respect reduced motion everywhere */
@media (prefers-reduced-motion: reduce){html,.gr-rail,.ti-track{scroll-behavior:auto!important}.vz-open i,.hb-col,.lb,.lb-box,.sl-title,.sl-text,.faq .ans,.is-flash{animation:none!important}}

/* Car Offer Form in the hero */
.hero-form{position:relative;z-index:1;width:100%;max-width:520px;justify-self:end;scroll-margin-top:14px}
@media (max-width:1100px){.hero-form{justify-self:center}}
/* Trustindex widget, restyled to match the DKBuys review cards */
.dk-ti .ti-widget{font-family:Figtree,system-ui,sans-serif!important}
.dk-ti .ti-widget .ti-review-item>.ti-inner{background-color:#fff!important;border:1px solid rgba(27,22,19,.08)!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(27,22,19,.04),0 12px 32px -18px rgba(27,22,19,.25)!important}
.dk-ti .ti-widget .ti-name,.dk-ti .ti-widget .ti-rating-text strong{color:#1B1613!important;font-weight:700!important}
.dk-ti .ti-widget .ti-review-content,.dk-ti .ti-widget .ti-review-text-container{color:#3C3C3C!important;font-size:15px!important;line-height:1.6!important}
.dk-ti .ti-widget .ti-rating-text,.dk-ti .ti-widget .ti-footer{font-family:"Bricolage Grotesque",Figtree,sans-serif!important}
.dk-ti .ti-widget .ti-controls .ti-next,.dk-ti .ti-widget .ti-controls .ti-prev{border-radius:999px!important}
.dk-ti .ti-widget .ti-read-more span{color:#BB2030!important}
.dk-ti .ti-widget .ti-rating-text{font-family:"Bricolage Grotesque",sans-serif!important;font-weight:800!important;font-size:26px!important;letter-spacing:.01em!important;color:#1B1613!important}
.dk-ti .ti-widget .ti-review-item>.ti-inner{padding:22px 22px 24px!important}
.dk-ti .ti-widget .ti-review-header .ti-name{font-size:15px!important}
.dk-ti .ti-widget .ti-controls .ti-next,.dk-ti .ti-widget .ti-controls .ti-prev{background:#fff!important;width:40px!important;height:40px!important;box-shadow:0 4px 14px -6px rgba(27,22,19,.3)!important;border:1px solid rgba(27,22,19,.1)!important}
.dk-ti .ti-widget .ti-controls-line .dot{background:#BB2030!important}
/* DKBuys summary column inside the Trustindex widget */
#reviews .dk-ti .dk-ti-sum{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-family:Figtree,sans-serif}
.dk-ti .dk-ti-sum .ti-excellent{margin:0;font-family:"Bricolage Grotesque",sans-serif!important;font-weight:800!important;font-size:26px!important;letter-spacing:.02em;color:#1B1613!important;line-height:1.1}
.dk-ti .dk-ti-sum p{margin:0;line-height:1.4}
.dk-ti .dk-ti-nav{display:flex;gap:8px;margin-top:4px}
.dk-ti .dk-ti-sum a.ti-write{display:inline-flex!important;align-items:center;gap:8px;margin-top:4px;text-decoration:none!important;color:#1B1613!important;font-weight:600;font-size:13.5px}
.dk-ti .ti-widget .ti-reviews-container>.ti-controls{display:none!important}
.no-js .dk-ti .dk-ti-nav{display:none}
/* Re-assert DKBuys summary styles over the plugin's resets */
#reviews .dk-ti .dk-ti-sum{gap:14px!important;padding:0 8px!important;white-space:normal!important}
#reviews .dk-ti .dk-ti-sum>*{margin:0!important}
#reviews .dk-ti .dk-ti-sum .tps{display:inline-flex!important;gap:4px!important}
#reviews .dk-ti .dk-ti-sum .tp{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:7px!important;background:linear-gradient(180deg,#FFB534,#F29A11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(242,154,17,.6)!important}
#reviews .dk-ti .dk-ti-sum .tp-h{background:linear-gradient(90deg,#F7A823 0 50%,#D9D8D3 50% 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -4px rgba(27,22,19,.25)!important}
#reviews .dk-ti .dk-ti-sum .tp svg{width:22px!important;height:22px!important;display:block!important}
#reviews .dk-ti .dk-ti-sum p:not(.ti-excellent){font-family:Figtree,sans-serif!important;font-size:14.5px!important;color:#3C3C3C!important}
#reviews .dk-ti .dk-ti-sum .gword,#reviews .dk-ti .dk-ti-sum .gword span{font-family:Figtree,sans-serif!important;font-weight:600!important;font-size:30px!important;letter-spacing:-.02em!important;line-height:1!important}
#reviews .dk-ti .dk-ti-sum .dk-ti-nav{display:flex!important;gap:10px!important}
#reviews .dk-ti .dk-ti-sum .ti-nav{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;border:1px solid #DAD9D4!important;background:#fff!important;color:#1B1613!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 2px 6px -3px rgba(27,22,19,.2)!important;transition:background .2s,color .2s,border-color .2s!important}
#reviews .dk-ti .dk-ti-sum .ti-nav:hover,#reviews .dk-ti .dk-ti-sum .ti-nav:focus-visible{background:#1B1613!important;color:#fff!important;border-color:#1B1613!important}
#reviews .dk-ti .dk-ti-sum a.ti-write{min-height:42px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid #DAD9D4!important;background:#fff!important;gap:8px!important;font-family:Figtree,sans-serif!important;font-size:14px!important;transition:border-color .2s!important}
#reviews .dk-ti .dk-ti-sum a.ti-write:hover{border-color:#1B1613!important}
#reviews .dk-ti .dk-ti-sum .ti-excellent{font-family:"Bricolage Grotesque",sans-serif!important;font-weight:800!important;font-size:26px!important;letter-spacing:.02em!important;color:#1B1613!important;line-height:1.1!important}
#reviews .dk-ti .dk-ti-sum .tp svg{fill:#fff!important}
#reviews .dk-ti .ti-widget-container{align-items:center!important}
#reviews .dk-ti .dk-ti-sum{margin-top:0!important;padding-top:0!important;align-self:center!important}
#reviews .dk-ti .dk-ti-sum .tps{gap:5px!important;margin:2px 0!important}
#reviews .dk-ti .dk-ti-sum .tp{margin:0!important;flex:0 0 32px!important}
/* Mobile hero: a clear photo band on top that fades into the headline */
@media (max-width:700px){
#top{padding-top:236px!important}
.hb-grid{top:-70px;right:auto;left:-14%;width:128%;height:360px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;opacity:1;transform:rotate(-7deg)}
.hb-col{gap:10px}
.hb-col:nth-child(5){display:none}
.hb-col img{border-radius:14px}
.hb-scrim{background:linear-gradient(180deg,rgba(243,244,246,0) 0,rgba(243,244,246,0) 120px,rgba(243,244,246,.7) 200px,#F3F4F6 250px)}
}
/* Promise cards: no hover card on touch / phone widths (taps made it stick and misalign) */
@media (hover:none),(max-width:700px){
.pr-cell:hover:after{opacity:0!important;transform:scale(.94)!important}
.pr-cell:hover:before{color:#DFDEDA!important;transform:none!important}
.pr-cell:hover .ico{background:#1B1613!important;transform:none!important}
}
@media (max-width:700px){
.pr-grid{margin-top:32px!important}
.pr-cell:first-child{padding-top:12px!important}
}
/* Mobile rhythm: tighter, consistent section spacing */
@media (max-width:700px){
#top{padding-bottom:44px!important}
main>section.sec{padding-top:56px!important;padding-bottom:56px!important}
main>section.sec[style*="padding-top: 0"]{padding-top:0!important}
main>section.sec[style*="padding-top: 48px"]{padding-top:32px!important}
main .lx-head{margin-bottom:36px!important}
main .sec .wrap>div[style*="margin: 0 auto 56px"]{margin-bottom:32px!important}
}
/* Comparison: vertical cards on phones only */
.cxm{display:none}
@media (max-width:700px){
.cx{display:none!important}
.cxm{display:flex;flex-direction:column;gap:12px}
.cxm-card{background:#fff;border-radius:22px;padding:18px 18px 16px;box-shadow:0 1px 2px rgba(27,22,19,.04),0 18px 36px -26px rgba(27,22,19,.35)}
.cxm-q{display:flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:#1B1613}
.cxm-n{font-size:12px;font-weight:700;letter-spacing:.06em;color:#B2AFA8}
.cxm-lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A867F;margin-bottom:4px}
.cxm-dk{margin-top:14px;padding:12px 14px;border-radius:14px;background:#BB2030;color:#fff}
.cxm-dk .cxm-lbl{color:rgba(255,255,255,.75)}
.cxm-ans{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}
.cxm-dk .cx-ok{background:#fff!important;color:#BB2030!important;flex:0 0 auto}
.cxm-others{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #DAD9D4}
.cxm-val{display:block;font-size:14.5px;line-height:1.35;color:#5A5650}
.cxm-cta{margin-top:6px}
}
/* Car-type tabs: 2-column grid on phones, nothing cut off */
@media (max-width:700px){
.sl-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px!important;overflow:visible!important;border-top:0!important;border-bottom:0!important;margin-bottom:32px!important}
.stab{flex:initial!important;min-width:0;padding:14px 0!important;border-top:1px solid #DAD9D4!important;white-space:normal!important;font-size:14.5px!important;line-height:1.3;gap:6px!important}
}
/* Lot gallery: arrows visible on phones */
@media (max-width:700px){
.gr-bar{flex-direction:column;align-items:stretch!important;gap:14px!important}
.gr-arrows{display:flex!important;justify-content:flex-end;gap:10px}
.gr-arrow{width:44px!important;height:44px!important}
.no-js .gr-arrows{display:none!important}
}
/* Meet the people: stacked editorial layout on tablets and phones */
@media (max-width:900px){
.pp{grid-template-columns:1fr!important;gap:40px!important}
.pp-art{min-height:0!important;height:auto!important;aspect-ratio:4/3}
.pp-arch{position:absolute!important;inset:0!important;width:auto!important;height:auto!important}
}
@media (max-width:700px){
.pp{gap:28px!important}
.pp-art{aspect-ratio:4/5;max-height:520px;width:100%}
.pp-copy{gap:18px!important}
.pp-copy .lx-h{font-size:clamp(34px,10vw,44px)!important;line-height:1.02}
.pp-letter{font-size:22px!important;line-height:1.35!important}
.pp-sub{font-size:16px!important;line-height:1.65!important}
.pp-sign .chq-script{font-size:38px!important}
.pp-stats>div{padding:18px 0 18px 16px!important}
.pp-stats>div:first-child{padding-left:0!important}
.pp-num{font-size:36px!important}
.pp-lbl{font-size:10.5px!important;letter-spacing:.12em!important}
.pp-team{font-size:19px!important;gap:8px!important;row-gap:4px!important}
.pp-team span{flex-basis:100%;margin:0 0 2px!important}
}
/* Checklist: document first, intro below on phones */
@media (max-width:700px){
.ckp{display:flex!important;flex-direction:column;gap:32px!important}
.ckp-doc{order:-1}
}
/* Visit header: stacked on phones */
@media (max-width:760px){
.vc-head{display:flex!important;flex-direction:column;align-items:stretch!important;gap:20px!important}
.vc-side{display:flex;flex-direction:column;align-items:stretch!important;gap:12px!important;max-width:none!important}
.vc-side .btn{width:100%;justify-content:center}
}
/* Footer bottom row centred on phones */
@media (max-width:760px){
.ft-row{flex-direction:column!important;align-items:center!important;text-align:center}
.ft-badges{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;text-align:center}
}
/* Lot gallery arrows: below the photos on phones */
.gr-arrows-m{display:none!important}
@media (max-width:700px){
.gr-bar .gr-arrows{display:none!important}
.gr-arrows-m{display:flex!important;justify-content:center;gap:12px;margin-top:4px}
.no-js .gr-arrows-m{display:none!important}
}
@media (max-width:700px){
.gr-rail{margin-bottom:0!important;padding-bottom:20px!important}
.gr-arrows-m{position:relative;z-index:2}
}
/* Comparison cards (phones): quiet luxury, no red slab */
@media (max-width:700px){
.cxm{gap:14px}
.cxm-card{background:#fff;border:1px solid rgba(27,22,19,.06);border-radius:24px;padding:22px 22px 20px;box-shadow:0 1px 2px rgba(27,22,19,.03),0 24px 48px -36px rgba(27,22,19,.35)}
.cxm-q{font-size:13px;font-family:Figtree,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A867F}
.cxm-n{color:#BB2030;font-size:12px}
.cxm-dk{margin-top:14px;padding:2px 0 2px 16px;border-radius:0;background:none;border-left:2px solid #BB2030;color:#1B1613}
.cxm-dk .cxm-lbl{color:#BB2030}
.cxm-ans{font-family:"Bricolage Grotesque",sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;gap:10px}
.cxm-dk .cx-ok{width:22px!important;height:22px!important;background:#BB2030!important;color:#fff!important;box-shadow:none!important}
.cxm-others{margin-top:18px;padding-top:14px;border-top:1px solid #EEEDE9}
.cxm-others .cxm-lbl{color:#A9A59E;font-size:10.5px}
.cxm-val{color:#8A867F;font-size:14px}
}
@media (max-width:700px){
.gr-rail{padding-bottom:48px!important}
.gr-arrows-m{margin-top:-14px!important}
}
@media (max-width:700px){
.gr-rail{padding-bottom:72px!important}
.gr-arrows-m{margin-top:-36px!important}
}
/* Thank-you page */
.ty{position:relative;min-height:calc(100vh - 77px);display:flex;align-items:center;padding:72px 0;overflow:hidden;isolation:isolate}
.ty-bg{position:absolute;inset:0;z-index:-1}
.ty-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.ty-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,13,11,.35),rgba(18,13,11,.6))}
.ty-in{display:flex;justify-content:center;width:100%}
.ty-card{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:48px 44px 44px;border-radius:32px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 60px 120px -50px rgba(0,0,0,.6)}
.ty-ok{width:64px;height:64px;border-radius:50%;background:#BB2030;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(187,32,48,.7)}
.ty-card .eyebrow{justify-content:center}
.ty-h{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(32px,4.4vw,48px);line-height:1.05;letter-spacing:-.03em;color:#1B1613}
.ty-p{margin:0;max-width:470px;font-size:17px;line-height:1.65;color:#55524D}
.ty-steps{list-style:none;margin:8px 0 4px;padding:18px 0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #E4E3DF;border-bottom:1px solid #E4E3DF;counter-reset:ty}
.ty-steps li{counter-increment:ty;display:flex;flex-direction:column;gap:3px;padding:0 10px;border-left:1px solid #E4E3DF}
.ty-steps li:first-child{border-left:0}
.ty-steps li:before{content:"0" counter(ty);font-size:11px;font-weight:700;letter-spacing:.1em;color:#BB2030;margin-bottom:4px}
.ty-steps b{font-family:"Bricolage Grotesque",sans-serif;font-size:16px;color:#1B1613}
.ty-steps span{font-size:13px;color:#8A867F}
.ty-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ty-cta .btn{min-height:52px;padding:0 24px;gap:10px}
@media (max-width:640px){
.ty{padding:40px 0;min-height:calc(100vh - 70px)}
.ty-card{padding:36px 22px 28px;border-radius:26px;gap:14px}
.ty-steps{grid-template-columns:1fr;gap:12px;padding:16px 0}
.ty-steps li{border-left:0;padding:0}
.ty-cta{flex-direction:column;width:100%}
.ty-cta .btn{width:100%;justify-content:center}
}
.bdg .bdg-tx{text-align:left;align-items:flex-start}