:root {
    --site-ui: 1;
    --ui-radius-xs: 2px;
    --ui-radius-sm: 3px;
    --ui-radius-md: 4px;
    --ui-radius-lg: 5px;
    --ui-ink: #111827;
    --ui-ink-soft: #374151;
    --ui-muted: #64748b;
    --ui-paper: #ffffff;
    --ui-paper-soft: #f8fafc;
    --ui-line: rgba(17, 24, 39, .12);
    --ui-line-strong: rgba(17, 24, 39, .22);
    --ui-dark: #111827;
    --ui-dark-soft: #1f2937;
    --ui-on-dark: #ffffff;
    --ui-on-dark-soft: rgba(255, 255, 255, .84);
    --ui-primary: #111827;
    --ui-primary-hover: #020617;
    --ui-accent: #8b1e1e;
    --ui-accent-hover: #6f1515;
    --ui-shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);
    --ui-shadow-card: 0 18px 45px rgba(15, 23, 42, .1);
    --ui-shadow-hover: 0 22px 58px rgba(15, 23, 42, .14);
    --ui-container: 1220px;
}

html {
    scroll-behavior: smooth;
}

body,
.site-main,
.dag-page,
.dag-inventory {
    background: var(--ui-paper);
    color: var(--ui-ink);
    text-rendering: optimizeLegibility;
}

p,
li,
.dag-muted,
.hero__lead,
.about-hero__lead,
.contact-hero__subtitle,
.consign-hero__lead,
.financing-hero__lead,
.shipping-hero__lead,
.refund-hero__lead,
.privacy-hero__lead,
.terms-hero__lead,
.thankyou-hero__lead,
.inventory-lead {
    color: var(--ui-ink-soft);
}

.dag-container,
.site-header__inner,
.site-footer__inner {
    width: min(100% - 40px, var(--ui-container));
}

.site-header,
.site-footer,
.site-offcanvas__panel {
    background: rgba(255, 255, 255, .96);
    color: var(--ui-ink);
}

.site-header {
    backdrop-filter: saturate(140%) blur(14px);
}

.site-header,
.site-footer,
.site-offcanvas,
.mobile-cta-bar {
    border-radius: 0 !important;
}

.site-header__inner {
    min-height: 74px;
}

.site-header a,
.site-footer a,
.site-offcanvas__panel a {
    color: var(--ui-ink);
    text-underline-offset: 4px;
}

.site-footer {
    border-top: 1px solid var(--ui-line);
}

.site-footer__copyright,
.site-footer__legal,
.footer-label {
    color: var(--ui-muted);
}

.footer-contact-list {
    display: grid;
    gap: 10px;
}

.footer-contact-list li {
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--ui-line);
    color: var(--ui-ink);
    padding: 10px 12px;
}

.footer-hours {
    color: var(--ui-ink);
    line-height: 1.55;
    white-space: pre-line;
}

.hero,
.about-hero,
.contact-hero,
.consign-hero,
.financing-hero,
.shipping-hero,
.refund-hero,
.privacy-hero,
.terms-hero,
.thankyou-hero,
.inventory-hero {
    background-color: var(--ui-dark);
    color: var(--ui-on-dark);
    overflow: hidden;
}

.hero::before,
.about-hero::before,
.contact-hero::before,
.consign-hero::before,
.financing-hero::before,
.shipping-hero::before,
.refund-hero::before,
.privacy-hero::before,
.terms-hero::before,
.thankyou-hero::before,
.inventory-hero::before {
    background: linear-gradient(90deg, rgba(2, 6, 23, .78), rgba(2, 6, 23, .5), rgba(2, 6, 23, .28));
}

.hero__inner,
.about-hero__grid,
.contact-hero__inner,
.consign-hero__inner,
.financing-hero__inner,
.refund-hero__inner {
    align-items: center;
    min-height: clamp(320px, 36vw, 510px);
}

.hero__title,
.about-hero__title,
.contact-hero__title,
.consign-hero__title,
.financing-hero__title,
.shipping-hero__title,
.refund-hero__title,
.privacy-hero__title,
.terms-hero__title,
.thankyou-hero__title,
.inventory-title {
    color: var(--ui-on-dark);
    max-width: 11ch;
    text-shadow: 0 2px 22px rgba(0, 0, 0, .28);
    text-wrap: balance;
}

.hero__lead,
.about-hero__lead,
.contact-hero__subtitle,
.consign-hero__lead,
.financing-hero__lead,
.shipping-hero__lead,
.refund-hero__lead,
.privacy-hero__lead,
.terms-hero__lead,
.thankyou-hero__lead,
.inventory-lead {
    color: var(--ui-on-dark-soft);
    max-width: 68ch;
    text-wrap: pretty;
}

.hero__eyebrow,
.contact-hero__kicker,
.consign-hero__kicker,
.financing-hero__kicker,
.shipping-hero__kicker,
.refund-hero__kicker,
.privacy-hero__kicker,
.terms-hero__kicker,
.thankyou-hero__kicker {
    color: rgba(255, 255, 255, .88);
}

.hero,
[class*="-hero"],
[class*="__hero"],
.dag-card,
[class*="-card"],
[class*="__card"],
[class*="-panel"],
[class*="__panel"],
[class*="-section"],
[class*="__section"],
[class*="-content"],
[class*="__content"],
[class*="-callout"],
[class*="__callout"],
[class*="-cta"],
[class*="__cta"],
details,
summary {
    border-radius: var(--ui-radius-lg) !important;
}

.dag-btn,
.btn,
button,
input,
select,
textarea,
[class*="-field"],
[class*="__field"],
[class*="-input"],
[class*="__input"],
[class*="-select"],
[class*="__select"],
[class*="-textarea"],
[class*="__textarea"],
[class*="-chip"],
[class*="__chip"],
[class*="-pill"],
[class*="__pill"],
[class*="-badge"],
[class*="__badge"] {
    border-radius: var(--ui-radius-sm) !important;
}

img,
video,
iframe,
[class*="-img"],
[class*="__img"],
[class*="-image"],
[class*="__image"],
[class*="-media"],
[class*="__media"],
[class*="-thumb"],
[class*="__thumb"],
[class*="-frame"],
[class*="__frame"] {
    border-radius: var(--ui-radius-md) !important;
}

.dag-card,
.contact-mini,
.contact-form-card,
.contact-side,
.consign-form-card,
.consign-side,
.consign-benefit,
.consign-step,
.financing-info,
.financing-form-wrap,
.financing-highlight,
.shipping-quote__form,
.shipping-sidecard,
.shipping-highlight,
.shipping-step,
.shipping-content__body,
.refund-card,
.refund-section,
.privacy-card,
.privacy-section,
.terms-card,
.terms-content,
.thankyou-panel,
.inventory-help,
.inventory-visit__card,
.inv-card,
.car-pricing,
.car-specs,
.car-contact,
.car-gallery {
    background: var(--ui-paper) !important;
    border: 1px solid var(--ui-line) !important;
    box-shadow: var(--ui-shadow-card) !important;
    color: var(--ui-ink) !important;
}

.dag-card p,
.dag-card li,
.contact-mini__text,
.consign-benefit__text,
.consign-step__text,
.financing-highlight__text,
.shipping-highlight__text,
.shipping-step__text,
.refund-muted,
.privacy-section__muted,
.terms-muted,
.thankyou-panel__sub,
.inventory-help__text,
.inventory-summary__text,
.inv-card__meta,
.car-specs dd,
.car-contact p {
    color: var(--ui-ink-soft) !important;
}

.dag-card a,
.contact-mini__link,
.refund-link,
.privacy-link,
.terms-link,
.car-contact a {
    color: var(--ui-primary) !important;
}

.dag-card:hover,
.inv-card:hover,
.inventory-visit__card:hover,
.contact-mini:hover,
.consign-benefit:hover,
.shipping-step:hover {
    box-shadow: var(--ui-shadow-hover) !important;
    transform: none !important;
}

.dag-btn,
.btn,
button,
input[type="submit"],
input[type="button"] {
    border: 1px solid transparent;
    font-weight: 700;
    letter-spacing: .01em;
    min-height: 46px;
}

.dag-btn--primary,
.btn--primary,
.site-header__inventory,
.inventory-filters .dag-btn--primary,
.inventory-help .dag-btn,
.car-contact .dag-btn {
    background: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
    color: var(--ui-on-dark) !important;
}

.dag-btn--primary:hover,
.btn--primary:hover,
.site-header__inventory:hover,
.inventory-filters .dag-btn--primary:hover,
.inventory-help .dag-btn:hover,
.car-contact .dag-btn:hover {
    background: var(--ui-primary-hover) !important;
    border-color: var(--ui-primary-hover) !important;
    color: var(--ui-on-dark) !important;
}

.dag-btn--ghost,
.btn--ghost,
.inventory-topbar .dag-btn,
.refund-card .dag-btn--ghost,
.privacy-card .dag-btn--ghost,
.terms-card .dag-btn--ghost {
    background: var(--ui-paper) !important;
    border-color: var(--ui-line-strong) !important;
    color: var(--ui-ink) !important;
}

.dag-btn--ghost:hover,
.btn--ghost:hover,
.inventory-topbar .dag-btn:hover {
    background: var(--ui-paper-soft) !important;
    border-color: rgba(17, 24, 39, .32) !important;
    color: var(--ui-ink) !important;
}

input,
select,
textarea {
    background: var(--ui-paper) !important;
    border: 1px solid var(--ui-line-strong) !important;
    color: var(--ui-ink) !important;
    min-height: 46px;
}

textarea {
    min-height: 128px;
}

input::placeholder,
textarea::placeholder {
    color: #94a3b8 !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible,
summary:focus-visible {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, .12) !important;
    outline: 2px solid rgba(17, 24, 39, .36);
    outline-offset: 3px;
}

.contact-main,
.consign-main,
.financing-main,
.shipping-main,
.refund-main,
.privacy-main,
.terms-main,
.thankyou-main,
.dag-inventory {
    padding-block: clamp(42px, 6vw, 82px);
}

.contact-main__inner,
.consign-main__inner,
.financing-main__inner,
.refund-layout,
.privacy-layout,
.terms-layout,
.thankyou-layout,
.inventory-layout {
    gap: clamp(22px, 3vw, 42px);
}

.dag-inventory {
    background: linear-gradient(180deg, #f8fafc, #ffffff 360px);
}

.inventory-hero {
    background: linear-gradient(135deg, #111827, #1f2937) !important;
    padding-block: clamp(46px, 7vw, 86px) !important;
}

.inventory-layout {
    align-items: start;
    display: grid;
    gap: clamp(22px, 3vw, 40px);
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
}

.inventory-sidebar {
    align-self: start;
    position: sticky;
    top: 92px;
}

.inventory-filters,
.inventory-help,
.inventory-bar,
.inventory-summary {
    background: var(--ui-paper) !important;
    border: 1px solid var(--ui-line) !important;
    box-shadow: var(--ui-shadow-soft) !important;
}

.inventory-filters {
    padding: 18px !important;
}

.inventory-filters__grid,
.inventory-topbar__fields {
    gap: 12px !important;
}

.inventory-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    padding: 14px 16px !important;
}

.inventory-found {
    color: var(--ui-ink) !important;
    font-weight: 800;
}

.inventory-range,
.inventory-summary__label {
    color: var(--ui-muted) !important;
}

.inventory-grid {
    align-items: stretch;
    display: grid !important;
    gap: clamp(18px, 2.2vw, 30px) !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 286px), 1fr)) !important;
}

.inv-card {
    display: flex !important;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}

.inv-card__media {
    aspect-ratio: 4 / 3;
    background: #e5e7eb;
    overflow: hidden;
}

.inv-card__img,
.inv-card img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.inv-card__body {
    display: grid !important;
    flex: 1;
    gap: 12px !important;
    padding: 16px !important;
}

.inv-card__title,
.inv-card h2,
.inv-card h3 {
    color: var(--ui-ink) !important;
    font-size: clamp(1rem, 1.4vw, 1.22rem);
    line-height: 1.15;
    text-wrap: balance;
}

.inv-card__price,
.inv-card .price,
.inv-card [class*="price"] {
    color: var(--ui-accent) !important;
    font-weight: 900;
}

.inv-card__meta,
.inv-card__details,
.inv-card [class*="meta"] {
    color: var(--ui-ink-soft) !important;
}

.inventory-pagination a,
.inventory-pagination span {
    background: var(--ui-paper) !important;
    border: 1px solid var(--ui-line) !important;
    color: var(--ui-ink) !important;
}

.inventory-pagination .current,
.inventory-pagination a:hover {
    background: var(--ui-primary) !important;
    color: var(--ui-on-dark) !important;
}

.single-car,
.single-car-page,
.car-main,
.car-layout,
.single-car-layout {
    background: linear-gradient(180deg, #f8fafc, #ffffff 420px);
}

.car-layout,
.single-car-layout,
.car-main {
    align-items: start;
    display: grid;
    gap: clamp(22px, 3vw, 42px);
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr);
}

.car-gallery,
.car-pricing,
.car-specs,
.car-contact {
    background: var(--ui-paper) !important;
    border: 1px solid var(--ui-line) !important;
    box-shadow: var(--ui-shadow-card) !important;
}

.car-gallery {
    overflow: hidden;
}

.dag-stage,
.car-gallery__main,
.car-gallery__stage {
    background: #0f172a;
    overflow: hidden;
}

.dag-stage__img,
.car-gallery__main img,
.car-gallery__stage img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.dag-thumbs,
.car-gallery__thumbs {
    background: var(--ui-paper-soft);
    border-top: 1px solid var(--ui-line);
}

.dag-thumb,
.car-gallery__thumb {
    background: var(--ui-paper);
    border: 1px solid var(--ui-line);
}

.dag-thumb.is-active,
.car-gallery__thumb.is-active {
    border-color: var(--ui-primary);
    box-shadow: 0 0 0 2px rgba(17, 24, 39, .14);
}

.car-pricing {
    position: sticky;
    top: 92px;
}

.car-pricing,
.car-specs,
.car-contact {
    padding: clamp(18px, 2.4vw, 28px) !important;
}

.car-pricing h1,
.car-pricing h2,
.car-specs h2,
.car-contact h2 {
    color: var(--ui-ink) !important;
    text-wrap: balance;
}

.car-pricing [class*="price"],
.car-pricing .price {
    color: var(--ui-accent) !important;
    font-weight: 900;
}

.car-specs dl,
.car-specs__grid {
    display: grid;
    gap: 10px;
}

.car-specs dt,
.car-specs__label {
    color: var(--ui-muted) !important;
    font-weight: 700;
}

.car-specs dd,
.car-specs__value {
    color: var(--ui-ink) !important;
    font-weight: 800;
}

.dag-lightbox,

@media (min-width: 1180px) {
    .contact-main__inner,
    .consign-main__inner,
    .financing-main__inner,
    .refund-layout,
    .privacy-layout,
    .terms-layout {
        grid-template-columns: minmax(0, 1.45fr) minmax(320px, .55fr);
    }

    .site-footer__inner {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .55fr);
    }
}

@media (min-width: 1280px) {
    .inventory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1560px) {
    .inventory-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1180px) {
    .inventory-layout,
    .car-layout,
    .single-car-layout,
    .car-main,
    .contact-main__inner,
    .consign-main__inner,
    .financing-main__inner,
    .refund-layout,
    .privacy-layout,
    .terms-layout,
    .thankyou-layout {
        grid-template-columns: 1fr !important;
    }

    .inventory-sidebar,
    .car-pricing {
        position: static;
    }
}

