.section__head{margin-bottom:16px}
.section__head p{max-width:68ch}

.top-promo .promo__copy{align-self:center}
.top-promo .promo__form small{display:block}

.car-card__media img,.deal-card__media img{aspect-ratio:16/9;object-fit:cover;width:100%}

/* subtle focus styles */
a:focus,button:focus,input:focus{outline:3px solid rgba(30,102,255,.25);outline-offset:2px}

/* utilities that look like chips/badges already defined in base */

/* footer links */
.linklist a{color:#cbd5e1}
.linklist a:hover{color:#fff}

/* pills */
.chip:focus{outline:2px solid rgba(30,102,255,.35)}

/* sliders (horizontal scroll) enhance for non-mouse) */
.cards--scroll::-webkit-scrollbar{height:8px}
.cards--scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}

/* --- Wizard components --- */
.wizard__topbar{border-bottom:1px solid var(--border);background:#fff}
.wizard__topbar__row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.wizard__main{display:grid;grid-template-columns: 280px 1fr;gap:24px;padding:22px 0}
.wizard__aside{display:flex;flex-direction:column;gap:18px}
.stepper .step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-left:3px solid #e5e7eb;color:#4b5563}
.stepper .step span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#eef2ff;color:#111;font-weight:700;font-size:12px}
.stepper .done{border-color:#22c55e;color:#16a34a}
.stepper .current{border-color:var(--brand);background:#eef2ff;color:#0b1220}
.stepper .disabled{opacity:.5}
.help-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}

.grid--journey{grid-template-columns:repeat(3,1fr);gap:18px}
.journey-card{position:relative;border:2px solid var(--border);border-radius:18px;padding:18px;text-align:center;background:#fff;cursor:pointer;box-shadow:var(--shadow)}
.journey-card input{position:absolute;opacity:0;pointer-events:none}
.journey-card__icon{font-size:44px;margin-bottom:8px}
.journey-card__title{font-weight:800;font-size:20px}
.journey-card__meta{color:var(--muted);margin-top:6px}
.journey-card__status{display:none;margin-top:12px;font-size:12px;color:#10b981}
.journey-card.is-selected{border-color:var(--brand)}
.journey-card.is-selected .journey-card__status{display:block}

.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 18px}
.filter{display:block}
.filter.inline{display:flex;align-items:center;gap:10px}
.filter__label{display:block;font-weight:600;margin-bottom:6px}
.input-with-prefix{position:relative}
.input-with-prefix > span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280}
.input-with-prefix > input{padding-left:26px}
.toggle{display:inline-grid;grid-auto-flow:column;gap:8px}
.toggle input{display:none}
.toggle label{border:1px solid var(--border);padding:10px 14px;border-radius:10px;cursor:pointer}
.toggle input:checked + label{background:var(--brand);color:#fff;border-color:var(--brand)}

.budget-range{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;margin:10px 0 18px}
.budget-range input[type="range"]{width:100%}
.budget-range .range-head{display:flex;justify-content:space-between;margin-bottom:10px}
.tag{background:#f3e8ff;border-radius:999px;padding:6px 10px;font-weight:700}

.cta-row{display:flex;align-items:center;gap:16px;margin-top:10px;flex-wrap:wrap}
.results-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 18px}

.cards--listing{grid-template-columns:1fr 1fr;gap:18px}
.price-per{margin-top:6px}

.enquiry-grid{display:grid;grid-template-columns: 1.2fr .8fr;gap:20px}
.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.enquiry-side .summary__box{background:linear-gradient(135deg,#38bdf8,#1e3a8a);color:#fff;border-radius:18px;padding:18px}
.summary__big{font-weight:800;font-size:22px}

@media (max-width:1024px){
    .wizard__main{grid-template-columns:1fr}
    .wizard__aside{order:2}
    .grid--journey{grid-template-columns:1fr}
    .filter-grid{grid-template-columns:1fr}
    .cards--listing{grid-template-columns:1fr}
    .enquiry-grid{grid-template-columns:1fr}
}

/* Verify panel / OTP */
.verify-panel{margin-top:14px;border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff}
.verify-panel.is-hidden{display:none}
.verify-panel__head .status-pill{margin-bottom:8px}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:700}
.status-pill.is-ok{background:#dcfce7;color:#166534}
.status-pill.is-warn{background:#fef9c3;color:#854d0e}
.otp{display:flex;gap:8px}
.otp__cell{width:42px;height:48px;text-align:center;font-size:22px;border:1px solid var(--border);border-radius:12px}
.card-like{border:1px solid var(--border);border-radius:16px;background:#fff;padding:14px}

/* IDnow status dots */
.status-box{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}
.status-box.is-hidden{display:none}
.status-line{display:flex;align-items:center;gap:10px;margin:8px 0}
.dot{width:12px;height:12px;border-radius:999px;background:#e5e7eb}
.dot.is-active{background:#fde68a}
.dot.done{background:#86efac}

/* SD form pieces */
.sd-form .sd-fieldset{border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:14px;background:#fff}
.small{font-size:12px}

/* Timeline */
.timeline{position:relative;margin-top:8px}
.timeline::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#e5e7eb}
.tl-item{position:relative;padding-left:34px;margin:14px 0}
.tl-item .tl-dot{position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#e5e7eb}
.tl-item.done .tl-dot{background:#22c55e}
.tl-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap}


/* -------- Car Detail components -------- */
.backline{display:flex;align-items:center;gap:8px}
.car-detail .kv{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.car-detail .divider{height:1px;background:var(--border);margin:8px 0}
.pill{display:inline-block;background:#111827;color:#fff;border-radius:999px;padding:4px 10px;font-weight:600;font-size:12px}
.info-box{border:1px dashed var(--border);border-radius:12px;padding:10px;margin-top:10px}
.cta-stack{display:flex;gap:8px;margin-top:10px}

/* Gallery */
.gallery{border:1px solid var(--border);border-radius:16px;background:#fff;padding:8px}
.gallery__main{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}
.gallery__img{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:8px;margin-top:8px}
.thumbs img{width:112px;height:64px;object-fit:cover;border-radius:10px;border:2px solid transparent;cursor:pointer}
.thumbs img.is-active{border-color:var(--brand)}

/* Tabs + Specs */
.tabs{display:flex;gap:8px;margin-bottom:10px}
.tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}
.tab.is-active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}
.spec-list{border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}
.spec-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:10px 12px}
.spec-row:nth-child(odd){background:#f9fafb}
.tabpane.is-hidden{display:none}

/* Finance Card */
.finance{background:#0ea5e9;border-radius:16px;color:#fff;padding:14px}
.finance__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.finance__lead{opacity:.9;margin-bottom:8px}
.fin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.fin-field{display:flex;flex-direction:column;gap:6px}
.fin-label{font-size:12px;opacity:.9}
.finance__result{background:#0284c7;border-radius:12px;padding:10px}
.result-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.result-row:last-child{border-bottom:0}
.btn.btn--secondary.btn--sm{background:#fff;color:#0ea5e9;border-color:#fff}