/* HD1: balanced hero with the selected CFax auction artwork. */
html:has(main.home-page),body:has(>main.home-page){overflow-x:visible}
main.home-page{max-width:none;padding:0}
/* A single photo spans the home header, optional bonus and hero. Keep the
   content's existing 80px header clearance inside this painted surface. */
body:has(>main.home-page){padding-top:0}
body:has(>main.home-page) header.site{background:rgba(var(--header-bg-rgb),.48)}
body:has(>main.home-page) header.site.is-scrolled{background:rgba(var(--header-bg-rgb),.74)}
.home-page .home-masthead{padding-top:80px;display:flow-root}
.home-page .home-masthead{position:relative;isolation:isolate;background-color:#202a30;background-image:linear-gradient(90deg,#162027eb 0%,#162027d9 31%,#162027b8 43%,#16202700 58%),url("../img/home-hero-auction-ford-v1.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
.home-page .hero-split{max-width:1140px;grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:center;gap:26px;padding-block:44px 48px;padding-inline:20px}
.home-page .hero-split__left{min-width:0;grid-column:1;grid-row:1}
.home-page .hero-eyebrow{color:#ffad75;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.7px;margin:0 0 16px;overflow-wrap:break-word}
[lang="ar"] .home-page .hero-eyebrow{letter-spacing:normal}
.home-page .hero-title{color:#fff;text-align:start;font-size:clamp(31px,4.05vw,49px);line-height:1.08;letter-spacing:-1.3px;margin:0 0 20px;overflow-wrap:break-word}
.home-page .hero-title__brand{color:#ffae72;unicode-bidi:isolate}
.home-page .hero-intro{margin:0 0 25px}
.home-page .hero-intro p{color:#f4f5f5;font-size:15px;line-height:1.65}
[dir="rtl"] .home-page .hero-split{direction:ltr}
[dir="rtl"] .home-page .hero-split__left{direction:rtl}
[lang="ar"] .home-page .hero-title{letter-spacing:normal}
.home-page .search-card{max-width:450px;padding:20px;border-radius:18px;background:#f3efe8;color:#1d272d;border:1px solid #d9cabb;box-shadow:0 19px 45px #00000042}
.home-page .price-hero{background:transparent;border:0;border-bottom:1px solid #d7c7b7;padding:0 0 15px;margin-bottom:16px;gap:9px;align-items:flex-start}
.home-page .price-hero>div{min-width:0}
.home-page .price-hero__ic,.home-page .price-hero__amount{color:#a94914}
.home-page .price-hero__unit,.home-page .price-hero__sub{color:#46535a;overflow-wrap:anywhere}
.home-page .price-hero__amount{font-size:26px;line-height:1.2}
.home-page .price-hero__unit{font-size:14px}
.home-page .home-vin-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.home-page .vin-input{direction:ltr;min-width:0;font-size:16px;border:1px solid #b2b3b0;border-radius:10px;letter-spacing:.7px}
.home-page .vin-input:focus-visible{outline:2px solid var(--orange-dark);outline-offset:2px}
.home-page .errorlist{overflow-wrap:anywhere}
.home-page .home-vin-error{display:block;font-weight:400}
.home-page .included h2,.home-page .included-sub,.home-page .home-faq h2{text-align:center}
.home-page .included-sub{max-width:none;margin:0 0 26px}
.home-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.home-page .feature{padding:16px 0;background:transparent;border:0;border-bottom:1px solid var(--gray-200);border-radius:0;box-shadow:none;transform:none;gap:14px;line-height:1.5}
.home-page .feature-ic{width:25px;height:25px;flex-shrink:0;padding:0;border-radius:0;background:transparent;color:var(--orange-dark)}
.home-page .home-faq h2{font-size:28px;line-height:1.2;margin-bottom:27px}
.home-page .home-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:start}
.home-page .home-faq-list{gap:0;min-width:0}
.home-page .home-faq .vin-guide{padding:22px;margin:0;border:1px solid var(--gray-200);background:var(--white);border-radius:18px;box-shadow:none;min-width:0}
.home-page .home-faq .vin-guide__title{font-size:18px;font-weight:700}
.home-page .home-faq .vin-guide__grid{flex-direction:column;align-items:stretch;gap:20px}
.home-page .home-faq .vin-guide__img{flex:none;max-width:100%}
.home-page .home-faq .vin-guide__list{display:block;list-style:decimal;margin:0;padding:0;padding-inline-start:22px}
.home-page .home-faq .vin-guide__list li{font-size:14px;padding:0;margin-bottom:11px}
.home-page .home-faq .vin-guide__list li:last-child{margin-bottom:0}
.home-page .home-faq .vin-guide__list li::before{content:none}
.home-page .home-faq details.faq-item{margin:0;padding:0;background:transparent;border:0;border-bottom:1px solid var(--gray-200);border-radius:0;box-shadow:none}
.home-page .home-faq details.faq-item:first-child{border-top:1px solid var(--gray-200)}
.home-page .home-faq details.faq-item>summary{padding:19px 0;font-size:15px;font-weight:700;line-height:1.5;gap:18px}
.home-page .home-faq details.faq-item>summary::after{content:"+";width:20px;height:auto;background:none;font-size:20px;font-weight:400;color:var(--orange-dark);transform:none;text-align:center}
.home-page .home-faq details.faq-item[open]>summary::after{content:"−"}
.home-page .home-faq details.faq-item>p{padding:0 0 19px;margin:13px 0 0;font-size:14px;line-height:1.7;overflow-wrap:break-word}
@media(max-width:780px){
 body:has(>main.home-page) #scrollTopBtn{right:6px}
 body.home-vin-in-view:has(>main.home-page) #scrollTopBtn{opacity:0;visibility:hidden;pointer-events:none}
 .home-page .home-masthead{background-color:#1a252c;background-image:linear-gradient(180deg,#111b210a 0px,#111b2112 245px,#1a252ce6 340px,#1a252c 425px),url("../img/home-hero-auction-ford-mobile-v1.webp");background-size:100% 425px,auto 425px;background-position:center top,68% top}
 .home-page .hero-split{grid-template-columns:minmax(0,1fr);gap:0;padding-block:315px 24px;padding-inline:20px}
 /* The bonus uses the existing photo lead-in; a long banner can grow the
    first grid row, keeping all hero copy below it without fixed subtraction. */
 .home-page .home-masthead:has(.welcome-bonus-banner){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(315px,auto) auto}
 .home-page .home-masthead:has(.welcome-bonus-banner)>.container{grid-row:1;width:100%}
 .home-page .home-masthead:has(.welcome-bonus-banner)>.home-hero{display:contents}
 .home-page .home-masthead:has(.welcome-bonus-banner) .hero-split{grid-row:2;width:100%;padding-top:0}
 .home-page .hero-eyebrow{margin-bottom:18px;color:#ffb17a;font-size:11px}
 .home-page .hero-title{font-size:31px;line-height:1.09;letter-spacing:-1.1px;margin-bottom:16px}
 [lang="ar"] .home-page .hero-title{letter-spacing:normal}
 .home-page .hero-title__brand{color:#ffb17a}
 .home-page .hero-intro{margin-bottom:23px}
 .home-page .hero-intro p{color:#e9edef;font-size:13px;line-height:1.54}
 .home-page .search-card{max-width:none;padding:19px;box-shadow:0 17px 40px #0000004a}
 .home-page .home-faq-grid{grid-template-columns:minmax(0,1fr);gap:26px}
}
@media(max-width:700px){
 .home-page .feature-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .home-page .feature{padding:12px 0}
}

@media(max-width:360px){.home-page .captcha-box{--captcha-scale:.76}}