@media (max-width: 980px) {
    .dag-container,
    .site-header__inner,
    .site-footer__inner {
        width: min(100% - 32px, var(--ui-container));
    }

    .site-header__inner {
        min-height: 66px;
    }

    .hero__inner,
    .about-hero__grid,
    .contact-hero__inner,
    .consign-hero__inner,
    .financing-hero__inner,
    .refund-hero__inner {
        min-height: auto;
        padding-block: clamp(42px, 10vw, 72px);
    }

    .hero__title,
    .about-hero__title,
    .contact-hero__title,
    .consign-hero__title,
    .financing-hero__title,
    .shipping-hero__title,
    .refund-hero__title,
    .privacy-hero__title,
    .terms-hero__title,
    .thankyou-hero__title,
    .inventory-title {
        font-size: clamp(2.05rem, 9vw, 3.4rem) !important;
        line-height: .98 !important;
        max-width: 100%;
    }

    .hero__actions,
    .about-hero__actions,
    .contact-hero__actions,
    .consign-hero__actions,
    .financing-hero__actions,
    .shipping-hero__actions,
    .refund-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .dag-card,
    .contact-mini,
    .contact-form-card,
    .contact-side,
    .consign-form-card,
    .consign-side,
    .financing-info,
    .financing-form-wrap,
    .shipping-quote__form,
    .shipping-sidecard,
    .refund-card,
    .privacy-card,
    .terms-card,
    .thankyou-panel,
    .inventory-help,
    .inventory-visit__card,
    .inv-card,
    .car-pricing,
    .car-specs,
    .car-contact {
        padding: clamp(15px, 4vw, 22px) !important;
    }

    .site-footer__inner {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .dag-container,
    .site-header__inner,
    .site-footer__inner {
        width: min(100% - 26px, var(--ui-container));
    }

    .site-header__brand,
    .site-branding {
        min-width: 0;
    }

    .site-header__inventory {
        display: none !important;
    }

    .hero__actions,
    .about-hero__actions,
    .contact-hero__actions,
    .consign-hero__actions,
    .financing-hero__actions,
    .shipping-hero__actions,
    .refund-hero__actions,
    .contact-side__ctaActions,
    .inventory-filters__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    .dag-btn,
    .btn,
    button,
    input[type="submit"] {
        justify-content: center;
        width: 100%;
    }

    .contact-hero__chips,
    .consign-hero__chips,
    .financing-hero__chips,
    .shipping-hero__chips,
    .refund-hero__chips {
        display: flex !important;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .contact-hero__chips::-webkit-scrollbar,
    .consign-hero__chips::-webkit-scrollbar,
    .financing-hero__chips::-webkit-scrollbar,
    .shipping-hero__chips::-webkit-scrollbar,
    .refund-hero__chips::-webkit-scrollbar {
        display: none;
    }

    .contact-hero__chips > *,
    .consign-hero__chips > *,
    .financing-hero__chips > *,
    .shipping-hero__chips > *,
    .refund-hero__chips > * {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .inventory-hero {
        padding-block: 42px !important;
    }

    .inventory-layout,
    .inventory-grid {
        gap: 16px !important;
    }

    .inventory-bar,
    .inventory-topbar,
    .inventory-topbar__fields,
    .inventory-filters__grid,
    .inventory-filters__row,
    .inventory-filters__actions,
    .contact-form-grid,
    .consign-grid-form,
    .financing-form__grid,
    .shipping-form__grid {
        display: grid !important;
        gap: 12px !important;
        grid-template-columns: 1fr !important;
    }

    .inventory-grid {
        grid-template-columns: 1fr !important;
    }

    .inv-card__body,
    .car-pricing,
    .car-specs,
    .car-contact {
        padding: 14px !important;
    }

    .site-footer {
        padding-bottom: 76px;
    }

    .footer-hours {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .dag-container,
    .site-header__inner,
    .site-footer__inner {
        width: min(100% - 22px, var(--ui-container));
    }

    .hero__title,
    .about-hero__title,
    .contact-hero__title,
    .consign-hero__title,
    .financing-hero__title,
    .shipping-hero__title,
    .refund-hero__title,
    .privacy-hero__title,
    .terms-hero__title,
    .thankyou-hero__title,
    .inventory-title {
        font-size: clamp(1.85rem, 11vw, 2.65rem) !important;
    }

    .dag-card,
    .contact-mini,
    .contact-form-card,
    .contact-side,
    .consign-form-card,
    .consign-side,
    .financing-info,
    .financing-form-wrap,
    .shipping-quote__form,
    .shipping-sidecard,
    .refund-card,
    .privacy-card,
    .terms-card,
    .thankyou-panel,
    .inventory-help,
    .inventory-visit__card,
    .inv-card,
    .car-pricing,
    .car-specs,
    .car-contact {
        padding: 14px !important;
    }
}

body {
    --r10-top-header-skip-lightbox-fix: 1;
}

.skip-link:not(:focus):not(:focus-visible),
body > a[href="#main"]:not(:focus):not(:focus-visible),
body > a[href="#content"]:not(:focus):not(:focus-visible),
body > a[href="#primary"]:not(:focus):not(:focus-visible),
body > a[href="#site-content"]:not(:focus):not(:focus-visible) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.skip-link:focus,
.skip-link:focus-visible,
body > a[href="#main"]:focus,
body > a[href="#content"]:focus,
body > a[href="#primary"]:focus,
body > a[href="#site-content"]:focus {
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 100000 !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    background: var(--ui-dark, #111827) !important;
    color: var(--ui-on-dark, #ffffff) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: var(--ui-radius-sm, 3px) !important;
    box-shadow: var(--ui-shadow-hover, 0 22px 58px rgba(15, 23, 42, .14)) !important;
    text-decoration: none !important;
}

.site-topbar {
    background: #111827;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.site-topbar__inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font-size: .84rem;
    font-weight: 700;
    letter-spacing: .01em;
}

.site-topbar__left,
.site-topbar__right {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.site-topbar__item {
    color: rgba(255, 255, 255, .88) !important;
    text-decoration: none;
    white-space: nowrap;
}

.site-topbar__item:hover,
.site-topbar__item:focus-visible {
    color: #ffffff !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.site-topbar__address {
    max-width: min(48vw, 520px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.site-header {
    border-top: 0;
}

@media (max-width: 980px) {
    .site-topbar__inner {
        min-height: 36px;
        font-size: .78rem;
    }

    .site-topbar__right {
        display: none;
    }

    .site-topbar__left {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .site-topbar {
        display: none;
    }
}

body {
    --r11-layout-polish: 1;
}

.site-main {
    overflow-x: clip;
}

.page-template,
.dag-page,
.dag-inventory,
.single-car-page {
    isolation: isolate;
}

.home-contact__inner,
.contact-cards__inner,
.contact-main__inner,
.consign-main__inner,
.financing-main__inner,
.shipping-quote__inner,
.refund-layout,
.privacy-layout,
.terms-layout,
.thankyou-layout,
.inventory-layout,
.car-layout,
.single-car-layout,
.car-main {
    container-type: inline-size;
}

.home-contact__inner,
.contact-cards__grid,
.contact-main__inner,
.consign-main__inner,
.financing-main__inner,
.shipping-quote__inner,
.refund-layout,
.privacy-layout,
.terms-layout,
.thankyou-layout {
    align-items: start;
}

.contact-cards__grid,
.consign-benefits__grid,
.consign-steps__grid,
.financing-highlights__grid,
.shipping-highlights,
.shipping-steps,
.refund-grid,
.privacy-grid,
.terms-grid,
.thankyou-grid,
.inventory-visit__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: clamp(16px, 2vw, 28px);
}

.dag-card,
.contact-mini,
.consign-benefit,
.consign-step,
.financing-highlight,
.shipping-highlight,
.shipping-step,
.refund-section,
.privacy-section,
.terms-card,
.thankyou-panel,
.inventory-visit__card,
.inv-card,
.car-pricing,
.car-specs,
.car-contact {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dag-card h2,
.dag-card h3,
.contact-mini__title,
.consign-benefit__title,
.consign-step__title,
.financing-highlight__title,
.shipping-highlight__title,
.shipping-step__title,
.refund-section__title,
.privacy-section__title,
.terms-card__title,
.inventory-visit__label,
.inv-card__title,
.car-specs__title,
.car-contact__title {
    color: var(--ui-ink) !important;
    line-height: 1.08;
    text-wrap: balance;
}

.dag-card p,
.contact-mini__text,
.consign-benefit__text,
.consign-step__text,
.financing-highlight__text,
.shipping-highlight__text,
.shipping-step__text,
.refund-section__text,
.privacy-section__text,
.terms-card__text,
.inventory-visit__value {
    line-height: 1.62;
}

.hero__actions,
.about-hero__actions,
.contact-hero__actions,
.consign-hero__actions,
.financing-hero__actions,
.shipping-hero__actions,
.refund-hero__actions,
.contact-faq__ctaActions,
.contact-side__ctaActions {
    align-items: center;
    gap: 12px;
}

.hero__actions .dag-btn,
.hero__actions .btn,
.about-hero__actions .dag-btn,
.about-hero__actions .btn,
.contact-hero__actions .dag-btn,
.contact-hero__actions .btn,
.consign-hero__actions .dag-btn,
.consign-hero__actions .btn,
.financing-hero__actions .dag-btn,
.financing-hero__actions .btn,
.shipping-hero__actions .dag-btn,
.shipping-hero__actions .btn,
.refund-hero__actions .dag-btn,
.refund-hero__actions .btn {
    width: auto;
}

.dag-form,
.home-contact__form,
.contact-form-grid,
.consign-grid-form,
.financing-form__grid,
.shipping-form__grid {
    gap: 14px !important;
}

.dag-form label,
.home-contact__field label,
.dag-contact-label,
.inventory-topbar__label,
.inventory-filters label {
    color: var(--ui-ink) !important;
    font-weight: 800;
}

.contact-help,
.dag-contact-consent,
.consign-form__disclaimer,
.financing-form__disclaimer,
.shipping-form__disclaimer {
    color: var(--ui-muted) !important;
    font-size: .92rem;
}

.inventory-layout {
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
}

.inventory-sidebar {
    z-index: 2;
}

.inventory-filters-collapse__summary {
    color: var(--ui-ink) !important;
    font-weight: 900;
}

.inventory-filters input,
.inventory-filters select,
.inventory-topbar select {
    width: 100%;
}

.inventory-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 292px), 1fr)) !important;
}

.inv-card {
    contain: layout paint;
}

.inv-card__media {
    aspect-ratio: 16 / 11;
}

/* ============================================================
   LIGHTBOX (canonical, R16) — square, minimal, no overrides
   ============================================================ */

.car-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    width: 100vw;
    height: 100vh;
    padding: clamp(12px, 2vw, 28px);
    background: rgba(2, 6, 23, 0.92);
    color: #ffffff;
    overflow: hidden;
    isolation: isolate;
}
.car-lightbox[hidden],
.car-lightbox.is-hidden,
.car-lightbox[aria-hidden="true"] {
    display: none;
}
.car-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
    cursor: zoom-out;
    z-index: 0;
}
.car-lightbox__dialog {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 14px;
    width: min(94vw, 1280px);
    max-height: min(94vh, 920px);
}
.car-lightbox__tools {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.car-lightbox__close,
.car-lightbox__tool,
.car-lightbox__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 0;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease;
}
.car-lightbox__close:hover,
.car-lightbox__tool:hover,
.car-lightbox__nav:hover {
    background: rgba(255, 255, 255, 0.22);
}
.car-lightbox__nav--prev,
.car-lightbox__prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.car-lightbox__nav--next,
.car-lightbox__next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.car-lightbox__mid {
    display: grid;
    place-items: center;
    min-height: 0;
}
.car-lightbox__figure {
    margin: 0;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
}
.car-lightbox__img {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 0;
    background: #000;
}
.car-lightbox__img.is-zoomed {
    cursor: zoom-out;
    max-height: none;
    max-width: none;
    transform: scale(1.4);
}
.car-lightbox__cap {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    text-align: center;
}
.car-lightbox__thumbs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}
.car-lightbox__thumb {
    list-style: none;
    flex: 0 0 auto;
}
.car-lightbox__thumb-btn {
    display: block;
    width: 76px;
    height: 56px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.05);
    cursor: pointer;
    overflow: hidden;
}
.car-lightbox__thumb-btn.is-active {
    border-color: #ffffff;
}
.car-lightbox__thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
html.car-lightbox-open,
body.car-lightbox-open {
    overflow: hidden;
}
@media (max-width: 720px) {
    .car-lightbox {
        padding: 8px;
    }
    .car-lightbox__img {
        max-height: 60vh;
    }
    .car-lightbox__close,
    .car-lightbox__tool,
    .car-lightbox__nav {
        width: 40px;
        height: 40px;
    }
    .car-lightbox__thumb-btn {
        width: 60px;
        height: 44px;
    }
}
/* ============================================================
   END LIGHTBOX
   ============================================================ */

/* ============================================================
   SQUARE-UI ENFORCEMENT (R16) — kill all rounded corners
   except for true circles (avatars, badges, status dots).
   ============================================================ */

.dag-card,
.dag-form input,
.dag-form select,
.dag-form textarea,
.dag-btn,
.dag-btn--primary,
.dag-btn--ghost,
.dag-btn--secondary,
.car-card,
.car-card__media,
.car-pricing,
.car-contact,
.car-specs,
.car-specs__item,
.about-pill,
.contact-mini,
.contact-form-card,
.consign-form-card,
.dag-contact-card,
.dag-contact-input,
.dag-contact-side,
.financing-info,
.financing-form-wrap,
.financing-faq__items,
.financing-cta,
.consign-side,
.consign-benefit,
.consign-step,
.consign-faq__item,
.shipping-hero,
.shipping-quote__form,
.shipping-sidecard,
.shipping-highlight,
.shipping-step,
.shipping-faq__item,
.shipping-cta,
.refund-card,
.refund-section,
.refund-cta,
.thankyou-hero,
.contact-faq__cta,
.about-chip,
.consign-chip,
.financing-chip,
.shipping-chip,
.refund-chip,
.contact-chip,
.inv-badge,
.inv-card,
.inv-filter,
.inventory-help,
.inventory-empty,
.inventory-visit__card,
.dag-field input,
.dag-field select,
.dag-field textarea,
.dag-check,
.dag-hp-field,
.car-lightbox__img,
.car-lightbox__close,
.car-lightbox__tool,
.car-lightbox__nav,
.car-lightbox__thumb-btn,
.car-gallery__main-image,
.car-gallery__thumb,
.dag-thumb {
    border-radius: 0 !important;
}

button,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="password"],
select,
textarea {
    border-radius: 0;
}

img,
.car-card__img,
.about-hero__img,
.team-card__media,
.contact-mini__icon img {
    border-radius: 0;
}

/* Keep round only for true circles */
.dag-avatar,
.dag-status-dot,
.dag-badge--circle,
.team-card__avatar {
    border-radius: 50%;
}

/* ============================================================
   END SQUARE-UI ENFORCEMENT
   ============================================================ */

/* ============================================================
   SQUARE-UI ENFORCEMENT (R16) — kill all rounded corners
   except for true circles (avatars, badges, status dots).
   ============================================================ */

.dag-card,
.dag-form input,
.dag-form select,
.dag-form textarea,
.dag-btn,
.dag-btn--primary,
.dag-btn--ghost,
.dag-btn--secondary,
.car-card,
.car-card__media,
.car-pricing,
.car-contact,
.car-specs,
.car-specs__item,
.about-pill,
.contact-mini,
.contact-form-card,
.consign-form-card,
.dag-contact-card,
.dag-contact-input,
.dag-contact-side,
.financing-info,
.financing-form-wrap,
.financing-faq__items,
.financing-cta,
.consign-side,
.consign-benefit,
.consign-step,
.consign-faq__item,
.shipping-hero,
.shipping-quote__form,
.shipping-sidecard,
.shipping-highlight,
.shipping-step,
.shipping-faq__item,
.shipping-cta,
.refund-card,
.refund-section,
.refund-cta,
.thankyou-hero,
.contact-faq__cta,
.about-chip,
.consign-chip,
.financing-chip,
.shipping-chip,
.refund-chip,
.contact-chip,
.inv-badge,
.inv-card,
.inv-filter,
.inventory-help,
.inventory-empty,
.inventory-visit__card,
.dag-field input,
.dag-field select,
.dag-field textarea,
.dag-check,
.dag-hp-field,
.car-lightbox__img,
.car-lightbox__close,
.car-lightbox__tool,
.car-lightbox__nav,
.car-lightbox__thumb-btn,
.car-gallery__main-image,
.car-gallery__thumb,
.dag-thumb {
    border-radius: 0 !important;
}

button,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="password"],
select,
textarea {
    border-radius: 0;
}

img,
.car-card__img,
.about-hero__img,
.team-card__media,
.contact-mini__icon img {
    border-radius: 0;
}

/* Keep round only for true circles */
.dag-avatar,
.dag-status-dot,
.dag-badge--circle,
.team-card__avatar {
    border-radius: 50%;
}

/* ============================================================
   END SQUARE-UI ENFORCEMENT
   ============================================================ */

/* ============================================================
   R17 — TOKENS OVERRIDE / LOGO TRANSPARENT / CONTRAST SAFE
   ============================================================ */

/* 1) Token override — kill all rounded corners cascading from tokens */
:root {
    --dag-radius-sm: 0 !important;
    --dag-radius-md: 0 !important;
    --dag-radius-lg: 0 !important;
    --dag-radius:    0 !important;
}

