.carhub-landing-body{--landing-ink:#0b1730;--landing-muted:#66738a;--landing-line:#e5eaf1;--landing-surface:#fff;--landing-soft:#f6f8fb;--landing-brand:#2166f3;--landing-brand-dark:#174bc0;background:linear-gradient(180deg,#f7f9fc 0,#eef3f9 100%);color:var(--landing-ink)}
.landing-page{min-height:100vh;padding:38px 18px 80px}.landing-shell{width:min(1180px,100%);margin:0 auto}.landing-breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:#77839a;margin:4px 4px 18px}.landing-breadcrumbs a{color:inherit;text-decoration:none}.landing-breadcrumbs a:hover{color:var(--landing-brand)}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:24px;padding:38px;border:1px solid rgba(220,227,237,.95);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(21,43,77,.08);overflow:hidden}.landing-hero__copy{align-self:center}.landing-kicker,.landing-section-kicker{display:inline-block;font-size:11px;line-height:1;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--landing-brand)}.landing-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:13px 0 18px;color:#091a39}.landing-hero p{max-width:760px;font-size:17px;line-height:1.75;color:var(--landing-muted);margin:0}.landing-hero__badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.landing-hero__badges span{padding:9px 12px;border-radius:999px;background:#f2f5f9;color:#526077;font-size:12px;font-weight:700}.landing-hero__visual{min-height:260px;border-radius:22px;overflow:hidden;background:#edf2f8;display:flex;align-items:center;justify-content:center}.landing-hero__visual img{width:100%;height:100%;min-height:260px;object-fit:cover}.landing-hero__score{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:260px;border-radius:22px;background:linear-gradient(145deg,#10274a,#1e5bd2);color:#fff;text-align:center}.landing-hero__score span{font-size:11px;font-weight:800;letter-spacing:.18em}.landing-hero__score strong{font-size:68px;line-height:1;margin:12px 0}.landing-hero__score small{opacity:.78}.landing-trust-strip{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 4px 0;color:#77839a;font-size:12px}.landing-section,.landing-support-wrap,.landing-related{margin-top:26px;padding:30px;border-radius:26px;border:1px solid var(--landing-line);background:var(--landing-surface);box-shadow:0 12px 36px rgba(20,39,72,.045)}.landing-section-headline{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.landing-section-headline h2{font-size:28px;line-height:1.1;letter-spacing:-.025em;margin:8px 0}.landing-section-headline p{margin:0;max-width:720px;color:var(--landing-muted);line-height:1.65}.landing-section-pill{white-space:nowrap;padding:9px 13px;border:1px solid var(--landing-line);border-radius:999px;font-size:12px;font-weight:800;color:#536078}.landing-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing-metric{padding:20px;border:1px solid var(--landing-line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}.landing-metric--hero{border-color:#cfe0ff;background:linear-gradient(145deg,#f2f7ff,#fff)}.landing-metric__label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8490a3}.landing-metric__value{display:block;font-size:27px;line-height:1.15;margin:8px 0;color:#0c1c39}.landing-metric__note{display:block;font-size:12px;color:#7a879b}.landing-highlight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.landing-highlight-row>div{padding:20px;border-radius:18px;background:#f7f9fc;border:1px solid var(--landing-line)}.landing-highlight-row strong,.landing-highlight-row span{display:block}.landing-highlight-row strong{font-size:14px}.landing-highlight-row span{margin-top:7px;color:var(--landing-muted);line-height:1.5;font-size:13px}.landing-performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landing-performance-grid>div{padding:25px;border-radius:20px;background:#0e2345;color:#fff}.landing-performance-grid span{display:block;opacity:.68;font-size:12px}.landing-performance-grid strong{display:block;font-size:29px;margin-top:12px}.landing-price-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.landing-price-hero>div{padding:26px;border-radius:20px;background:linear-gradient(145deg,#f2f7ff,#fff);border:1px solid #d8e4f8}.landing-price-hero span,.landing-price-hero strong{display:block}.landing-price-hero span{font-size:12px;color:#7b879a}.landing-price-hero strong{font-size:31px;margin-top:8px}.landing-data-table{overflow:auto;border:1px solid var(--landing-line);border-radius:18px;margin-top:14px}.landing-data-table__head,.landing-data-table__row{min-width:700px;display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:14px;padding:14px 18px}.landing-data-table__head{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#f6f8fb;color:#758197}.landing-data-table__row{border-top:1px solid var(--landing-line);font-size:13px}.landing-data-table__row strong{color:var(--landing-brand)}
.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landing-feature{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--landing-line);border-radius:15px;background:#fbfcfe}.landing-feature__check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:var(--landing-brand);font-weight:900}.landing-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landing-gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#edf1f6;border:1px solid var(--landing-line)}.landing-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.landing-gallery figcaption{padding:9px 11px;font-size:11px;color:#78859a}.landing-video-feature{display:grid;grid-template-columns:260px 1fr;gap:16px}.landing-video-count{padding:30px;border-radius:20px;background:#0e2345;color:#fff}.landing-video-count strong{display:block;font-size:60px;line-height:1}.landing-video-count span{display:block;margin-top:8px;opacity:.72}.landing-video-list{display:grid;gap:8px}.landing-video-list>div{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--landing-line);border-radius:14px;background:#fbfcfe;overflow:hidden}.landing-video-list>div span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#5f6c80}.landing-video-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:var(--landing-brand);font-size:11px;flex:none}.landing-review-hero{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px}.landing-review-hero>div{padding:24px;border-radius:20px;border:1px solid var(--landing-line);background:#f8fafc}.landing-review-hero span,.landing-review-hero strong,.landing-review-hero small{display:block}.landing-review-hero span{font-size:12px;color:#78859a}.landing-review-hero strong{font-size:32px;margin-top:8px}.landing-proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landing-proscons>div{padding:25px;border-radius:20px;border:1px solid var(--landing-line);background:#fbfcfe}.landing-proscons h3{margin:6px 0 15px;font-size:22px}.landing-proscons ul{margin:0;padding-left:19px;color:#5d6b80;line-height:1.8}.landing-faq-list{display:grid;gap:9px}.landing-faq-list details{border:1px solid var(--landing-line);border-radius:16px;background:#fbfcfe;padding:0 18px}.landing-faq-list summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:800;display:flex;justify-content:space-between;gap:20px}.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list details>div{padding:0 0 18px;color:#657288;line-height:1.7}.landing-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-news-grid a{padding:22px;border:1px solid var(--landing-line);border-radius:18px;background:#fbfcfe;text-decoration:none;color:inherit}.landing-news-grid a span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--landing-brand)}.landing-news-grid h3{font-size:18px;line-height:1.3;margin:10px 0 24px}.landing-news-grid strong{font-size:12px;color:var(--landing-brand)}.landing-section-note{padding:20px;border-radius:18px;background:#f7f9fc;border:1px solid var(--landing-line);display:flex;justify-content:space-between;gap:18px}.landing-section-note span{color:#69768a}
.landing-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-support-card{padding:21px;border:1px solid var(--landing-line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);min-height:245px;display:flex;flex-direction:column}.landing-support-card__top{display:flex;justify-content:space-between;align-items:center}.landing-support-card__icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eaf2ff;color:var(--landing-brand);font-weight:900}.landing-support-card__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8994a7;font-weight:800}.landing-support-card h3{font-size:19px;margin:15px 0 8px}.landing-support-card p{font-size:13px;line-height:1.6;color:#6b778b;margin:0 0 14px}.landing-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.landing-mini-metrics div{padding:10px;border-radius:12px;background:#f3f6fa}.landing-mini-metrics span,.landing-mini-metrics strong{display:block}.landing-mini-metrics span{font-size:10px;color:#8490a2}.landing-mini-metrics strong{font-size:13px;margin-top:4px}.landing-mini-list{display:grid;gap:5px;margin-top:auto}.landing-mini-list a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--landing-line);text-decoration:none;color:#25344d;font-size:12px}.landing-mini-list a strong{color:var(--landing-brand)}.landing-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.landing-chip-list span{font-size:10px;padding:7px 9px;border-radius:999px;background:#f0f4f8;color:#5e6c80}.landing-mix-list{display:grid;gap:8px;margin-top:auto}.landing-mix-list div{display:flex;justify-content:space-between;font-size:12px;padding-bottom:7px;border-bottom:1px solid var(--landing-line)}.landing-mix-list strong{color:var(--landing-brand)}.landing-support-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto}.landing-support-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.landing-big-number{margin-top:auto;font-size:40px;font-weight:900;letter-spacing:-.04em}.landing-big-number span{display:block;font-size:11px;color:#8490a2;letter-spacing:.05em;font-weight:600}.landing-support-cta{margin-top:14px;color:var(--landing-brand);font-size:12px;font-weight:900;text-decoration:none}.landing-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.landing-related-grid a{display:flex;flex-direction:column;gap:14px;padding:17px;border:1px solid var(--landing-line);border-radius:15px;text-decoration:none;color:#20304a;background:#fbfcfe}.landing-related-grid a span{font-weight:800;font-size:13px}.landing-related-grid a strong{font-size:11px;color:var(--landing-brand)}.landing-footer-note{margin-top:18px;padding:22px 4px;display:flex;justify-content:space-between;gap:20px;color:#728096}.landing-footer-note strong{color:#2a3951;font-size:13px}.landing-footer-note p{font-size:12px;margin:6px 0 0;line-height:1.6}.landing-footer-note a{align-self:center;color:var(--landing-brand);text-decoration:none;font-weight:800;font-size:12px}.landing-empty{margin-top:80px;padding:80px 30px;text-align:center;border-radius:28px;border:1px solid var(--landing-line);background:#fff;box-shadow:0 20px 60px rgba(21,43,77,.07)}.landing-empty h1{font-size:46px;letter-spacing:-.04em;margin:14px 0}.landing-empty p{max-width:650px;margin:0 auto 28px;color:#748096;line-height:1.7}.landing-empty a{display:inline-block;padding:13px 20px;border-radius:12px;background:var(--landing-brand);color:#fff;text-decoration:none;font-weight:800}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr}.landing-metric-grid,.landing-performance-grid{grid-template-columns:repeat(2,1fr)}.landing-feature-grid,.landing-support-grid{grid-template-columns:repeat(2,1fr)}.landing-gallery{grid-template-columns:repeat(3,1fr)}.landing-news-grid{grid-template-columns:1fr 1fr}.landing-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.landing-page{padding:18px 10px 50px}.landing-hero,.landing-section,.landing-support-wrap,.landing-related{padding:20px;border-radius:20px}.landing-hero h1{font-size:38px}.landing-hero p{font-size:15px}.landing-section-headline{align-items:flex-start;flex-direction:column}.landing-metric-grid,.landing-feature-grid,.landing-support-grid,.landing-performance-grid,.landing-highlight-row,.landing-proscons,.landing-price-hero,.landing-review-hero,.landing-news-grid,.landing-related-grid{grid-template-columns:1fr}.landing-gallery{grid-template-columns:repeat(2,1fr)}.landing-video-feature{grid-template-columns:1fr}.landing-section-note,.landing-footer-note{flex-direction:column}.landing-hero__visual,.landing-hero__visual img{min-height:210px}}

/* User-focused media and model browsing */
.landing-video-card-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}.landing-video-card-track .landing-video-player{flex:0 0 min(520px,88%);scroll-snap-align:start}.landing-video-card-track--primary .landing-video-player{flex-basis:min(680px,88%)}.landing-video-player{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#07111f;border:1px solid var(--landing-line);box-shadow:0 12px 32px rgba(21,43,77,.08)}.landing-video-player iframe,.landing-video-player video{display:block;width:100%;height:100%;border:0;object-fit:cover;background:#07111f}.landing-video-player video{object-fit:contain}.landing-model-card-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin;margin-top:auto}.landing-model-card{flex:0 0 178px;scroll-snap-align:start;border:1px solid var(--landing-line);border-radius:16px;background:#fff;text-decoration:none;color:var(--landing-ink);padding:8px;display:flex;flex-direction:column;gap:7px}.landing-model-card__image{height:112px;border-radius:11px;overflow:hidden;background:#f0f3f7;display:grid;place-items:center;color:#7d899b;font-size:11px}.landing-model-card__image img{display:block;width:100%;height:100%;object-fit:cover}.landing-model-card strong{font-size:13px;line-height:1.3}.landing-model-card>span{font-size:12px;color:var(--landing-brand);font-weight:800}.landing-model-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,43,77,.08)}
@media(max-width:640px){.landing-video-card-track .landing-video-player{flex-basis:88vw}.landing-model-card{flex-basis:165px}}
.landing-hero__badges,.landing-trust-strip{display:none!important}
.landing-support-card--videos{min-height:340px}.landing-support-card--videos .landing-video-card-track{margin-top:auto}.landing-support-card--videos .landing-video-player{flex-basis:250px;aspect-ratio:16/10}.landing-support-card--videos .landing-video-player + .landing-video-player{display:none}
.landing-support-card--videos .landing-video-player + .landing-video-player{display:block}
/* ==========================================================================
   LANDING RESPONSIVE CONTAINMENT — FINAL
   Every landing component must respect the viewport/card width.
   Horizontal galleries are scroll containers, not page-width expanders.
   ========================================================================== */

body.carhub-landing-body {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
}

body.carhub-landing-body *,
body.carhub-landing-body *::before,
body.carhub-landing-body *::after {
    box-sizing: border-box;
    min-width: 0;
}

body.carhub-landing-body .carhub-global-header,
body.carhub-landing-body .carhub-home-header {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.carhub-landing-body .carhub-home-header {
    grid-template-columns: minmax(42px,1fr) auto minmax(0,1fr) !important;
}

body.carhub-landing-body .carhub-home-header__actions {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body.carhub-landing-body .carhub-home-logo {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.carhub-landing-body .carhub-home-logo img {
    max-width: 112px !important;
}

.landing-page,
.landing-shell,
.landing-hero,
.landing-hero__copy,
.landing-hero__visual,
.landing-section,
.landing-support-wrap,
.landing-related,
.landing-section-headline,
.landing-support-grid,
.landing-support-card,
.landing-related-grid,
.landing-section-note,
.landing-footer-note {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.landing-page {
    overflow-x: hidden;
}

.landing-shell {
    overflow-x: hidden;
}

.landing-hero,
.landing-section,
.landing-support-wrap,
.landing-related {
    overflow: hidden;
}

.landing-hero__copy,
.landing-section-headline > div {
    min-width: 0;
    max-width: 100%;
}

.landing-hero h1,
.landing-hero p,
.landing-section-headline h2,
.landing-section-headline p,
.landing-support-card h3,
.landing-support-card p,
.landing-related-grid a,
.landing-related-grid a span,
.landing-related-grid a strong {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.landing-metric-grid,
.landing-feature-grid,
.landing-performance-grid,
.landing-highlight-row,
.landing-price-hero,
.landing-review-hero,
.landing-proscons,
.landing-news-grid,
.landing-support-grid,
.landing-related-grid {
    min-width: 0;
}

.landing-metric-grid > *,
.landing-feature-grid > *,
.landing-performance-grid > *,
.landing-highlight-row > *,
.landing-price-hero > *,
.landing-review-hero > *,
.landing-proscons > *,
.landing-news-grid > *,
.landing-support-grid > *,
.landing-related-grid > * {
    min-width: 0;
    max-width: 100%;
}

.landing-video-card-track,
.landing-model-card-track {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.landing-video-card-track > *,
.landing-model-card-track > * {
    min-width: 0;
    max-width: none;
}

.landing-video-card-track .landing-video-player {
    flex: 0 0 min(520px, calc(100% - 12px));
    width: min(520px, calc(100% - 12px));
    max-width: calc(100% - 12px);
}

.landing-video-card-track--primary .landing-video-player {
    flex-basis: min(680px, calc(100% - 12px));
    width: min(680px, calc(100% - 12px));
    max-width: calc(100% - 12px);
}

.landing-support-card--videos .landing-video-card-track .landing-video-player {
    flex-basis: min(250px, calc(100% - 8px));
    width: min(250px, calc(100% - 8px));
    max-width: calc(100% - 8px);
}

.landing-model-card {
    flex: 0 0 178px;
    width: 178px;
    max-width: 178px;
    min-width: 0;
}

.landing-model-card__image,
.landing-model-card__image img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.landing-video-player,
.landing-video-player iframe,
.landing-video-player video {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.landing-gallery,
.landing-support-gallery {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.landing-gallery figure,
.landing-support-gallery a {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.landing-gallery img,
.landing-support-gallery img {
    max-width: 100%;
}

.landing-data-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.landing-data-table__head,
.landing-data-table__row {
    min-width: 700px;
}

@media (max-width: 640px) {
    body.carhub-landing-body .carhub-home-header {
        padding-left: 12px !important;
        padding-right: 12px !important;
        grid-template-columns: minmax(36px,1fr) auto minmax(0,1fr) !important;
    }

    body.carhub-landing-body .carhub-home-header__menu {
        width: 38px;
        height: 38px;
        padding: 6px;
    }

    body.carhub-landing-body .carhub-home-logo img {
        width: 104px !important;
        max-width: 104px !important;
    }

    body.carhub-landing-body .carhub-home-header__actions {
        gap: 7px !important;
    }

    body.carhub-landing-body .carhub-home-header__signin {
        white-space: nowrap;
        font-size: 9px !important;
    }

    .landing-page {
        padding-left: 8px;
        padding-right: 8px;
    }

    .landing-hero,
    .landing-section,
    .landing-support-wrap,
    .landing-related {
        padding-left: 16px;
        padding-right: 16px;
    }

    .landing-video-card-track .landing-video-player,
    .landing-video-card-track--primary .landing-video-player {
        flex-basis: calc(100% - 4px);
        width: calc(100% - 4px);
        max-width: calc(100% - 4px);
    }

    .landing-support-card--videos .landing-video-card-track .landing-video-player {
        flex-basis: calc(100% - 4px);
        width: calc(100% - 4px);
        max-width: calc(100% - 4px);
    }

    .landing-model-card {
        flex-basis: 156px;
        width: 156px;
        max-width: 156px;
    }
}

@media (max-width: 380px) {
    body.carhub-landing-body .carhub-home-logo img {
        width: 94px !important;
        max-width: 94px !important;
    }

    body.carhub-landing-body .carhub-home-header__signin {
        font-size: 8px !important;
    }

    .landing-hero,
    .landing-section,
    .landing-support-wrap,
    .landing-related {
        padding-left: 13px;
        padding-right: 13px;
    }

    .landing-model-card {
        flex-basis: 148px;
        width: 148px;
        max-width: 148px;
    }
}


/* ==========================================================================
   LANDING VEHICLE CARDS — MATCH THE BODY-TYPE / NEW-CAR CARD
   These cards intentionally reuse the same visual language as the main
   "New" vehicle cards: compact, image-first, clear price/specs and a
   full-width View Car action.
   ========================================================================== */

.landing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    min-width: 0;
}

.landing-vehicle-card {
    min-width: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #e1e7ef;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(15,23,42,.035);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.landing-vehicle-card:hover {
    transform: translateY(-3px);
    border-color: #bfdbfe;
    box-shadow: 0 18px 40px rgba(15,23,42,.09);
}

.landing-vehicle-card__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 205px;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}

.landing-vehicle-card__image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center center;
    padding: 0;
    margin: 0;
    background: #fff;
}

.landing-vehicle-card__body {
    min-width: 0;
    min-height: 158px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.landing-vehicle-card__title {
    display: block;
    min-width: 0;
    color: #1f2937;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -.15px;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.landing-vehicle-card__price {
    display: block;
    min-width: 0;
    margin-top: 7px;
    color: #111827;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.15px;
    overflow-wrap: anywhere;
}

.landing-vehicle-card__specs {
    display: block;
    min-width: 0;
    margin-top: 8px;
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.landing-vehicle-card__button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin-top: auto;
    padding: 0 12px;
    border: 1px solid #2563eb;
    border-radius: 10px;
    background: #fff;
    color: #2563eb !important;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

.landing-vehicle-card__button:hover {
    background: #f7faff;
    color: #174bc0 !important;
}

.carhub-landing-body .carhub-vehicle-condition-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 999px;
    background: rgba(17,24,39,.78);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .35px;
    box-shadow: 0 4px 12px rgba(15,23,42,.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* ==========================================================================
   LANDING MODEL CARDS — SAME VEHICLE-CARD LANGUAGE
   ========================================================================== */

.landing-model-card-track {
    display: flex;
    gap: 14px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 2px 2px 12px;
    scrollbar-width: thin;
    margin-top: auto;
}

.landing-model-card {
    flex: 0 0 250px;
    width: 250px;
    min-width: 0;
    height: 323px;
    scroll-snap-align: start;
    padding: 0;
    overflow: hidden;
}

.landing-model-card__image {
    width: 100%;
    height: 165px;
    min-width: 0;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-model-card__image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center center;
    background: #fff;
}

.landing-model-card__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    color: inherit;
    text-decoration: none !important;
}

.landing-model-card__link:hover,
.landing-model-card__link:focus,
.landing-model-card__link:active {
    color: inherit;
    text-decoration: none !important;
}

.landing-model-card__body {
    min-height: 158px;
    height: 158px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.landing-model-card .landing-vehicle-card__title,
.landing-model-card .landing-vehicle-card__price,
.landing-model-card .landing-vehicle-card__button {
    text-decoration: none !important;
}

.landing-model-card .landing-vehicle-card__title {
    font-size: 15px;
}

.landing-model-card .landing-vehicle-card__price {
    font-size: 16px;
}

/* ==========================================================================
   LANDING MAIN PHOTO GALLERY — PHOTOS & 360° VIEWS
   ========================================================================== */

.landing-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.landing-gallery figure {
    width: 100%;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid var(--landing-line);
    background: #fff;
}

.landing-gallery img {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover !important;
    object-position: center center;
    padding: 0;
    margin: 0;
    background: #fff;
}

.landing-gallery figcaption {
    display: none;
}

.landing-support-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.landing-support-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 118px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center center;
    background: #fff;
    border-radius: 10px;
}

/* Horizontal media must remain inside the support card. */
.landing-support-card,
.landing-support-card > *,
.landing-support-card .landing-model-card-track,
.landing-support-card .landing-video-card-track,
.landing-support-card .landing-support-gallery {
    min-width: 0;
    max-width: 100%;
}

.landing-video-card-track,
.landing-model-card-track {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

/* ==========================================================================
   RESPONSIVE VEHICLE CARDS
   ========================================================================== */

@media (max-width: 900px) {
    .landing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .landing-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .landing-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .landing-vehicle-card__image {
        height: 205px;
    }

    .landing-vehicle-card__body {
        min-height: 158px;
    }

    .landing-model-card {
        flex-basis: 250px;
        width: 250px;
    }

    .landing-model-card__image {
        height: 165px;
    }

    .landing-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .landing-gallery img {
        min-height: 145px;
    }

    .landing-support-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .landing-support-gallery img {
        min-height: 125px;
    }
}

@media (max-width: 390px) {
    .landing-model-card {
        flex-basis: 238px;
        width: 238px;
    }

    .landing-vehicle-card__image {
        height: 190px;
    }
}


/* ==========================================================================
   LANDING VEHICLE CARDS — BODY TYPE "NEW" CARD CONTRACT
   --------------------------------------------------------------------------
   Collection/model vehicle cards intentionally mirror the Body Type vehicle
   card typography and price treatment. Only the rail behavior differs.
   ========================================================================== */

.landing-vehicle-card-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.landing-vehicle-card-track .landing-vehicle-card {
    min-width: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
}

.landing-vehicle-card.carhub-body-type-card {
    min-width: 0;
}

/*
 * Landing vehicle cards intentionally mirror the Home vehicle-card media.
 * Keep the complete source image visible; never crop the vehicle itself.
 */
.landing-vehicle-card .carhub-body-type-card__image,
.landing-vehicle-card__image {
    position: relative;
    width: 100%;
    height: 165px;
    min-height: 165px;
    overflow: hidden;
    background: #ffffff;
}

.landing-vehicle-card .carhub-body-type-card__image img,
.landing-vehicle-card__image img {
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    max-width: 100%;
    display: block;
    object-fit: contain !important;
    object-position: center center;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff;
    transform: none !important;
}

/*
 * The condition badge is the same badge used by the Home vehicle cards.
 * It stays inside the media box at the upper-left corner.
 */
.landing-vehicle-card .carhub-vehicle-condition-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
    bottom: auto;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 999px;
    background: rgba(17,24,42,.78);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .2px;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(15,23,42,.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.landing-vehicle-card .carhub-body-type-card__body {
    min-width: 0;
    min-height: 148px;
    padding: 15px;
    overflow: hidden;
}

.landing-vehicle-card .carhub-body-type-card__title {
    display: block;
    min-width: 0;
    color: #1f2937;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.15px;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.landing-vehicle-card .carhub-body-type-card__title:hover {
    color: #2563eb;
}

.landing-vehicle-card .carhub-body-type-card__price {
    display: block;
    min-width: 0;
    margin-top: 5px;
    color: #111827;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.15px;
    overflow-wrap: anywhere;
}

.landing-vehicle-card .carhub-body-type-card__specs {
    min-width: 0;
    min-height: 20px;
    margin-top: 15px;
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.landing-vehicle-card .carhub-body-type-card__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin-top: auto;
    padding: 0 12px;
    border: 1px solid #2563eb;
    border-radius: 10px;
    background: #ffffff;
    color: #2563eb !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

.landing-vehicle-card .carhub-body-type-card__button:hover,
.landing-vehicle-card .carhub-body-type-card__button:focus {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff !important;
}

/* Model cards use the same card but remain a comfortable horizontal rail. */
.landing-model-card-track {
    display: flex;
    gap: 14px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 2px 2px 12px;
    scrollbar-width: thin;
}

.landing-model-card-track .landing-model-card {
    flex: 0 0 250px;
    width: 250px;
    min-width: 250px;
    scroll-snap-align: start;
}

.landing-model-card-track .landing-model-card__image,
.landing-model-card-track .landing-vehicle-card__image {
    width: 100%;
    aspect-ratio: 16 / 8.8;
    height: auto;
}

.landing-model-card-track .landing-model-card__body,
.landing-model-card-track .landing-vehicle-card__body {
    min-height: 148px;
}

.landing-model-card-track .landing-model-card__title,
.landing-model-card-track .landing-vehicle-card__title {
    font-size: 15px;
    font-weight: 600;
}

.landing-model-card-track .landing-model-card__price,
.landing-model-card-track .landing-vehicle-card__price {
    font-size: 16px;
    font-weight: 700;
}

/* Never let a vehicle rail become the page's horizontal overflow. */
.landing-section,
.landing-section > *,
.landing-support-wrap,
.landing-support-wrap > *,
.landing-related,
.landing-related > *,
.landing-grid,
.landing-vehicle-card-track,
.landing-model-card-track {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 1050px) {
    .landing-vehicle-card-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .landing-vehicle-card-track {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 6px;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
    }

    .landing-vehicle-card-track::-webkit-scrollbar {
        display: none;
    }

    .landing-vehicle-card-track .landing-vehicle-card {
        flex: 0 0 250px;
        width: 225px;
        min-width: 250px;
        scroll-snap-align: start;
    }
}

@media (max-width: 640px) {
    .landing-vehicle-card-track .landing-vehicle-card {
        flex-basis: 225px;
        width: 225px;
        min-width: 225px;
    }

    .landing-vehicle-card .carhub-body-type-card__body {
        padding: 11px 10px 12px;
    }

    .landing-model-card-track .landing-model-card {
        flex-basis: 250px;
        width: 250px;
        min-width: 250px;
    }
}


/* ==========================================================================
   LANDING CARD PATCH — PHOTO VEHICLES + POPULAR MODEL RAIL
   --------------------------------------------------------------------------
   Scope: only landing vehicle-card photo rendering and model-card width.
   ========================================================================== */

/* Used/reconditioned inventory photos: preserve the complete source photo.
 * The image determines its own height, so portrait/landscape photos are never
 * cropped or forced into the transparent-new-car media ratio.
 */
.landing-vehicle-card__image--photo {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    align-items: flex-start;
    justify-content: center;
}

.landing-vehicle-card__image--photo img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* Popular models: make each card 25% narrower than the current 250px rail
 * card, so the next vehicle is intentionally visible on the right.
 */
.landing-model-card-track .landing-model-card {
    flex-basis: 250px;
    width: 250px;
    min-width: 250px;
}

@media (max-width: 640px) {
    .landing-model-card-track .landing-model-card {
        flex-basis: 210px;
        width: 210px;
        min-width: 210px;
    }
}

/* ==========================================================================
   LANDING CARD PATCH — COMPARE CARD ALIGNMENT + MODEL "VIEW MORE"
   --------------------------------------------------------------------------
   Scope: only the Cars That Match rail and Popular Models card.
   ========================================================================== */

/*
 * Cars That Match:
 * keep every comparison card on one consistent vertical rhythm so the
 * View Car action sits at the same bottom position. The image remains fully
 * visible because it uses contain rather than crop.
 */
@media (max-width: 900px) {
    .landing-vehicle-card-track .landing-vehicle-card {
        height: 360px;
    }

    .landing-vehicle-card-track .landing-vehicle-card__image {
        height: 190px !important;
        min-height: 190px !important;
        flex: 0 0 190px;
    }

    .landing-vehicle-card-track .landing-vehicle-card__image--photo {
        height: 190px !important;
        min-height: 190px !important;
        aspect-ratio: auto !important;
        align-items: center;
        justify-content: center;
    }

    .landing-vehicle-card-track .landing-vehicle-card__image--photo img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .landing-vehicle-card-track .landing-vehicle-card__body {
        height: 170px;
        min-height: 170px;
        flex: 0 0 170px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
}

/* Popular models: a clear action below the horizontal model rail. */
.landing-model-card__view-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin-top: 12px;
    padding: 0 16px;
    border: 1px solid #2563eb;
    border-radius: 10px;
    background: #fff;
    color: #2563eb !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
}

.landing-model-card__view-more:hover,
.landing-model-card__view-more:focus {
    background: #f7faff;
    color: #174bc0 !important;
}