/* 2) Universal square — catch any remaining rounded corners */
.dag-card,
.dag-card *,
.dag-form,
.dag-form *,
.dag-btn,
.dag-btn *,
.car-card,
.car-card *,
.car-pricing,
.car-contact,
.car-specs,
.car-specs *,
.contact-form-card,
.consign-form-card,
.shipping-quote__form,
.shipping-quote__form *,
.dag-contact-card,
.dag-contact-card *,
.dag-contact-input,
.dag-contact-side,
.dag-contact-side *,
.financing-info,
.financing-form-wrap,
.financing-form-wrap *,
.financing-faq__items,
.financing-faq__items *,
.financing-cta,
.consign-side,
.consign-side *,
.consign-benefit,
.consign-step,
.consign-faq__item,
.shipping-hero,
.shipping-sidecard,
.shipping-highlight,
.shipping-step,
.shipping-faq__item,
.shipping-cta,
.refund-card,
.refund-card *,
.refund-section,
.refund-cta,
.refund-cta *,
.thankyou-hero,
.thankyou-hero *,
.contact-faq__cta,
.about-pill,
.about-chip,
.consign-chip,
.financing-chip,
.shipping-chip,
.refund-chip,
.contact-chip,
.inv-badge,
.inv-card,
.inv-card *,
.inv-filter,
.inv-filter *,
.inventory-help,
.inventory-help *,
.inventory-empty,
.inventory-visit__card,
.dag-field,
.dag-field input,
.dag-field select,
.dag-field textarea,
.dag-check,
.dag-check *,
.dag-hp-field,
[class*="-hero"],
[class*="-card"]:not(.dag-badge--circle):not(.team-card__avatar) {
    border-radius: 0 !important;
}

button,
input,
select,
textarea,
img,
fieldset,
.wp-block-button__link,
.wp-block-image img {
    border-radius: 0;
}

/* True circles preserved */
.dag-avatar,
.dag-status-dot,
.dag-badge--circle,
.team-card__avatar,
.team-card__avatar img {
    border-radius: 50% !important;
}

/* 3) LOGO — transparent wrap, no background, no border, no shadow */
.site-branding,
.site-branding__home,
.site-branding__logo,
.site-branding__logo-img,
.custom-logo-link,
.custom-logo-link img,
.custom-logo {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none;
}
.site-branding__logo {
    display: inline-flex;
    align-items: center;
    background: transparent;
    padding: 0;
}
.site-branding__logo-img,
.custom-logo-link img {
    display: block;
    background: transparent;
    object-fit: contain;
    max-height: var(--site-logo-h, 56px);
    width: auto;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

/* 4) CONTRAST SAFETY — kill light-on-light and dark-on-dark */

/* Dark hero / overlay sections — force light text */
.hero,
.hero *,
.hero--main,
.hero--main *,
.financing-hero,
.financing-hero h1,
.financing-hero h2,
.financing-hero p,
.shipping-hero h1,
.shipping-hero h2,
.shipping-hero p,
.consign-hero h1,
.consign-hero h2,
.consign-hero p,
.contact-hero h1,
.contact-hero h2,
.contact-hero p,
.dag-contact-hero h1,
.dag-contact-hero h2,
.dag-contact-hero p,
.refund-hero h1,
.refund-hero h2,
.refund-hero p,
.thankyou-hero h1,
.thankyou-hero h2,
.thankyou-hero p {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Hero sections need dark overlay so text is readable */
.financing-hero,
.shipping-hero,
.consign-hero,
.contact-hero,
.dag-contact-hero,
.refund-hero,
.thankyou-hero,
.hero--main {
    background-color: #1a1a1a;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.financing-hero::before,
.shipping-hero::before,
.consign-hero::before,
.contact-hero::before,
.dag-contact-hero::before,
.refund-hero::before,
.thankyou-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.65));
    z-index: 0;
    pointer-events: none;
}
.financing-hero > *,
.shipping-hero > *,
.consign-hero > *,
.contact-hero > *,
.dag-contact-hero > *,
.refund-hero > *,
.thankyou-hero > * {
    position: relative;
    z-index: 1;
}

/* Light surfaces — force dark text */
.dag-card,
.dag-card p,
.dag-card li,
.dag-card label,
.dag-card .dag-card__title,
.car-card,
.car-card p,
.car-card .car-card__title,
.contact-form-card,
.contact-form-card *,
.consign-form-card,
.consign-form-card *,
.shipping-quote__form,
.shipping-quote__form * {
    color: var(--color-text, #0f0f10);
}

/* Form inputs — always dark text on white */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="password"],
select,
textarea {
    color: var(--color-text, #0f0f10);
    background-color: var(--color-paper, #ffffff);
    border: 1px solid var(--color-border, #e4e4e7);
}
input::placeholder,
textarea::placeholder {
    color: var(--color-muted, #71717a);
    opacity: 1;
}

/* Block separators — visible borders between sections */
section + section,
.dag-section + .dag-section {
    border-top: 1px solid var(--color-border, #e4e4e7);
}

/* Buttons — guaranteed visible */
.dag-btn,
.dag-btn--primary {
    background: var(--color-primary, #b0122a);
    color: #ffffff;
    border: 1px solid var(--color-primary, #b0122a);
}
.dag-btn--ghost,
.dag-btn--secondary {
    background: var(--color-paper, #ffffff);
    color: var(--color-ink, #0f0f10);
    border: 1px solid var(--color-border-2, #d4d4d8);
}

/* ============================================================
   END R17
   ============================================================ */

/* ============================================================
   R18 — TYPOGRAPHY + SPACING SCALE (foundation)
   ============================================================ */

:root {
    /* Fluid type scale — clamp(min, preferred, max) */
    --fs-xs:    clamp(11px, 0.72rem + 0.1vw, 12px);
    --fs-sm:    clamp(12px, 0.78rem + 0.12vw, 13px);
    --fs-base:  clamp(14px, 0.85rem + 0.18vw, 16px);
    --fs-md:    clamp(15px, 0.92rem + 0.22vw, 17px);
    --fs-lg:    clamp(17px, 1.0rem + 0.32vw, 19px);
    --fs-xl:    clamp(19px, 1.1rem + 0.5vw, 22px);
    --fs-2xl:   clamp(22px, 1.2rem + 0.8vw, 28px);
    --fs-3xl:   clamp(26px, 1.4rem + 1.2vw, 34px);
    --fs-4xl:   clamp(30px, 1.6rem + 1.8vw, 42px);
    --fs-5xl:   clamp(34px, 1.8rem + 2.4vw, 52px);
    --fs-6xl:   clamp(40px, 2.0rem + 3.2vw, 64px);
    --fs-7xl:   clamp(48px, 2.4rem + 4.0vw, 80px);

    /* Space scale (4px base) */
    --space-0:   0;
    --space-1:   4px;
    --space-2:   8px;
    --space-3:   12px;
    --space-4:   16px;
    --space-5:   20px;
    --space-6:   24px;
    --space-8:   32px;
    --space-10:  40px;
    --space-12:  48px;
    --space-16:  64px;
    --space-20:  80px;
    --space-24:  96px;
    --space-32:  128px;

    /* Section vertical rhythm — fluid */
    --section-y-sm: clamp(24px, 3vw, 40px);
    --section-y-md: clamp(40px, 5vw, 64px);
    --section-y-lg: clamp(56px, 7vw, 96px);

    /* Line height scale */
    --lh-tight:    1.1;
    --lh-snug:     1.25;
    --lh-base:     1.55;
    --lh-relaxed:  1.7;
    --lh-loose:    1.85;

    /* Letter spacing */
    --ls-tighter: -0.03em;
    --ls-tight:   -0.015em;
    --ls-normal:  0;
    --ls-wide:    0.025em;
    --ls-wider:   0.06em;

    /* Font weights */
    --fw-regular: 400;
    --fw-medium:  500;
    --fw-semi:    600;
    --fw-bold:    700;
    --fw-black:   800;
}

/* Headings normalized via :where() — low specificity, page overrides win */
:where(h1) {
    font-size: var(--fs-5xl);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
    font-weight: var(--fw-bold);
    margin: 0 0 var(--space-4);
}
:where(h2) {
    font-size: var(--fs-4xl);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
    font-weight: var(--fw-bold);
    margin: 0 0 var(--space-4);
}
:where(h3) {
    font-size: var(--fs-3xl);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    margin: 0 0 var(--space-3);
}
:where(h4) {
    font-size: var(--fs-2xl);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    margin: 0 0 var(--space-3);
}
:where(h5) {
    font-size: var(--fs-xl);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    margin: 0 0 var(--space-2);
}
:where(h6) {
    font-size: var(--fs-lg);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin: 0 0 var(--space-2);
}

/* Body text base */
:where(p) {
    margin: 0 0 var(--space-3);
    line-height: var(--lh-base);
}
:where(p:last-child) {
    margin-bottom: 0;
}

/* Hero titles — use full scale */
.hero__title,
.hero--main .hero__title,
.financing-hero__title,
.shipping-hero__title,
.consign-hero__title,
.contact-hero__title,
.dag-contact-hero__title,
.refund-hero__title,
.thankyou-hero__title,
.privacy-hero__title,
.terms-hero__title,
.about-hero__title,
.inventory-hero__title {
    font-size: var(--fs-5xl);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
    font-weight: var(--fw-bold);
    margin: 0 0 var(--space-4);
}

/* Section titles — consistent secondary */
.section__title,
.home-featured__title,
.consign-form-card__title,
.financing-apply__title,
.shipping-quote__title,
.privacy-card__title,
.refund-card__title,
.terms-card__title,
.inventory-filters__title,
.inventory-help__title {
    font-size: var(--fs-3xl);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    margin: 0 0 var(--space-4);
}

/* Card / inline titles */
.dag-card__title,
.car-card__title,
.about-pill__title,
.financing-faq__item-title,
.consign-faq__item-title,
.shipping-faq__item-title {
    font-size: var(--fs-xl);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    margin: 0 0 var(--space-2);
}

/* Body / lead paragraphs */
.lead,
.hero__lead,
.section__lead {
    font-size: var(--fs-lg);
    line-height: var(--lh-relaxed);
    color: var(--color-text);
}
.muted,
.help-text,
.dag-form__hint,
.car-card__meta {
    font-size: var(--fs-sm);
    color: var(--color-muted);
    line-height: var(--lh-base);
}

/* Buttons — consistent type */
.dag-btn,
.dag-btn--primary,
.dag-btn--ghost,
.dag-btn--secondary,
button.dag-btn,
.car-submit-btn {
    font-size: var(--fs-base);
    line-height: 1;
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wide);
    padding: var(--space-3) var(--space-5);
}
.dag-btn--lg {
    font-size: var(--fs-md);
    padding: var(--space-4) var(--space-6);
}
.dag-btn--sm {
    font-size: var(--fs-sm);
    padding: var(--space-2) var(--space-4);
}

/* Form labels & inputs — consistent */
.dag-form label,
.dag-field label,
.dag-contact-label,
label {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wide);
    color: var(--color-text);
    margin-bottom: var(--space-1);
    display: block;
}
.dag-form input,
.dag-form select,
.dag-form textarea,
.dag-field input,
.dag-field select,
.dag-field textarea,
.dag-contact-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="password"],
select,
textarea {
    font-size: var(--fs-base);
    line-height: var(--lh-snug);
    padding: var(--space-3) var(--space-4);
}
.dag-form textarea,
.dag-field textarea,
.dag-contact-input[id*="message"],
textarea {
    line-height: var(--lh-base);
    min-height: 120px;
}

/* Section padding rhythm — apply to landing sections without breaking page CSS */
.section,
.dag-section,
.home-section,
.about-section,
.consign-section,
.financing-section,
.shipping-section,
.refund-section,
.privacy-section,
.terms-section,
.contact-section,
.thankyou-section {
    padding-block: var(--section-y-md);
}
.section--lg,
.section--hero {
    padding-block: var(--section-y-lg);
}
.section--sm {
    padding-block: var(--section-y-sm);
}

/* Cards — consistent inner padding */
.dag-card,
.car-card,
.contact-form-card,
.consign-form-card,
.shipping-quote__form,
.dag-contact-card,
.financing-info,
.financing-form-wrap,
.refund-card,
.privacy-card,
.terms-card {
    padding: var(--space-6);
}

/* Lists — consistent rhythm */
:where(ul, ol) {
    line-height: var(--lh-base);
    padding-left: var(--space-5);
}
:where(li) {
    margin-bottom: var(--space-1);
}

/* Long-form prose width cap (privacy/terms/refund) */
.privacy-card,
.terms-card,
.refund-card {
    max-width: var(--dag-max-prose, 72ch);
}

/* Container max-width consistent */
.container,
.dag-container {
    max-width: var(--dag-container, 1160px);
    margin-inline: auto;
    padding-inline: var(--dag-gutter, 18px);
}

/* Mobile typography tightening */
@media (max-width: 600px) {
    :where(h1) { font-size: var(--fs-4xl); }
    :where(h2) { font-size: var(--fs-3xl); }
    :where(h3) { font-size: var(--fs-2xl); }
    .hero__title,
    .hero--main .hero__title {
        font-size: var(--fs-4xl);
    }
}

/* Focus visibility — touch all interactive elements */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--color-focus, var(--color-primary));
    outline-offset: 2px;
}

/* ============================================================
   END R18
   ============================================================ */

/* ============================================================
   R19 — HOME / ABOUT / INVENTORY POLISH
   ============================================================ */

/* 1) Fix R17 hero overlay conflict — home hero stays LIGHT by design.
      Only contact/financing/etc keep dark overlay. */
.home-page .hero,
.home-page .hero--main,
.home-page .hero--find,
.hero--main,
.hero--find {
    background-color: transparent;
}
.home-page .hero::before,
.hero--main::before,
.hero--find::before {
    content: none !important;
    display: none !important;
}
.home-page .hero .hero__title,
.hero--main .hero__title,
.hero--find .hero__title {
    color: var(--color-ink) !important;
    text-shadow: var(--text-outline-shadow), 0 10px 30px rgba(var(--color-overlay-rgb), 0.22) !important;
}
.home-page .hero .hero__eyebrow,
.home-page .hero .hero__scroll,
.hero--main .hero__eyebrow,
.hero--find .hero__eyebrow {
    color: var(--color-muted) !important;
    text-shadow: none !important;
}

/* 2) About — kill custom rounded tokens */
.dag-about,
:root {
    --ab-radius: 0 !important;
}

/* 3) Section titles unified */
.section-title,
.home-news__title,
.home-contact__title,
.home-featured__title,
.about-section-title,
.about-cta__title {
    font-size: var(--fs-3xl);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-tight);
    font-weight: var(--fw-bold);
    color: var(--color-text);
    margin: 0 0 var(--space-6);
    text-align: left;
}

/* Section title eyebrow accent */
.section-title::after,
.home-featured__title::after,
.home-news__title::after,
.about-section-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: var(--color-primary);
    margin-top: var(--space-3);
}

/* 4) Inventory card hierarchy */
.inv-card,
.car-card {
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    overflow: hidden;
    transition: border-color var(--anim-fast) var(--ease-out), transform var(--anim-fast) var(--ease-out);
    display: flex;
    flex-direction: column;
}
.inv-card:hover,
.car-card:hover {
    border-color: var(--color-primary);
    transform: translateY(-2px);
}
.inv-card__link,
.car-card__link {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
    height: 100%;
}
.inv-card__media,
.car-card__media {
    aspect-ratio: 4 / 3;
    background: var(--color-surface-2);
    overflow: hidden;
    position: relative;
}
.inv-card__img,
.car-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--anim-med) var(--ease-out);
}
.inv-card:hover .inv-card__img,
.car-card:hover .car-card__img {
    transform: scale(1.04);
}
.inv-card__body,
.car-card__body {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    flex: 1;
}
.inv-card__title,
.car-card__title {
    font-size: var(--fs-lg);
    line-height: var(--lh-snug);
    font-weight: var(--fw-semi);
    color: var(--color-text);
    margin: 0;
}
.inv-card__specs,
.car-card__specs {
    font-size: var(--fs-sm);
    color: var(--color-muted);
    line-height: var(--lh-snug);
}
.inv-specs__value {
    color: var(--color-muted);
}

/* Card meta row — Price + Mileage */
.inv-card__meta,
.car-card__meta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-2);
    align-items: end;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
    margin-top: auto;
}
.inv-meta__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}
.inv-meta__item:last-child {
    text-align: right;
}
.inv-meta__label {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    color: var(--color-muted);
    font-weight: var(--fw-semi);
}
.inv-meta__value {
    font-size: var(--fs-base);
    font-weight: var(--fw-semi);
    color: var(--color-text);
    line-height: 1;
}
.inv-price {
    font-size: var(--fs-xl);
    font-weight: var(--fw-bold);
    color: var(--color-primary);
}
.inv-price::before {
    content: "$";
    font-size: 0.85em;
    margin-right: 1px;
    opacity: 0.85;
}

/* Inventory grid responsive */
.inventory-grid,
.car-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-5);
}
@media (max-width: 600px) {
    .inventory-grid,
    .car-cards-grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
}

/* 5) Inventory filters consistency */
.inventory-filters,
.inventory-filters-collapse {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}
.inventory-filters__title {
    font-size: var(--fs-md);
    font-weight: var(--fw-semi);
    color: var(--color-text);
    margin: 0 0 var(--space-3);
    letter-spacing: var(--ls-normal);
}
.inventory-filters .dag-field label {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    font-weight: var(--fw-semi);
    color: var(--color-muted);
}
.inventory-help__title {
    font-size: var(--fs-md);
    font-weight: var(--fw-semi);
    color: var(--color-text);
    margin: 0 0 var(--space-2);
}

/* 6) Inventory chips */
.inv-chip,
.inv-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    text-decoration: none;
    line-height: 1;
}
.inv-chip:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.inv-chip--reset {
    background: var(--color-paper);
    border-color: var(--color-border-2);
    color: var(--color-text);
}

/* 7) About pills consistency */
.about-pill {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    padding: var(--space-5);
    transition: border-color var(--anim-fast) var(--ease-out);
}
.about-pill:hover {
    border-color: var(--color-primary);
}
.about-chip {
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    padding: var(--space-1) var(--space-3);
    background: rgba(var(--color-primary-rgb), 0.08);
    color: var(--color-primary);
    border: 1px solid rgba(var(--color-primary-rgb), 0.18);
    line-height: 1.6;
}

/* 8) Home featured cards — same hierarchy as inv-card */
.home-featured__card {
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    transition: border-color var(--anim-fast) var(--ease-out), transform var(--anim-fast) var(--ease-out);
}
.home-featured__card:hover {
    border-color: var(--color-primary);
    transform: translateY(-2px);
}
.home-featured__media {
    aspect-ratio: 4 / 3;
    background: var(--color-surface-2);
    overflow: hidden;
}
.home-featured__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-featured__title {
    font-size: var(--fs-3xl);
    line-height: var(--lh-tight);
}

/* 9) Empty state / "no results" */
.inventory-empty,
.no-results {
    padding: var(--space-12) var(--space-4);
    text-align: center;
    color: var(--color-muted);
    background: var(--color-surface);
    border: 1px dashed var(--color-border-2);
}
.inventory-empty h2,
.no-results h2 {
    color: var(--color-text);
    margin-bottom: var(--space-3);
}

/* 10) Pagination */
.pagination,
.dag-pagination {
    display: flex;
    gap: var(--space-2);
    justify-content: center;
    margin-top: var(--space-8);
    flex-wrap: wrap;
}
.pagination a,
.pagination span,
.dag-pagination a,
.dag-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--space-3);
    border: 1px solid var(--color-border);
    background: var(--color-paper);
    color: var(--color-text);
    text-decoration: none;
    font-size: var(--fs-sm);
    font-weight: var(--fw-semi);
}
.pagination a:hover,
.dag-pagination a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.pagination .current,
.dag-pagination .current {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-paper);
}

/* ============================================================
   END R19
   ============================================================ */

/* ============================================================
   R20 — FOOTER / TOP DEALS / HOME CONTACT FORM
   ============================================================ */

/* /* === R31 OLD-START: R31: Footer R20 disabled — see components/footer.css ===
/* ===== FOOTER ============================================ */
.site-footer {
    background: var(--p-gray-900) !important;
    color: var(--p-gray-100) !important;
    padding: var(--space-12) 0 var(--space-6) !important;
    margin-top: var(--space-16);
    border-top: 1px solid var(--p-gray-800);
}
.site-footer__inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--space-8);
    max-width: var(--dag-container, 1160px);
    margin-inline: auto;
    padding-inline: var(--dag-gutter, 18px);
}
@media (max-width: 720px) {
    .site-footer__inner {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }
}

.site-footer .footer-brand,
.site-footer__contacts .footer-brand {
    font-size: var(--fs-xl) !important;
    font-weight: var(--fw-bold) !important;
    color: var(--color-paper) !important;
    margin-bottom: var(--space-4) !important;
    letter-spacing: var(--ls-tight);
}

.site-footer .footer-contact-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--space-3) !important;
}
.site-footer .footer-contact-list li {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--space-2) !important;
    align-items: baseline !important;
    font-size: var(--fs-base) !important;
    line-height: var(--lh-snug) !important;
    color: var(--p-gray-200) !important;
}
.site-footer .footer-label {
    font-size: var(--fs-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: var(--ls-wider) !important;
    font-weight: var(--fw-semi) !important;
    color: var(--p-gray-400) !important;
    margin-right: var(--space-1) !important;
    min-width: 64px;
}
.site-footer .footer-contact-list a,
.site-footer a {
    color: var(--color-paper) !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent;
    transition: border-color var(--anim-fast) var(--ease-out), color var(--anim-fast) var(--ease-out);
}
.site-footer .footer-contact-list a:hover,
.site-footer .footer-contact-list a:focus,
.site-footer a:hover,
.site-footer a:focus {
    color: var(--color-primary) !important;
    border-bottom-color: var(--color-primary);
}
.site-footer .footer-hours {
    color: var(--p-gray-200) !important;
    font-size: var(--fs-sm) !important;
    line-height: var(--lh-snug);
}
.site-footer .footer-hours br + * {
    display: block;
}

.site-footer__legal {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 0;
}
@media (max-width: 720px) {
    .site-footer__legal {
        justify-content: flex-start;
        border-top: 1px solid var(--p-gray-800);
        padding-top: var(--space-4);
    }
}
.site-footer .footer-legal {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--space-4) !important;
}
.site-footer .footer-legal a {
    font-size: var(--fs-sm) !important;
    color: var(--p-gray-300) !important;
    text-decoration: none !important;
}
.site-footer .footer-legal a:hover {
    color: var(--color-paper) !important;
    border-bottom-color: var(--color-paper);
}

.site-footer__copyright {
    grid-column: 1 / -1;
    margin-top: var(--space-8);
    padding-top: var(--space-4);
    border-top: 1px solid var(--p-gray-800);
    font-size: var(--fs-xs) !important;
    color: var(--p-gray-400) !important;
/* === R31 OLD-END: R31: Footer R20 disabled — see components/footer.css === */ */
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    text-align: center;
}

/* /* === R31 OLD-START: R31: Top Deals R20 disabled — see components/top-deals.css ===
/* ===== HOME TOP DEALS ==================================== */
.home-deals {
    padding-block: var(--section-y-md);
}
.home-deals__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    flex-wrap: wrap;
}
.home-deals__titlewrap .section-title {
    margin: 0;
}
.home-deals__viewall {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border: 1px solid var(--color-primary) !important;
    padding: var(--space-3) var(--space-5) !important;
    font-size: var(--fs-sm) !important;
    font-weight: var(--fw-semi) !important;
    letter-spacing: var(--ls-wide) !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: background var(--anim-fast) var(--ease-out);
}
.home-deals__viewall:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
    color: var(--color-paper) !important;
}

.home-deals__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-4);
}
@media (max-width: 600px) {
    .home-deals__grid {
        grid-template-columns: 1fr;
    }
}

.home-deals__card {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--p-gray-900);
    color: var(--color-paper);
    text-decoration: none;
    border: 1px solid var(--color-border);
    transition: transform var(--anim-fast) var(--ease-out), border-color var(--anim-fast) var(--ease-out);
    display: block;
}
.home-deals__card:hover {
    transform: translateY(-3px);
    border-color: var(--color-primary);
}
.home-deals__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.home-deals__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--anim-med) var(--ease-out);
}
.home-deals__card:hover .home-deals__media img {
    transform: scale(1.06);
}
.home-deals__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--space-4);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0.78) 75%, rgba(0,0,0,0.92) 100%);
    color: var(--color-paper);
}
.home-deals__title {
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    line-height: var(--lh-snug);
    color: var(--color-paper) !important;
    margin: 0 0 var(--space-1);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.home-deals__price {
    font-size: var(--fs-2xl);
    font-weight: var(--fw-black);
    color: var(--color-paper) !important;
    margin-bottom: var(--space-1);
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    line-height: 1;
}
.home-deals__meta {
    font-size: var(--fs-xs);
    color: rgba(255, 255, 255, 0.8) !important;
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin-bottom: var(--space-3);
}
.home-deals__details {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: var(--space-2) var(--space-4);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    background: var(--color-primary);
    color: var(--color-paper);
    border: 1px solid var(--color-primary);
    line-height: 1;
}
.home-deals__card:hover .home-deals__details {
    background: var(--color-paper);
    color: var(--color-primary);
}

/* === R31 OLD-END: R31: Top Deals R20 disabled — see components/top-deals.css === */ */
/* ===== HOME CONTACT FORM ================================= */
.home-contact {
    padding-block: var(--section-y-lg);
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}
.home-contact__inner {
    max-width: 840px;
    margin-inline: auto;
    padding-inline: var(--dag-gutter, 18px);
}
.home-contact__header {
    text-align: center;
    margin-bottom: var(--space-8);
}
.home-contact__title {
    font-size: var(--fs-3xl) !important;
    font-weight: var(--fw-bold) !important;
    letter-spacing: var(--ls-tight);
    color: var(--color-text) !important;
    margin: 0 0 var(--space-2) !important;
    text-transform: uppercase;
}
.home-contact__title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: var(--color-primary);
    margin: var(--space-3) auto 0;
}
.home-contact__note {
    font-size: var(--fs-sm);
    color: var(--color-muted);
    margin: 0;
}

.home-contact__form {
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}
.home-contact__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
}
.home-contact__row:has(+ .home-contact__row .home-contact__field--full),
.home-contact__row:nth-of-type(2) {
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 720px) {
    .home-contact__row {
        grid-template-columns: 1fr !important;
        gap: var(--space-3);
    }
}

.home-contact__field {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}
.home-contact__field--full {
    grid-column: 1 / -1;
}
.home-contact__field label {
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    color: var(--color-text);
    margin-bottom: var(--space-1);
}
.home-contact__field input,
.home-contact__field select,
.home-contact__field textarea {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    font-size: var(--fs-base);
    line-height: var(--lh-snug);
    color: var(--color-text);
    background: var(--color-paper);
    border: 1px solid var(--color-border);
}
.home-contact__field input:focus,
.home-contact__field select:focus,
.home-contact__field textarea:focus {
    outline: 2px solid var(--color-focus);
    outline-offset: 1px;
    border-color: var(--color-primary);
}
.home-contact__field textarea {
    min-height: 140px;
    line-height: var(--lh-base);
    resize: vertical;
}

.home-contact .dag-phone-wrap {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    background: var(--color-paper);
}
.home-contact .dag-phone-wrap input {
    border: 0 !important;
    flex: 1;
}
.home-contact .dag-phone-prefix {
    display: inline-flex;
    align-items: center;
    padding: 0 var(--space-3);
    background: var(--color-surface);
    color: var(--color-muted);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semi);
    border-right: 1px solid var(--color-border);
}

.home-contact button[type="submit"],
.home-contact .dag-btn--primary {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border: 1px solid var(--color-primary) !important;
    padding: var(--space-4) var(--space-6) !important;
    font-size: var(--fs-base) !important;
    font-weight: var(--fw-bold) !important;
    letter-spacing: var(--ls-wide) !important;
    text-transform: uppercase !important;
    align-self: center;
    min-width: 240px;
    cursor: pointer;
    transition: background var(--anim-fast) var(--ease-out);
}
.home-contact button[type="submit"]:hover,
.home-contact .dag-btn--primary:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

.home-contact .char-counter {
    font-size: var(--fs-xs);
    color: var(--color-muted);
    margin-top: var(--space-1);
}
.home-contact .dag-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ============================================================
/* /* === R32 OLD-START: R32: Team R22 disabled — components/team.css ===
   END R20
   ============================================================ */

/* ============================================================
   R22 — TEAM GRID (CPT-driven, square photos)
   ============================================================ */

.about-team {
    padding-block: var(--section-y-md);
}
.about-team .about-section-title,
.about-team .section-title,
.about-team h2 {
    text-align: center;
    margin-bottom: var(--space-8);
}
.about-team .about-section-title::after,
.about-team .section-title::after,
.about-team h2::after {
    margin-left: auto;
    margin-right: auto;
}

.team-grid {
    display: grid;
    gap: var(--space-5);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    max-width: 1100px;
    margin-inline: auto;
}

@media (min-width: 1024px) {
    .team-grid:has(> .team-card:nth-child(4):last-child),
    .team-grid:has(> .team-card:nth-child(7):last-child),
    .team-grid:has(> .team-card:nth-child(8):last-child) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .team-grid:has(> .team-card:nth-child(3):last-child),
    .team-grid:has(> .team-card:nth-child(6):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .team-grid:has(> .team-card:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 320px));
        justify-content: center;
    }
    .team-grid:has(> .team-card:nth-child(1):last-child) {
        grid-template-columns: minmax(0, 320px);
        justify-content: center;
    }
}

@media (max-width: 720px) {
    .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--space-4);
    }
}
@media (max-width: 480px) {
    .team-grid {
        grid-template-columns: 1fr !important;
    }
}

.team-card {
    display: flex;
    flex-direction: column;
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    overflow: hidden;
    transition: border-color var(--anim-fast) var(--ease-out), transform var(--anim-fast) var(--ease-out);
}
.team-card:hover {
    border-color: var(--color-primary);
    transform: translateY(-2px);
}
.team-card__media {
    aspect-ratio: 1 / 1;
    background: var(--color-surface-2);
    overflow: hidden;
    border-radius: 0 !important;
}
.team-card__img,
.team-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
    transition: transform var(--anim-med) var(--ease-out);
}
.team-card:hover .team-card__img,
.team-card:hover .team-card__media img {
    transform: scale(1.04);
}
.team-card__avatar {
    border-radius: 0 !important;
}
.team-card__name {
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    line-height: var(--lh-snug);
    color: var(--color-text);
    margin: var(--space-3) var(--space-4) var(--space-1);
    letter-spacing: var(--ls-tight);
}
.team-card__role {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    color: var(--color-primary);
    font-weight: var(--fw-semi);
    margin: 0 var(--space-4) var(--space-3);
}
.team-card__bio {
    font-size: var(--fs-sm);
    color: var(--color-muted);
    line-height: var(--lh-base);
    margin: 0 var(--space-4) var(--space-4);
}
.about-team__empty {
    text-align: center;
    color: var(--color-muted);
    padding: var(--space-12) var(--space-4);
/* === R32 OLD-END: R32: Team R22 disabled — components/team.css === */ */
    background: var(--color-surface);
    border: 1px dashed var(--color-border-2);
    font-size: var(--fs-sm);
}

/* ============================================================
   END R22
   ============================================================ */

/* ============================================================
/* /* === R31 OLD-START: R31: Top Deals R23 disabled ===
   R23 — TOP DEALS CAROUSEL
   ============================================================ */

.home-deals__carousel {
    position: relative;
    margin-inline: 0;
    outline: none;
}
.home-deals__carousel:focus-visible {
    outline: 2px solid var(--color-focus);
    outline-offset: 4px;
}

/* Override R20 grid → flex carousel track */
.home-deals .home-deals__grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: var(--space-4) !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: var(--space-2) 0 var(--space-3);
    margin: 0 calc(var(--space-2) * -1);
    padding-inline: var(--space-2);
}
.home-deals .home-deals__grid::-webkit-scrollbar {
    display: none;
}

.home-deals .home-deals__card {
    flex: 0 0 calc((100% - 3 * var(--space-4)) / 4);
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

@media (max-width: 1099px) {
    .home-deals .home-deals__card {
        flex: 0 0 calc((100% - 2 * var(--space-4)) / 3);
    }
}
@media (max-width: 819px) {
    .home-deals .home-deals__card {
        flex: 0 0 calc((100% - 1 * var(--space-4)) / 2);
    }
}
@media (max-width: 559px) {
    .home-deals .home-deals__card {
        flex: 0 0 100%;
    }
}

/* Nav arrows */
.home-deals__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--color-paper);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: 0;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: background var(--anim-fast) var(--ease-out), color var(--anim-fast) var(--ease-out), opacity var(--anim-fast) var(--ease-out);
}
.home-deals__nav:hover:not([disabled]) {
    background: var(--color-primary);
    color: var(--color-paper);
    border-color: var(--color-primary);
}
.home-deals__nav[disabled] {
    opacity: 0.35;
    cursor: not-allowed;
}
.home-deals__nav--prev {
    left: -8px;
}
.home-deals__nav--next {
    right: -8px;
}
@media (max-width: 559px) {
    .home-deals__nav {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    .home-deals__nav--prev { left: 4px; }
    .home-deals__nav--next { right: 4px; }
}

/* Dots */
.home-deals__dots {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    margin: var(--space-4) 0 0;
    padding: 0;
    flex-wrap: wrap;
}
.home-deals__dot {
    width: 28px;
    height: 4px;
    padding: 0;
    background: var(--color-border-2);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    transition: background var(--anim-fast) var(--ease-out), width var(--anim-fast) var(--ease-out);
}
.home-deals__dot:hover {
    background: var(--color-muted);
}
.home-deals__dot.is-active {
    background: var(--color-primary);
    width: 40px;
}

/* /* === R32 OLD-START: R32: R24 first copy disabled (duplicate) — components/buttons-r32+lightbox+mobile-cta-final ===
/* ============================================================
/* === R31 OLD-END: R31: Top Deals R23 disabled === */ */
   END R23
   ============================================================ */

/* ============================================================
   R24 — BUTTONS / STICKY / LIGHTBOX / MOBILE CTA / PROSE
   ============================================================ */

/* ===== BUTTONS — kill blue parent theme inheritance =========== */
.btn,
a.btn,
button.btn,
input.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-5);
    font-size: var(--fs-base);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    text-decoration: none;
    background: var(--color-paper);
    color: var(--color-text);
    border: 1px solid var(--color-border-2);
    border-radius: 0;
    cursor: pointer;
    transition: background var(--anim-fast) var(--ease-out), color var(--anim-fast) var(--ease-out), border-color var(--anim-fast) var(--ease-out);
}
.btn:hover,
a.btn:hover {
    background: var(--color-surface);
    border-color: var(--color-text);
}

.btn--primary,
a.btn--primary,
button.btn--primary {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-color: var(--color-primary) !important;
}
.btn--primary:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

.btn--accent,
a.btn--accent,
button.btn--accent {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-color: var(--color-primary) !important;
}
.btn--accent:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

.btn--ghost,
a.btn--ghost,
button.btn--ghost {
    background: transparent !important;
    color: var(--color-text) !important;
    border-color: var(--color-border-2) !important;
}
.btn--ghost:hover {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

/* ===== INVENTORY SIDEBAR — un-stick on mobile ================= */
@media (max-width: 980px) {
    .inventory-sidebar,
    .inventory-sidebar.inventory-filters,
    .dag-inventory .inventory-sidebar {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .inventory-filters,
    .inventory-filters-collapse {
        position: static !important;
    }
}

/* ===== LIGHTBOX TOOLS — make Zoom/Fullscreen visible ========== */
.car-lightbox__tool {
    width: auto !important;
    min-width: 44px;
    height: 44px;
    padding: 0 var(--space-3);
    gap: var(--space-2);
}
.car-lightbox__tool svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.car-lightbox__tool-label {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    font-weight: var(--fw-semi);
}
@media (max-width: 720px) {
    .car-lightbox__tool-label {
        display: none;
    }
    .car-lightbox__tool {
        min-width: 40px;
        width: 40px !important;
        padding: 0;
    }
}
.car-lightbox__count,
.car-lightbox__counter {
    position: absolute;
    top: calc(var(--space-3) + 4px);
    right: calc(50% - 30px);
    z-index: 3;
    padding: var(--space-1) var(--space-3);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wider);
    color: var(--color-paper);
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.15);
}

/* ===== MOBILE CTA BAR — above Chatra widget =================== */
@media (max-width: 980px) {
    .mobile-cta-bar {
        bottom: 80px !important;
        z-index: 90 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.18);
    }
    .mobile-cta-bar a,
    .mobile-cta-bar button {
        background: var(--color-primary) !important;
        color: var(--color-paper) !important;
        border: 0 !important;
        padding: var(--space-4) var(--space-3) !important;
        font-size: var(--fs-sm) !important;
        font-weight: var(--fw-bold) !important;
        text-transform: uppercase;
        letter-spacing: var(--ls-wide);
        text-decoration: none;
        text-align: center;
        line-height: 1.2;
    }
    .mobile-cta-bar a + a,
    .mobile-cta-bar a + button,
    .mobile-cta-bar > *:nth-child(2) {
        background: var(--p-gray-900) !important;
        color: var(--color-paper) !important;
    }
    .mobile-cta-bar a:hover,
    .mobile-cta-bar button:hover {
        background: var(--color-primary-hover) !important;
    }
    .mobile-cta-bar > *:nth-child(2):hover {
        background: var(--p-gray-800) !important;
    }
    body.single-car {
        padding-bottom: calc(var(--mobile-cta-height, 64px) + 80px);
    }
}
@media (min-width: 981px) {
    .mobile-cta-bar { display: none !important; }
}

/* ===== HOME-CONTACT FORM — mobile address label fix =========== */
@media (max-width: 720px) {
    .home-contact__row {
        grid-template-columns: 1fr !important;
        gap: var(--space-4) !important;
    }
    .home-contact__field {
        min-width: 0;
        width: 100%;
    }
    .home-contact__field label {
        display: block !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-wrap: break-word;
        margin-bottom: var(--space-1) !important;
    }
    .home-contact__field input,
    .home-contact__field select,
    .home-contact__field textarea {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .home-contact .char-counter {
        position: static !important;
        display: block;
        margin-top: var(--space-1);
        font-size: var(--fs-xs);
    }
}

/* ===== LONG-FORM PROSE — refund/privacy/terms readability ===== */
.refund-card,
.refund-section,
.privacy-card,
.privacy-section,
.terms-card,
.terms-section {
    max-width: 72ch;
    margin-inline: auto;
    padding: var(--space-8) var(--space-6);
    line-height: var(--lh-relaxed);
    font-size: var(--fs-md);
    color: var(--color-text);
}
.refund-card h2,
.privacy-card h2,
.terms-card h2 {
    margin-top: var(--space-8);
    margin-bottom: var(--space-3);
    font-size: var(--fs-2xl);
    line-height: var(--lh-snug);
}
.refund-card h2:first-child,
.privacy-card h2:first-child,
.terms-card h2:first-child {
    margin-top: 0;
}
.refund-card h3,
.privacy-card h3,
.terms-card h3 {
    margin-top: var(--space-6);
    margin-bottom: var(--space-2);
    font-size: var(--fs-xl);
    line-height: var(--lh-snug);
}
.refund-card p,
.privacy-card p,
.terms-card p {
    margin-bottom: var(--space-4);
}
.refund-card ul,
.refund-card ol,
.privacy-card ul,
.privacy-card ol,
.terms-card ul,
.terms-card ol {
    margin: var(--space-3) 0 var(--space-4);
    padding-left: var(--space-6);
}
.refund-card li,
.privacy-card li,
.terms-card li {
    margin-bottom: var(--space-2);
    line-height: var(--lh-relaxed);
}
.refund-card a,
.privacy-card a,
.terms-card a {
    color: var(--color-primary);
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
.refund-card a:hover,
.privacy-card a:hover,
.terms-card a:hover {
    color: var(--color-primary-hover);
}
.refund-card strong,
.privacy-card strong,
.terms-card strong {
    color: var(--color-ink);
    font-weight: var(--fw-bold);
}

/* ===== MOBILE BREAKPOINT GENERAL POLISH ======================= */
@media (max-width: 600px) {
    section,
    .section,
    .dag-section {
        padding-block: var(--section-y-sm);
    }
    .container,
    .dag-container {
        padding-inline: var(--space-3);
    }
    h1, h2, h3 {
        word-wrap: break-word;
        hyphens: auto;
    }
    .dag-card,
    .car-card,
/* === R32 OLD-END: R32: R24 first copy disabled (duplicate) — components/buttons-r32+lightbox+mobile-cta-final === */ */
    .contact-form-card,
    .consign-form-card,
    .refund-card,
    .privacy-card,
    .terms-card {
        padding: var(--space-4) !important;
    }
/* /* === R32 OLD-START: R32: R24 second copy disabled (duplicate) ===
}

/* ============================================================
   END R24
   ============================================================ */

/* ============================================================
   R24 — BUTTONS / STICKY / LIGHTBOX / MOBILE CTA / PROSE
   ============================================================ */

/* ===== BUTTONS — kill blue parent theme inheritance =========== */
.btn,
a.btn,
button.btn,
input.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-5);
    font-size: var(--fs-base);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    text-decoration: none;
    background: var(--color-paper);
    color: var(--color-text);
    border: 1px solid var(--color-border-2);
    border-radius: 0;
    cursor: pointer;
    transition: background var(--anim-fast) var(--ease-out), color var(--anim-fast) var(--ease-out), border-color var(--anim-fast) var(--ease-out);
}
.btn:hover,
a.btn:hover {
    background: var(--color-surface);
    border-color: var(--color-text);
}

.btn--primary,
a.btn--primary,
button.btn--primary {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-color: var(--color-primary) !important;
}
.btn--primary:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

.btn--accent,
a.btn--accent,
button.btn--accent {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-color: var(--color-primary) !important;
}
.btn--accent:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

.btn--ghost,
a.btn--ghost,
button.btn--ghost {
    background: transparent !important;
    color: var(--color-text) !important;
    border-color: var(--color-border-2) !important;
}
.btn--ghost:hover {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

/* ===== INVENTORY SIDEBAR — un-stick on mobile ================= */
@media (max-width: 980px) {
    .inventory-sidebar,
    .inventory-sidebar.inventory-filters,
    .dag-inventory .inventory-sidebar {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .inventory-filters,
    .inventory-filters-collapse {
        position: static !important;
    }
}

/* ===== LIGHTBOX TOOLS — make Zoom/Fullscreen visible ========== */
.car-lightbox__tool {
    width: auto !important;
    min-width: 44px;
    height: 44px;
    padding: 0 var(--space-3);
    gap: var(--space-2);
}
.car-lightbox__tool svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.car-lightbox__tool-label {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    font-weight: var(--fw-semi);
}
@media (max-width: 720px) {
    .car-lightbox__tool-label {
        display: none;
    }
    .car-lightbox__tool {
        min-width: 40px;
        width: 40px !important;
        padding: 0;
    }
}
.car-lightbox__count,
.car-lightbox__counter {
    position: absolute;
    top: calc(var(--space-3) + 4px);
    right: calc(50% - 30px);
    z-index: 3;
    padding: var(--space-1) var(--space-3);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wider);
    color: var(--color-paper);
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.15);
}

/* ===== MOBILE CTA BAR — above Chatra widget =================== */
@media (max-width: 980px) {
    .mobile-cta-bar {
        bottom: 80px !important;
        z-index: 90 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.18);
    }
    .mobile-cta-bar a,
    .mobile-cta-bar button {
        background: var(--color-primary) !important;
        color: var(--color-paper) !important;
        border: 0 !important;
        padding: var(--space-4) var(--space-3) !important;
        font-size: var(--fs-sm) !important;
        font-weight: var(--fw-bold) !important;
        text-transform: uppercase;
        letter-spacing: var(--ls-wide);
        text-decoration: none;
        text-align: center;
        line-height: 1.2;
    }
    .mobile-cta-bar a + a,
    .mobile-cta-bar a + button,
    .mobile-cta-bar > *:nth-child(2) {
        background: var(--p-gray-900) !important;
        color: var(--color-paper) !important;
    }
    .mobile-cta-bar a:hover,
    .mobile-cta-bar button:hover {
        background: var(--color-primary-hover) !important;
    }
    .mobile-cta-bar > *:nth-child(2):hover {
        background: var(--p-gray-800) !important;
    }
    body.single-car {
        padding-bottom: calc(var(--mobile-cta-height, 64px) + 80px);
    }
}
@media (min-width: 981px) {
    .mobile-cta-bar { display: none !important; }
}

/* ===== HOME-CONTACT FORM — mobile address label fix =========== */
@media (max-width: 720px) {
    .home-contact__row {
        grid-template-columns: 1fr !important;
        gap: var(--space-4) !important;
    }
    .home-contact__field {
        min-width: 0;
        width: 100%;
    }
    .home-contact__field label {
        display: block !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-wrap: break-word;
        margin-bottom: var(--space-1) !important;
    }
    .home-contact__field input,
    .home-contact__field select,
    .home-contact__field textarea {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .home-contact .char-counter {
        position: static !important;
        display: block;
        margin-top: var(--space-1);
        font-size: var(--fs-xs);
    }
}

/* ===== LONG-FORM PROSE — refund/privacy/terms readability ===== */
.refund-card,
.refund-section,
.privacy-card,
.privacy-section,
.terms-card,
.terms-section {
    max-width: 72ch;
    margin-inline: auto;
    padding: var(--space-8) var(--space-6);
    line-height: var(--lh-relaxed);
    font-size: var(--fs-md);
    color: var(--color-text);
}
.refund-card h2,
.privacy-card h2,
.terms-card h2 {
    margin-top: var(--space-8);
    margin-bottom: var(--space-3);
    font-size: var(--fs-2xl);
    line-height: var(--lh-snug);
}
.refund-card h2:first-child,
.privacy-card h2:first-child,
.terms-card h2:first-child {
    margin-top: 0;
}
.refund-card h3,
.privacy-card h3,
.terms-card h3 {
    margin-top: var(--space-6);
    margin-bottom: var(--space-2);
    font-size: var(--fs-xl);
    line-height: var(--lh-snug);
}
.refund-card p,
.privacy-card p,
.terms-card p {
    margin-bottom: var(--space-4);
}
.refund-card ul,
.refund-card ol,
.privacy-card ul,
.privacy-card ol,
.terms-card ul,
.terms-card ol {
    margin: var(--space-3) 0 var(--space-4);
    padding-left: var(--space-6);
}
.refund-card li,
.privacy-card li,
.terms-card li {
    margin-bottom: var(--space-2);
    line-height: var(--lh-relaxed);
}
.refund-card a,
.privacy-card a,
.terms-card a {
    color: var(--color-primary);
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
.refund-card a:hover,
.privacy-card a:hover,
.terms-card a:hover {
    color: var(--color-primary-hover);
}
.refund-card strong,
.privacy-card strong,
.terms-card strong {
    color: var(--color-ink);
    font-weight: var(--fw-bold);
}

/* ===== MOBILE BREAKPOINT GENERAL POLISH ======================= */
@media (max-width: 600px) {
    section,
    .section,
    .dag-section {
        padding-block: var(--section-y-sm);
    }
    .container,
    .dag-container {
        padding-inline: var(--space-3);
    }
    h1, h2, h3 {
        word-wrap: break-word;
        hyphens: auto;
    }
    .dag-card,
    .car-card,
    .contact-form-card,
    .consign-form-card,
/* === R32 OLD-END: R32: R24 second copy disabled (duplicate) === */ */
    .refund-card,
    .privacy-card,
    .terms-card {
        padding: var(--space-4) !important;
    }
}

/* ============================================================
   END R24
/* /* === R32 OLD-START: R32: R25 inventory cards/hero disabled — components/inv-card+hero ===
   ============================================================ */

/* ============================================================
   R25 — CONTRAST / CARDS / PROSE / FOOTER / NAV
   ============================================================ */

/* ===== INVENTORY HERO — light bg + dark text + readable ===== */
.inventory-hero,
.dag-inventory .inventory-hero {
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    padding: var(--section-y-md) var(--space-6) !important;
    margin: 0 0 var(--space-6) !important;
    border-radius: 0 !important;
    border-bottom: 4px solid var(--color-primary);
    position: relative;
}
.inventory-hero::before,
.dag-inventory .inventory-hero::before {
    content: none !important;
    background: none !important;
}
.inventory-hero .inventory-title,
.inventory-hero h1,
.inventory-title {
    color: var(--color-ink) !important;
    font-size: var(--fs-4xl);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    margin: 0 0 var(--space-3);
    text-shadow: none !important;
}
.inventory-hero p,
.inventory-hero__lead,
.inventory-hero__sub {
    color: var(--color-text-2) !important;
    font-size: var(--fs-md);
    line-height: var(--lh-relaxed);
    max-width: 60ch;
    text-shadow: none !important;
}

/* ===== INVENTORY CARDS — equal height, larger photo ===== */
.inventory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-5);
    align-items: stretch;
}
.inv-card,
.inv-card.car-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    background: var(--color-paper) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    overflow: hidden;
    transition: border-color var(--anim-fast) var(--ease-out), transform var(--anim-fast) var(--ease-out), box-shadow var(--anim-fast) var(--ease-out);
}
.inv-card:hover,
.inv-card.car-card:hover {
    border-color: var(--color-primary) !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}
.inv-card__link,
.inv-card.car-card .inv-card__link {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.inv-card__media,
.inv-card.car-card .inv-card__media {
    aspect-ratio: 16 / 11 !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    background: var(--color-surface-2);
    flex-shrink: 0;
    position: relative;
}
.inv-card__img,
.inv-card.car-card .inv-card__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    display: block;
    transition: transform var(--anim-med) var(--ease-out);
}
.inv-card:hover .inv-card__img {
    transform: scale(1.04);
}
.inv-card__body,
.inv-card.car-card .inv-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: var(--space-4) !important;
    gap: var(--space-2);
}
.inv-card__title,
.inv-card.car-card .inv-card__title {
    font-size: var(--fs-lg) !important;
    font-weight: var(--fw-bold) !important;
    line-height: var(--lh-snug) !important;
    color: var(--color-ink) !important;
    margin: 0 !important;
    min-height: calc(var(--fs-lg) * var(--lh-snug) * 2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inv-card__specs,
.inv-card.car-card .inv-card__specs {
    font-size: var(--fs-xs) !important;
    color: var(--color-primary) !important;
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    font-weight: var(--fw-semi);
    line-height: var(--lh-snug);
}
.inv-card__meta,
.inv-card.car-card .inv-card__meta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--space-3) !important;
    padding-top: var(--space-3) !important;
    border-top: 1px solid var(--color-border) !important;
    margin-top: auto !important;
}
.inv-meta__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}
.inv-meta__label {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    color: var(--color-muted);
    font-weight: var(--fw-semi);
}
.inv-meta__value {
    font-size: var(--fs-base);
    color: var(--color-ink);
    font-weight: var(--fw-bold);
}
.inv-price {
    color: var(--color-primary) !important;
    font-weight: var(--fw-bold);
    font-size: var(--fs-lg);
}
.inv-price::before {
    content: "$";
}
.inv-price--na::before {
    content: "";
}

/* Larger inventory photo — request bigger thumbnail */
.inv-card__img[src*="-300x"] {
    image-rendering: -webkit-optimize-contrast;
}

@media (max-width: 720px) {
    .inventory-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--space-3) !important;
    }
    .inv-card__media { aspect-ratio: 4 / 3 !important; }
    .inv-card__title { font-size: var(--fs-base) !important; min-height: 0; }
    .inv-card__meta { grid-template-columns: 1fr !important; gap: var(--space-2) !important; }
}
@media (max-width: 480px) {
    .inventory-grid {
/* === R32 OLD-END: R32: R25 inventory cards/hero disabled — components/inv-card+hero === */ */
        grid-template-columns: 1fr !important;
/* /* === R32 OLD-START: R32: R25 hero/callout/back-to-content disabled — components/hero ===
    }
    .inv-card__media { aspect-ratio: 16 / 10 !important; }
    .inv-card__title { font-size: var(--fs-lg) !important; }
    .inv-card__meta { grid-template-columns: 1fr 1fr !important; }
}

/* ===== TERMS/REFUND/PRIVACY HERO — light bg + dark text ===== */
.terms-hero,
.refund-hero,
.privacy-hero {
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    padding: var(--section-y-md) var(--space-6) !important;
    border-bottom: 4px solid var(--color-primary);
    margin: 0 0 var(--space-6) !important;
}
.terms-hero__title,
.refund-hero__title,
.privacy-hero__title,
.terms-hero h1,
.refund-hero h1,
.privacy-hero h1 {
    color: var(--color-ink) !important;
    font-size: var(--fs-4xl);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    margin: 0 0 var(--space-3);
    text-shadow: none !important;
    opacity: 1 !important;
}
.terms-hero__kicker,
.refund-hero__kicker,
.privacy-hero__kicker {
    color: var(--color-primary) !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wider);
    text-transform: uppercase;
    margin-bottom: var(--space-2);
    opacity: 1 !important;
}
.terms-hero__lead,
.refund-hero__lead,
.privacy-hero__lead {
    color: var(--color-text-2) !important;
    font-size: var(--fs-md);
    line-height: var(--lh-relaxed);
    max-width: 60ch;
    opacity: 1 !important;
}
.terms-hero__meta,
.refund-hero__meta,
.privacy-hero__meta {
    color: var(--color-muted) !important;
    font-size: var(--fs-sm);
    opacity: 1 !important;
}
.terms-hero__meta a,
.refund-hero__meta a,
.privacy-hero__meta a {
    color: var(--color-primary) !important;
    border-bottom: 1px solid currentColor;
}
.terms-hero__actions,
.refund-hero__actions,
.privacy-hero__actions {
    margin-top: var(--space-5);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}
.terms-hero__chips,
.refund-hero__chips,
.privacy-hero__chips {
    margin-top: var(--space-3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

/* ===== TERMS/REFUND/PRIVACY SECTION COUNTERS — fix circle overlap ===== */
.refund-section,
.privacy-section,
.terms-section {
    position: relative;
    padding-left: calc(var(--space-12) + var(--space-2)) !important;
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}
.refund-section::before,
.privacy-section::before,
.terms-section::before {
    position: absolute !important;
    left: 0 !important;
    top: var(--space-4) !important;
    width: 32px;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-radius: 50%;
    font-size: var(--fs-sm) !important;
    font-weight: var(--fw-bold) !important;
    line-height: 1 !important;
    z-index: 1;
}
.refund-section__title,
.privacy-section__title,
.terms-section__title,
.refund-section h2,
.refund-section h3,
.privacy-section h2,
.privacy-section h3,
.terms-section h2,
.terms-section h3 {
    margin-top: 0 !important;
    color: var(--color-ink) !important;
    line-height: var(--lh-snug);
}

/* ===== BACK-TO-CONTENTS BUTTON — visible label ===== */
.refund-toc__back,
.privacy-toc__back,
.terms-toc__back,
[class*="back-to-contents"],
.dag-back-to-toc {
    display: inline-flex !important;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4) !important;
    min-height: 36px;
    background: var(--p-gray-900) !important;
    color: var(--color-paper) !important;
    border: 0;
    border-radius: 0;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    text-decoration: none;
    cursor: pointer;
}
.refund-toc__back:hover,
.privacy-toc__back:hover,
.terms-toc__back:hover,
[class*="back-to-contents"]:hover {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
}
/* If button has no visible text, inject "Back to contents" via ::before */
.refund-toc__back:empty::before,
.privacy-toc__back:empty::before,
.terms-toc__back:empty::before,
[class*="back-to-contents"]:empty::before {
    content: "Back to contents";
}

/* ===== TERMS/REFUND/PRIVACY HERO BUTTONS — readable ===== */
.terms-hero__actions a,
.refund-hero__actions a,
.privacy-hero__actions a,
.terms-hero__actions button,
.refund-hero__actions button,
.privacy-hero__actions button {
    background: var(--color-paper) !important;
    color: var(--color-ink) !important;
    border: 1px solid var(--color-border-2) !important;
    padding: var(--space-3) var(--space-5);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    text-decoration: none;
    transition: all var(--anim-fast) var(--ease-out);
}
.terms-hero__actions a:first-child,
.refund-hero__actions a:first-child,
.privacy-hero__actions a:first-child {
    background: var(--p-gray-900) !important;
    color: var(--color-paper) !important;
    border-color: var(--p-gray-900) !important;
}
.terms-hero__actions a:hover,
.refund-hero__actions a:hover,
.privacy-hero__actions a:hover {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-color: var(--color-primary) !important;
}
.terms-hero__chips a,
.refund-hero__chips a,
.privacy-hero__chips a,
.terms-hero__chips button {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2) var(--space-4);
    background: var(--color-paper) !important;
    color: var(--color-text) !important;
    border: 1px solid var(--color-border) !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: none;
    letter-spacing: var(--ls-normal);
    text-decoration: none;
    transition: all var(--anim-fast) var(--ease-out);
}
.terms-hero__chips a:hover,
.refund-hero__chips a:hover,
.privacy-hero__chips a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary) !important;
}

/* ===== "IMPORTANT" CALLOUT BOX — accent border, dark text ===== */
.refund-callout,
.privacy-callout,
.terms-callout,
.refund-section .callout,
.callout-important,
[class*="callout"] {
    background: var(--color-surface) !important;
    border-left: 4px solid var(--color-primary) !important;
    padding: var(--space-4) var(--space-5) !important;
    margin: var(--space-4) 0 !important;
    color: var(--color-text) !important;
}
.refund-callout strong,
.privacy-callout strong,
.terms-callout strong,
[class*="callout"] strong {
    color: var(--color-primary) !important;
/* === R32 OLD-END: R32: R25 hero/callout/back-to-content disabled — components/hero === */ */
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    font-size: var(--fs-xs);
    display: block;
    margin-bottom: var(--space-1);
}

/* /* === R31 OLD-START: R31: Footer R25 disabled ===
/* ===== FOOTER — labels visible on dark bg ===== */
.site-footer {
    background: var(--p-gray-900) !important;
    color: var(--color-paper);
}
.site-footer .footer-label,
.footer-label {
    color: var(--p-gray-400) !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    opacity: 1 !important;
}
.site-footer .footer-contact-list strong,
.site-footer .footer-contact-list a,
.site-footer .footer-hours strong {
    color: var(--color-paper) !important;
    font-weight: var(--fw-semi);
}
.site-footer .footer-contact-list a:hover {
    color: var(--color-primary) !important;
}
.site-footer .footer-brand {
    color: var(--color-paper);
}
.site-footer .footer-legal a,
.site-footer__legal a {
    color: var(--color-paper) !important;
    border: 1px solid var(--p-gray-700);
    padding: var(--space-2) var(--space-4);
    border-radius: 999px;
    text-decoration: none;
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
}
.site-footer .footer-legal a:hover,
.site-footer__legal a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary) !important;
}

/* === R31 OLD-END: R31: Footer R25 disabled === */ */
/* ===== HEADER NAV — readable on light topbar ===== */
.site-header__nav,
.site-header__menu {
    color: var(--color-text);
}
.site-header__nav a,
.site-header__menu a,
.site-header__menu .menu-item a {
    color: var(--color-text) !important;
    font-size: var(--fs-sm);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    text-decoration: none;
    padding: var(--space-2) var(--space-3);
    transition: color var(--anim-fast) var(--ease-out);
}
.site-header__nav a:hover,
.site-header__menu a:hover {
    color: var(--color-primary) !important;
}
.site-header__nav .current-menu-item a,
.site-header__nav .current_page_item a {
    color: var(--color-primary) !important;
}

/* ===== KILL VERTICAL TEXT — global word-break sanity ===== */
:where(p, h1, h2, h3, h4, h5, h6, li, td, th, label, dt, dd) {
    word-break: normal !important;
    overflow-wrap: anywhere;
}

/* ===== HOME-ABOUT graphic — limit max-height (image 3 fix) ===== */
.home-about__media,
.home-about .home-about__media,
.home-about img,
.home-about__media img {
    max-height: 400px;
    width: 100%;
    object-fit: contain;
    background: transparent;
}
@media (max-width: 720px) {
    .home-about__media,
    .home-about__media img {
        max-height: 280px;
    }
}

/* ============================================================
   END R25
   ============================================================ */

/* ============================================================
   R25b — TERMS section fallback + image stretch fix
   ============================================================ */

/* Terms uses different class names — alias them to refund/privacy pattern */
.terms-content__section,
.terms-block,
.terms-article,
.terms-chapter,
.terms-content > section,
.terms-content > article {
    position: relative;
    padding-left: calc(var(--space-12) + var(--space-2));
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
    counter-increment: terms-fallback;
}
.terms-content {
    counter-reset: terms-fallback;
}
.terms-content__section::before,
.terms-block::before,
.terms-article::before,
.terms-chapter::before,
.terms-content > section::before,
.terms-content > article::before {
    content: counter(terms-fallback);
    position: absolute;
    left: 0;
    top: var(--space-4);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-paper);
    border-radius: 50%;
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    line-height: 1;
    z-index: 1;
}

/* Hard cap inv-card photo aspect — even if larger src loads */
.inv-card__img,
.inv-card.car-card .inv-card__img {
    object-fit: cover !important;
}
.inv-card__media,
.inv-card.car-card .inv-card__media {
    overflow: hidden !important;
}

/* Inventory grid 3-col on tablet middle ground */
@media (min-width: 720px) and (max-width: 1024px) {
    .inventory-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* ============================================================
   END R25b
   ============================================================ */

/* ============================================================
   R25c — TOP DEALS DOTS / ARCHIVE THUMB STRETCH / TERMS dedupe
   ============================================================ */

/* ===== TOP DEALS DOTS — number-style pagination override ===== */
.home-deals__dots {
    counter-reset: deal-dot;
    list-style: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: var(--space-2) !important;
    margin: var(--space-4) 0 0 !important;
    padding: 0;
    flex-wrap: wrap;
}
.home-deals__dot {
    counter-increment: deal-dot;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--color-paper) !important;
    color: var(--color-text) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    font-size: var(--fs-sm) !important;
    font-weight: var(--fw-bold) !important;
    cursor: pointer;
    transition: background var(--anim-fast) var(--ease-out), color var(--anim-fast) var(--ease-out), border-color var(--anim-fast) var(--ease-out);
    box-shadow: none !important;
}
.home-deals__dot::before {
    content: counter(deal-dot);
    line-height: 1;
}
.home-deals__dot:hover {
    background: var(--color-surface) !important;
    border-color: var(--color-text) !important;
    color: var(--color-text) !important;
}
.home-deals__dot.is-active {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-color: var(--color-primary) !important;
    width: 36px !important;
}

/* ===== INV-CARD ARCHIVE — force img stretch via parent ===== */
/* Even if 300x195 src is rendered, force visual size to fill aspect-ratio container */
.inv-card .inv-card__media,
.inv-card.car-card .inv-card__media {
    aspect-ratio: 16 / 11 !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    background: var(--color-surface-2);
    position: relative;
    display: block;
}
.inv-card .inv-card__media img,
.inv-card .inv-card__img,
.inv-card.car-card .inv-card__img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    transition: transform var(--anim-med) var(--ease-out);
}
@media (max-width: 720px) {
    .inv-card .inv-card__media,
    .inv-card.car-card .inv-card__media {
        aspect-ratio: 4 / 3 !important;
    }
}
@media (max-width: 480px) {
    .inv-card .inv-card__media,
    .inv-card.car-card .inv-card__media {
        aspect-ratio: 16 / 10 !important;
    }
}

/* ===== TERMS — disable R25 generic .terms-section override ===== */
/* terms.css has its own counter on .terms-block; suppress R25 fallback */
.terms-content > section::before,
.terms-content > article::before,
.terms-content__section::before,
.terms-chapter::before,
.terms-article::before {
    content: none !important;
}
.terms-content > section,
.terms-content > article,
.terms-content__section,
.terms-chapter,
.terms-article {
    padding-left: 0 !important;
    counter-increment: none !important;
}
/* Style native .terms-block circle counter (terms.css:340 already creates it) */
.terms-block::before {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border-radius: 50% !important;
    z-index: 1;
}
.terms-block {
    color: var(--color-text);
}
.terms-block__title,
.terms-block h2,
.terms-block h3 {
    color: var(--color-ink) !important;
}

/* ============================================================
   END R25c
   ============================================================ */

/* ============================================================
   R26 — SINGLE-CAR FORM ALIGN + GALLERY STICKY INFO PANEL
   ============================================================ */

/* ===== PHONE +1 prefix wrap ===== */
.phone-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid var(--color-border);
    background: var(--color-paper);
    transition: border-color var(--anim-fast) var(--ease-out);
}
.phone-wrap:focus-within {
    border-color: var(--color-primary);
}
.phone-prefix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--space-3);
    background: var(--color-surface);
    color: var(--color-muted);
    font-weight: var(--fw-semi);
    font-size: var(--fs-base);
    border-right: 1px solid var(--color-border);
    flex-shrink: 0;
    user-select: none;
}
.phone-prefix.is-hidden {
    display: none;
}
.phone-wrap input[type="tel"] {
    flex: 1 1 auto;
    border: 0 !important;
    background: transparent;
    padding: var(--space-3) var(--space-4);
    font-size: var(--fs-base);
    width: 100%;
    min-width: 0;
}
.phone-wrap input[type="tel"]:focus {
    outline: none;
}

/* ===== Form alert / submit status / spinner ===== */
.car-form-alert {
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
    border-left: 4px solid var(--color-primary);
    background: var(--color-surface);
    color: var(--color-text);
}
.car-form-alert[hidden] { display: none; }
.car-form-alert.is-error { border-left-color: var(--color-danger, #dc2626); }
.car-form-alert.is-success { border-left-color: var(--color-success, #16a34a); }
.car-submit-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3) var(--space-5);
    font-size: var(--fs-base);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
}
.car-submit-btn[disabled],
.car-submit-btn.is-loading {
    opacity: 0.7;
    cursor: progress;
}
.car-submit-btn__spinner {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: var(--color-paper);
    border-radius: 50%;
    animation: dag-spin 0.6s linear infinite;
    display: none;
}
.car-submit-btn.is-loading .car-submit-btn__spinner {
    display: inline-block;
}
@keyframes dag-spin {
    to { transform: rotate(360deg); }
}
.car-submit-status {
    margin-top: var(--space-2);
    font-size: var(--fs-sm);
    color: var(--color-muted);
    min-height: 1em;
}
.dag-field__help {
    margin: var(--space-1) 0 0;
    font-size: var(--fs-xs);
    color: var(--color-muted);
}
.dag-field__error {
    margin: var(--space-1) 0 0;
    font-size: var(--fs-xs);
    color: var(--color-danger, #dc2626);
    font-weight: var(--fw-semi);
}
.dag-field.is-invalid input,
.dag-field.is-invalid select,
.dag-field.is-invalid textarea,
.dag-field.is-invalid .phone-wrap {
    border-color: var(--color-danger, #dc2626) !important;
}

/* ===== R28 — GALLERY + INFO SIDE STICKY ===== */
@media (min-width: 1024px) {
    .car-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 380px !important;
        gap: var(--space-6);
        align-items: start;
    }
    .car-main {
        min-width: 0;
        overflow: visible !important;
    }
    .car-side {
        position: sticky !important;
        top: calc(var(--header-h, 80px) + var(--space-3));
        align-self: start;
        max-height: calc(100vh - var(--header-h, 80px) - var(--space-6));
        overflow-y: auto !important;
        overflow-x: hidden;
        padding-right: var(--space-2);
        scrollbar-width: thin;
    }
    .car-side::-webkit-scrollbar {
        width: 6px;
    }
    .car-side::-webkit-scrollbar-thumb {
        background: var(--color-border-2);
    }
    .car-layout .car-content {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1280px) {
    .car-layout {
        grid-template-columns: minmax(0, 1fr) 420px !important;
    }
}

@media (max-width: 1023px) {
    .car-side {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
        margin-top: var(--space-5);
    }
}

/* ============================================================
   END R26
   ============================================================ */

/* ============================================================
   R27 — MASS POLISH (10 areas)
   ============================================================ */

/* ===== 1. TOP DEALS — bigger, more breathing room ============ */
.home-deals {
    padding-block: var(--section-y-lg) !important;
}
.home-deals__header {
    margin-bottom: var(--space-6) !important;
}
.home-deals .home-deals__grid {
    gap: var(--space-5) !important;
    padding: var(--space-3) 0 var(--space-4) !important;
}
.home-deals .home-deals__card {
    flex-basis: calc((100% - 3 * var(--space-5)) / 4) !important;
    min-height: 360px;
    background: var(--color-paper) !important;
    border: 1px solid var(--color-border);
    transition: border-color var(--anim-fast) var(--ease-out), transform var(--anim-fast) var(--ease-out), box-shadow var(--anim-fast) var(--ease-out);
}
.home-deals .home-deals__card:hover {
    border-color: var(--color-primary);
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.12);
}
.home-deals__media {
    aspect-ratio: 16 / 11 !important;
    height: auto !important;
    overflow: hidden;
}
.home-deals__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--anim-med) var(--ease-out);
}
.home-deals__card:hover .home-deals__media img {
    transform: scale(1.06);
}
.home-deals__overlay {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    padding: var(--space-4) var(--space-4) var(--space-5) !important;
    background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,0.88) 60%, rgba(15,23,42,0.95) 100%) !important;
    color: var(--color-paper) !important;
}
.home-deals__title {
    font-size: var(--fs-lg) !important;
    font-weight: var(--fw-bold) !important;
    color: var(--color-paper) !important;
    line-height: var(--lh-snug);
    margin: 0 0 var(--space-1) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.home-deals__price {
    font-size: var(--fs-2xl) !important;
    font-weight: var(--fw-bold);
    color: var(--color-paper) !important;
    margin: var(--space-1) 0 var(--space-2) !important;
}
.home-deals__meta {
    font-size: var(--fs-xs);
    color: rgba(255,255,255,0.85) !important;
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin-bottom: var(--space-3);
}
.home-deals__details {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2) var(--space-4);
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
}
.home-deals__card:hover .home-deals__details {
    background: var(--color-paper) !important;
    color: var(--color-primary) !important;
}

@media (max-width: 1099px) {
    .home-deals .home-deals__card {
        flex-basis: calc((100% - 2 * var(--space-5)) / 3) !important;
        min-height: 340px;
    }
}
@media (max-width: 819px) {
    .home-deals .home-deals__card {
        flex-basis: calc((100% - var(--space-4)) / 2) !important;
        min-height: 320px;
    }
}
@media (max-width: 559px) {
    .home-deals .home-deals__card {
        flex-basis: 88% !important;
        min-height: 320px;
    }
}

/* ===== 2. FOOTER — high contrast + Privacy/Terms moved bottom == */
.site-footer {
    background: var(--p-gray-950, #0a0f1a) !important;
    color: var(--color-paper);
    padding: var(--space-10) 0 var(--space-4) !important;
}
.site-footer__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
}
.site-footer .footer-brand {
    font-size: var(--fs-xl);
    font-weight: var(--fw-bold);
    color: var(--color-paper) !important;
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin-bottom: var(--space-4);
}
.site-footer .footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--space-3);
}
.site-footer .footer-contact-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.site-footer .footer-contact-list li:last-child {
    border-bottom: 0;
}
.site-footer .footer-label,
.site-footer .footer-contact-list .footer-label {
    color: rgba(255,255,255,0.5) !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    min-width: 80px;
    opacity: 1 !important;
}
.site-footer .footer-contact-list a,
.site-footer .footer-contact-list strong,
.site-footer .footer-hours,
.site-footer .footer-contact-list li > span:not(.footer-label) {
    color: var(--color-paper) !important;
    font-weight: var(--fw-semi);
    text-decoration: none;
    font-size: var(--fs-base);
}
.site-footer .footer-contact-list a:hover {
    color: var(--color-primary) !important;
}
.site-footer .footer-hours {
    line-height: var(--lh-relaxed);
}

/* Privacy/Terms links — bottom row, no round buttons */
.site-footer__legal {
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid rgba(255,255,255,0.08);
    order: 100;
}
.site-footer .footer-legal {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--space-5);
    flex-wrap: wrap;
}
.site-footer .footer-legal li {
    margin: 0;
}
.site-footer .footer-legal a,
.site-footer__legal a {
    color: rgba(255,255,255,0.65) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: var(--ls-normal) !important;
    font-size: var(--fs-sm);
    text-decoration: none;
    font-weight: var(--fw-semi);
}
.site-footer .footer-legal a:hover,
.site-footer__legal a:hover {
    color: var(--color-paper) !important;
    border-color: transparent !important;
}
.site-footer__copyright {
    color: rgba(255,255,255,0.5);
    font-size: var(--fs-xs);
    text-align: center;
    margin-top: var(--space-3);
}

/* ===== 3. CONTACT — hide trailing image block ================ */
.page-template-page-contact .contact-photo,
.page-template-page-contact .contact-image,
.page-template-page-contact .contact-feature,
.page-template-page-contact .contact-cta-img,
.page-template-page-contact figure:last-of-type img:not([class*="logo"]):not([class*="hero"]),
body.page-id-:has(.contact-form-card) section:last-of-type img:only-child {
    display: none !important;
}

/* ===== 4. FINANCING — Apply Now button red on dark ============ */
.financing-cta {
    background: var(--p-gray-900) !important;
    color: var(--color-paper) !important;
    padding: var(--space-8) var(--space-6) !important;
    border: 0 !important;
}
.financing-cta__title {
    color: var(--color-paper) !important;
    font-size: var(--fs-2xl);
}
.financing-cta__text {
    color: rgba(255,255,255,0.85) !important;
    font-size: var(--fs-md);
}
.financing-cta__actions {
    margin-top: var(--space-5);
}
.financing-cta__actions .dag-btn,
.financing-cta__actions .btn,
.financing-cta__actions a {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border: 1px solid var(--color-primary) !important;
    padding: var(--space-3) var(--space-6) !important;
    font-size: var(--fs-base);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    text-decoration: none;
}
.financing-cta__actions .dag-btn:hover,
.financing-cta__actions .btn:hover,
.financing-cta__actions a:hover {
    background: var(--color-paper) !important;
    color: var(--color-primary) !important;
}

/* ===== 5. SHIPPING HERO — kill bg image + light bg ============ */
.shipping-hero,
.shipping-hero.dag-card {
    background: var(--color-surface) !important;
    background-image: none !important;
    color: var(--color-text) !important;
    padding: var(--section-y-md) var(--space-6) !important;
    border: 0 !important;
    border-bottom: 4px solid var(--color-primary) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: var(--space-6);
}
.shipping-hero::after,
.shipping-hero::before {
    content: none !important;
    display: none !important;
}
.shipping-hero__kicker {
    color: var(--color-primary) !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wider);
    text-transform: uppercase;
    opacity: 1 !important;
}
.shipping-hero__title {
    color: var(--color-ink) !important;
    font-size: var(--fs-4xl);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    margin: var(--space-2) 0 var(--space-3);
    text-shadow: none !important;
    opacity: 1 !important;
}
.shipping-hero__lead {
    color: var(--color-text-2) !important;
    font-size: var(--fs-md);
    line-height: var(--lh-relaxed);
    max-width: 60ch;
    opacity: 1 !important;
}
.shipping-hero__chips {
    margin-top: var(--space-4);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    list-style: none;
    padding: 0;
}
.shipping-hero__chips li {
    padding: var(--space-2) var(--space-4);
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
}
.shipping-hero__meta,
.shipping-hero__meta a {
    color: var(--color-muted) !important;
    font-size: var(--fs-sm);
    opacity: 1 !important;
}
.shipping-hero__meta a {
    color: var(--color-primary) !important;
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
.shipping-hero__actions {
    margin-top: var(--space-4);
}
.shipping-hero__actions .dag-btn,
.shipping-hero__actions a {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border: 0 !important;
    padding: var(--space-3) var(--space-5) !important;
}

/* ===== 6. REFUND/PRIVACY/TERMS — single column layout ========= */
@media (min-width: 1024px) {
    .refund-layout,
    .privacy-layout,
    .terms-layout,
    .dag-refund .dag-container > .dag-grid,
    .dag-privacy .dag-container > .dag-grid,
    .dag-terms .dag-container > .dag-grid {
        display: block !important;
        grid-template-columns: none !important;
    }
}
.refund-sidebar,
.privacy-sidebar,
.terms-sidebar {
    position: static !important;
    margin-top: var(--space-6);
    max-width: 100%;
}
.refund-content,
.privacy-content,
.terms-content {
    max-width: 78ch;
    margin-inline: auto;
}

/* Hero buttons readable */
.refund-hero__actions .dag-btn,
.privacy-hero__actions .dag-btn,
.terms-hero__actions .dag-btn,
.refund-hero__actions a,
.privacy-hero__actions a,
.terms-hero__actions a {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
    border: 1px solid var(--color-primary) !important;
}
.refund-hero__actions a:nth-child(2),
.privacy-hero__actions a:nth-child(2),
.terms-hero__actions a:nth-child(2),
.refund-hero__actions .dag-btn--ghost,
.privacy-hero__actions .dag-btn--ghost,
.terms-hero__actions .dag-btn--ghost {
    background: var(--color-paper) !important;
    color: var(--color-ink) !important;
    border: 1px solid var(--color-border-2) !important;
}
.refund-hero__actions a:hover,
.privacy-hero__actions a:hover,
.terms-hero__actions a:hover {
    background: var(--color-primary-hover) !important;
    color: var(--color-paper) !important;
}

/* TOC + chip CTAs always readable */
.refund-hero__chips a,
.privacy-hero__chips a,
.terms-hero__chips a,
.refund-toc a,
.privacy-toc a,
.terms-toc a {
    background: var(--color-paper) !important;
    color: var(--color-text) !important;
    border: 1px solid var(--color-border) !important;
}
.refund-hero__chips a:hover,
.privacy-hero__chips a:hover,
.terms-hero__chips a:hover,
.refund-toc a:hover,
.privacy-toc a:hover,
.terms-toc a:hover {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* "Need help fast?" callout — readable */
.refund-help,
.privacy-help,
.terms-help,
.refund-cta,
.privacy-cta,
.terms-cta {
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    padding: var(--space-6) !important;
    border-left: 4px solid var(--color-primary);
}
.refund-help h2,
.refund-help h3,
.privacy-help h2,
.privacy-help h3,
.terms-help h2,
.terms-help h3,
.refund-cta__title,
.privacy-cta__title,
.terms-cta__title {
    color: var(--color-ink) !important;
}
.refund-help a,
.privacy-help a,
.terms-help a,
.refund-cta a,
.privacy-cta a,
.terms-cta a {
    background: var(--p-gray-900) !important;
    color: var(--color-paper) !important;
    border: 0 !important;
    padding: var(--space-3) var(--space-5);
    text-decoration: none;
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    font-size: var(--fs-sm);
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}
.refund-help a:hover,
.privacy-help a:hover,
.terms-help a:hover {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
}

/* ===== 7. SINGLE-CAR — REVERT R26 sticky pricing card ========= */
.car-side,
.car-pricing,
aside.car-side {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-self: auto !important;
    padding-right: 0 !important;
}
@media (min-width: 1024px) {
    .car-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 380px !important;
        gap: var(--space-6);
        align-items: start;
    }
    .car-side {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* ===== 8. LIGHTBOX polish ==================================== */
.dag-car-single .car-lightbox,
.car-lightbox {
    z-index: 9000 !important;
    background: rgba(8, 12, 22, 0.94) !important;
}
.dag-car-single .car-lightbox__dialog,
.car-lightbox__dialog {
    max-width: min(1200px, 92vw) !important;
    max-height: 92vh !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.car-lightbox__tools {
    display: flex !important;
    gap: var(--space-2) !important;
    position: absolute !important;
    top: var(--space-3) !important;
    left: var(--space-3) !important;
    z-index: 5;
}
.car-lightbox__tool {
    background: rgba(255,255,255,0.92) !important;
    color: var(--color-ink) !important;
    border: 0 !important;
    padding: var(--space-2) var(--space-3) !important;
    height: 40px !important;
    border-radius: 0 !important;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
}
.car-lightbox__tool:hover {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
}
.car-lightbox__close {
    position: absolute !important;
    top: var(--space-3) !important;
    right: var(--space-3) !important;
    z-index: 5;
    width: 44px !important;
    height: 44px !important;
    background: rgba(255,255,255,0.92) !important;
    color: var(--color-ink) !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 24px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.car-lightbox__close:hover {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
}
.car-lightbox__nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 4;
    width: 52px !important;
    height: 52px !important;
    background: rgba(255,255,255,0.92) !important;
    color: var(--color-ink) !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.car-lightbox__nav:hover {
    background: var(--color-primary) !important;
    color: var(--color-paper) !important;
}
.car-lightbox__prev { left: var(--space-3) !important; }
.car-lightbox__next { right: var(--space-3) !important; }
.car-lightbox__cap {
    position: absolute !important;
    top: var(--space-3) !important;
    right: 50% !important;
    transform: translateX(50%);
    z-index: 5;
    padding: var(--space-1) var(--space-3);
    background: rgba(0,0,0,0.5);
    color: var(--color-paper);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    letter-spacing: var(--ls-wider);
    border: 1px solid rgba(255,255,255,0.15);
}
.car-lightbox__figure {
    background: transparent !important;
    margin: 0;
}
.car-lightbox__figure img {
    max-width: 100% !important;
    max-height: 75vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    background: transparent;
}
.car-lightbox__thumbs {
    display: flex;
    gap: var(--space-2);
    overflow-x: auto;
    padding: var(--space-3) var(--space-2);
    margin-top: var(--space-3);
    scrollbar-width: thin;
    background: rgba(0,0,0,0.3);
}
.car-lightbox__thumb-btn {
    flex: 0 0 auto;
    width: 80px;
    height: 56px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    opacity: 0.6;
    transition: opacity var(--anim-fast) var(--ease-out), border-color var(--anim-fast) var(--ease-out);
}
.car-lightbox__thumb-btn:hover {
    opacity: 1;
}
.car-lightbox__thumb-btn.is-active {
    opacity: 1;
    border-color: var(--color-primary);
}
.car-lightbox__thumb-btn img,
.car-lightbox__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 720px) {
    .car-lightbox__tools {
        top: auto !important;
        bottom: 80px !important;
        left: 50% !important;
        transform: translateX(-50%);
    }
    .car-lightbox__nav {
        width: 44px !important;
        height: 44px !important;
    }
    .car-lightbox__close {
        width: 40px !important;
        height: 40px !important;
    }
    .car-lightbox__thumbs {
        padding: var(--space-2);
    }
    .car-lightbox__thumb-btn {
        width: 60px;
        height: 44px;
    }
}

/* ============================================================
   END R27
   ============================================================ */

/* ============================================================
   R28 — MOBILE CTA BAR — force fixed bottom of viewport
   ============================================================ */

/* Mobile-only (≤980px) — pin to bottom of viewport, not container */
@media (max-width: 980px) {
    .mobile-cta-bar,
    body.single-car .mobile-cta-bar,
    body.single .mobile-cta-bar,
    body.single-product .mobile-cta-bar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        z-index: 9000 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        background: var(--p-gray-900) !important;
        box-shadow: 0 -8px 24px rgba(0,0,0,0.25) !important;
        transform: translateZ(0);
        will-change: transform;
    }
    .mobile-cta-bar > a,
    .mobile-cta-bar > button,
    .mobile-cta-bar a.mobile-cta-bar__call,
    .mobile-cta-bar a.mobile-cta-bar__inquire {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        padding: var(--space-3) var(--space-2) !important;
        min-height: 56px !important;
        font-size: var(--fs-sm) !important;
        font-weight: var(--fw-bold) !important;
        text-transform: uppercase;
        letter-spacing: var(--ls-wide);
        text-decoration: none !important;
        text-align: center;
        line-height: 1.2;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .mobile-cta-bar > *:nth-child(1),
    .mobile-cta-bar > a:first-child {
        background: var(--color-primary) !important;
        color: var(--color-paper) !important;
    }
    .mobile-cta-bar > *:nth-child(2),
    .mobile-cta-bar > a:nth-child(2) {
        background: var(--p-gray-900) !important;
        color: var(--color-paper) !important;
        border-left: 1px solid rgba(255,255,255,0.1) !important;
    }
    .mobile-cta-bar > *:nth-child(1):hover,
    .mobile-cta-bar > a:first-child:hover {
        background: var(--color-primary-hover) !important;
    }
    .mobile-cta-bar > *:nth-child(2):hover {
        background: var(--p-gray-800) !important;
    }
    /* Small kicker text above number */
    .mobile-cta-bar small,
    .mobile-cta-bar .cta-label {
        font-size: var(--fs-xs) !important;
        font-weight: var(--fw-semi) !important;
        letter-spacing: var(--ls-wider);
        opacity: 0.85;
        text-transform: uppercase;
    }
    /* Ensure body has space for fixed bar (no content cut off) */
    body.single-car,
    body.single,
    body.single-product {
        padding-bottom: calc(56px + 80px) !important;
    }
    /* Position above Chatra (Chatra default ~75-80px) */
    /* Chatra widget itself sits at bottom-right; our bar fits FULL WIDTH at bottom-0 */
}

/* Hide on desktop */
@media (min-width: 981px) {
    .mobile-cta-bar {
        display: none !important;
    }
}

/* ============================================================
   END R28
   ============================================================ */

/* ============================================================
   R28c — CHATRA widget offset (lift above mobile-cta-bar)
   ============================================================ */

@media (max-width: 980px) {
    #chatra,
    .chatra--side-bottom,
    .chatra--pos-right,
    .chatra-widget,
    div[class*="chatra"][class*="bottom"],
    iframe[src*="chatra"],
    iframe[id*="chatra"] {
        bottom: 80px !important;
    }
    /* Chatra inline button mode (small bubble) */
    [class*="chatra"][class*="trigger"] {
        bottom: 80px !important;
    }
}

@media (min-width: 981px) {
    #chatra,
    .chatra--side-bottom,
    .chatra-widget {
        bottom: 24px !important;
    }
}

/* ============================================================
   END R28c
   ============================================================ */

/* ============================================================
   R29 — DESCRIPTION ORDER / SIMILAR CSS / FOOTER POLISH
   ============================================================ */

/* ===== 1. Description visual treatment ===================== */
.car-content {
    max-width: 1100px;
    margin-inline: auto;
    padding: var(--space-6) var(--space-4) var(--space-8);
    color: var(--color-text);
    font-size: var(--fs-md);
    line-height: var(--lh-relaxed);
}
.car-content h2,
.car-content h3,
.car-content > h2:first-child {
    color: var(--color-ink);
    font-size: var(--fs-2xl);
    margin: 0 0 var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--color-primary);
    display: inline-block;
}
.car-content p {
    margin: 0 0 var(--space-4);
}
.car-content p:last-of-type {
    margin-bottom: 0;
}

/* ===== 2. NT-SIMILAR — full CSS rebuild ==================== */
/* /* === R31 OLD-START: R31: NT-Similar R29 disabled — see components/nt-similar.css ===
.nt-similar {
    padding: var(--section-y-md) 0;
    background: var(--color-surface);
    margin-top: var(--space-8);
}
.nt-similar__inner {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: var(--space-6);
}
.nt-similar__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-border);
}
.nt-similar__eyebrow {
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin-bottom: var(--space-1);
}
.nt-similar__title {
    color: var(--color-ink);
    font-size: var(--fs-2xl);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    margin: 0;
}
.nt-similar__link {
    color: var(--color-primary);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semi);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    text-decoration: none;
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-primary);
    transition: all var(--anim-fast) var(--ease-out);
}
.nt-similar__link:hover {
    background: var(--color-primary);
    color: var(--color-paper);
}
.nt-similar__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
}
.nt-similar__card {
    display: flex;
    flex-direction: column;
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: border-color var(--anim-fast) var(--ease-out), transform var(--anim-fast) var(--ease-out), box-shadow var(--anim-fast) var(--ease-out);
}
.nt-similar__card:hover {
    border-color: var(--color-primary);
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}
.nt-similar__media {
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: var(--color-surface-2);
    position: relative;
}
.nt-similar__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--anim-med) var(--ease-out);
}
.nt-similar__card:hover .nt-similar__media img {
    transform: scale(1.05);
}
.nt-similar__body {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex: 1;
}
.nt-similar__meta {
    font-size: var(--fs-xs);
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    font-weight: var(--fw-semi);
}
.nt-similar__name {
    font-size: var(--fs-base);
    font-weight: var(--fw-bold);
    color: var(--color-ink);
    line-height: var(--lh-snug);
    margin: var(--space-1) 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
}
.nt-similar__price {
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: var(--color-primary);
    margin-top: auto;
}

@media (max-width: 980px) {
    .nt-similar__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-3);
    }
    .nt-similar__head {
        align-items: flex-start;
    }
}
@media (max-width: 560px) {
    .nt-similar__grid {
        grid-template-columns: 1fr;
    }
    .nt-similar__title {
        font-size: var(--fs-xl);
    }
}

/* ===== 3. FOOTER — improved contrast ======================= */
.site-footer {
    background: var(--p-gray-950, #0a0f1a) !important;
/* === R31 OLD-END: R31: NT-Similar R29 disabled — see components/nt-similar.css === */ */
    padding: var(--space-10) 0 var(--space-3) !important;
}
.site-footer__inner {
    display: grid !important;
    grid-template-columns: 1fr;
    max-width: 1100px;
    margin-inline: auto;
    padding-inline: var(--space-6);
    gap: var(--space-5);
}
.site-footer .footer-brand {
    font-size: var(--fs-2xl);
    color: var(--color-paper) !important;
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    font-weight: var(--fw-bold);
    margin-bottom: var(--space-4);
    text-align: center;
}
.site-footer .footer-contact-list {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}
.site-footer .footer-contact-list li {
    display: grid !important;
    grid-template-columns: 90px 1fr;
    align-items: center;
    gap: var(--space-3) !important;
    padding: var(--space-3) 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.site-footer .footer-contact-list li:first-child {
    border-top: 1px solid rgba(255,255,255,0.06);
}
.site-footer .footer-label {
    color: rgba(255,255,255,0.45) !important;
    font-size: var(--fs-xs) !important;
    font-weight: var(--fw-bold) !important;
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    min-width: auto;
}
.site-footer .footer-contact-list a,
.site-footer .footer-contact-list li > span:not(.footer-label),
.site-footer .footer-hours {
    color: var(--color-paper) !important;
    font-weight: var(--fw-bold) !important;
    font-size: var(--fs-base);
    text-decoration: none !important;
    line-height: var(--lh-relaxed);
}
.site-footer .footer-contact-list a:hover {
    color: var(--color-primary) !important;
}

/* Privacy/Terms — moved BELOW copyright, centered */
.site-footer__legal {
    margin-top: var(--space-5) !important;
    padding-top: var(--space-4) !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    order: 100 !important;
}
.site-footer .footer-legal {
    display: flex !important;
    justify-content: center !important;
    gap: var(--space-6) !important;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.site-footer .footer-legal a,
.site-footer__legal a {
    color: rgba(255,255,255,0.55) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: var(--ls-normal) !important;
    font-size: var(--fs-sm) !important;
    text-decoration: none;
    font-weight: var(--fw-semi);
    transition: color var(--anim-fast) var(--ease-out);
}
.site-footer .footer-legal a:hover,
.site-footer__legal a:hover {
    color: var(--color-paper) !important;
}
.site-footer__copyright {
    text-align: center !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
    margin-top: var(--space-3);
}

/* Mobile — stack labels above values for breathing room */
@media (max-width: 600px) {
    .site-footer .footer-contact-list li {
        grid-template-columns: 1fr;
        gap: var(--space-1) !important;
        padding: var(--space-3) 0 !important;
    }
    .site-footer .footer-label {
        font-size: 10px !important;
    }
}

/* ============================================================
   END R29
   ============================================================ */

/* ============================================================
   R30 — CANONICAL FOOTER (overrides ALL prior footer blocks)
   This block uses HIGH specificity + appears LAST
   in cascade so it wins. Earlier R20/R25/R27/R29 footer
   blocks are NOT deleted but effectively superseded.
   ============================================================ */

footer.site-footer,
body footer.site-footer {
    background: var(--p-gray-950, #0a0f1a) !important;
    color: var(--color-paper) !important;
    padding: var(--space-10) 0 var(--space-3) !important;
    margin-top: 0 !important;
}

footer.site-footer .dag-container.site-footer__inner,
footer.site-footer > .site-footer__inner,
footer.site-footer .site-footer__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: var(--container-narrow, 1100px) !important;
    margin-inline: auto !important;
    padding-inline: var(--container-padding-x, 24px) !important;
    gap: var(--space-5) !important;
}

footer.site-footer .footer-brand,
footer.site-footer .site-footer__contacts .footer-brand {
    font-size: var(--fs-2xl) !important;
    color: var(--color-paper) !important;
    text-transform: uppercase !important;
    letter-spacing: var(--ls-wider) !important;
    font-weight: var(--fw-bold) !important;
    margin: 0 0 var(--space-4) 0 !important;
    text-align: center !important;
    opacity: 1 !important;
}

footer.site-footer .footer-contact-list {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
}

footer.site-footer .footer-contact-list li {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: var(--space-3) !important;
    padding: var(--space-3) 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    margin: 0 !important;
}
footer.site-footer .footer-contact-list li:first-child {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

footer.site-footer .footer-label {
    color: rgba(255,255,255,0.5) !important;
    font-size: 11px !important;
    font-weight: var(--fw-bold) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    line-height: var(--lh-snug) !important;
    min-width: auto !important;
    opacity: 1 !important;
    background: transparent !important;
}

footer.site-footer .footer-contact-list a,
footer.site-footer .footer-contact-list li > span:not(.footer-label),
footer.site-footer .footer-contact-list strong,
footer.site-footer .footer-hours {
    color: var(--color-paper) !important;
    font-weight: var(--fw-bold) !important;
    font-size: 15px !important;
    line-height: var(--lh-relaxed) !important;
    text-decoration: none !important;
    background: transparent !important;
    opacity: 1 !important;
}

footer.site-footer .footer-contact-list a:hover,
footer.site-footer .footer-contact-list a:focus {
    color: var(--color-primary) !important;
}

footer.site-footer .footer-hours br + * {
    display: inline !important;
}

/* Privacy / Terms — full bottom row, centered */
footer.site-footer .site-footer__legal,
footer.site-footer nav.site-footer__legal {
    margin: var(--space-5) 0 0 0 !important;
    padding: var(--space-4) 0 0 0 !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    order: 100 !important;
    width: 100% !important;
}

footer.site-footer .footer-legal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: var(--space-6) !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
}

footer.site-footer .footer-legal li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

footer.site-footer .footer-legal a {
    color: rgba(255,255,255,0.6) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 13px !important;
    text-decoration: none !important;
    font-weight: var(--fw-semi) !important;
    line-height: var(--lh-snug) !important;
    box-shadow: none !important;
    transition: color var(--anim-fast) var(--ease-out) !important;
}

footer.site-footer .footer-legal a:hover,
footer.site-footer .footer-legal a:focus {
    color: var(--color-paper) !important;
    background: transparent !important;
    border: 0 !important;
}

footer.site-footer .site-footer__copyright {
    text-align: center !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: var(--space-3) 0 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    line-height: var(--lh-snug) !important;
}

@media (max-width: 600px) {
    footer.site-footer .footer-contact-list li {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        padding: var(--space-3) 0 !important;
    }
    footer.site-footer .footer-label {
        font-size: 10px !important;
    }
    footer.site-footer .footer-contact-list a,
    footer.site-footer .footer-contact-list li > span:not(.footer-label),
    footer.site-footer .footer-hours {
        font-size: 14px !important;
    }
    footer.site-footer .footer-legal {
        gap: var(--space-4) !important;
    }
}

/* ============================================================
   R30 — CONTAINER STANDARD CLASSES (for use across components)
   ============================================================ */

.dag-container,
.site-container,
.wrap {
    max-width: var(--container-base, 1280px) !important;
    margin-inline: auto;
    padding-inline: var(--container-padding-x, 24px);
}
.dag-container--narrow {
    max-width: var(--container-narrow, 1100px) !important;
}
.dag-container--prose {
    max-width: var(--container-prose, 78ch) !important;
}
.dag-container--wide {
    max-width: var(--container-wide, 1440px) !important;
}

/* ============================================================
   R30 — TOP DEALS = INV-CARD aligned (4/3 aspect, larger)
   ============================================================ */

.home-deals .home-deals__card {
    flex-basis: calc((100% - 3 * var(--space-5)) / 4) !important;
    min-height: auto !important;
    background: var(--color-paper) !important;
    border: 1px solid var(--color-border);
}

.home-deals__media {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    background: var(--color-surface-2);
    overflow: hidden;
}
.home-deals__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.home-deals__overlay {
    padding: var(--space-3) var(--space-4) var(--space-4) !important;
}

.home-deals__title {
    font-size: var(--fs-md) !important;
    line-height: var(--lh-snug);
    margin: 0 0 var(--space-1) !important;
}

.home-deals__price {
    font-size: var(--fs-xl) !important;
    margin: var(--space-1) 0 var(--space-2) !important;
}

@media (max-width: 1099px) {
    .home-deals .home-deals__card {
        flex-basis: calc((100% - 2 * var(--space-5)) / 3) !important;
    }
}
@media (max-width: 819px) {
    .home-deals .home-deals__card {
        flex-basis: calc((100% - var(--space-4)) / 2) !important;
    }
    .home-deals__media {
        aspect-ratio: 16 / 10 !important;
    }
}
@media (max-width: 559px) {
    .home-deals .home-deals__card {
        flex-basis: 88% !important;
    }
}

/* ============================================================
   R30 — SINGLE-CAR / Content sections — extra breathing room
   ============================================================ */

.dag-car-single .car-layout {
    max-width: var(--container-wide, 1440px) !important;
    margin-inline: auto;
    padding-inline: var(--container-padding-x, 24px);
}

.car-content {
    max-width: var(--container-narrow, 1100px) !important;
    margin-inline: auto !important;
    padding: var(--space-6) var(--container-padding-x, 24px) var(--space-8) !important;
}

/* /* === R31 OLD-START: R31: NT-Similar R30 inner disabled ===
.nt-similar__inner {
    max-width: var(--container-base, 1280px) !important;
    padding-inline: var(--container-padding-x, 24px) !important;
}

/* === R31 OLD-END: R31: NT-Similar R30 inner disabled === */ */
/* ============================================================
   END R30
   ============================================================ */