/* ═══════════════════════════════════════════════════════════
   overrides/palette-diversification.css
   v3 — aggressive dark-on-cream contrast fixes
   Rule: если section имеет cream-background — всё внутри должно
   быть dark text (explicit), иначе невидимо.
   ═══════════════════════════════════════════════════════════ */

/* ─── Design tokens ──────────────────────────────────────── */
:root {
    --cream-text:      #1A1012;
    --cream-muted:     rgba(46, 13, 20, 0.72);
    --cream-border:    rgba(107, 31, 46, 0.16);
    --cream-border-h:  rgba(107, 31, 46, 0.32);
    --cream-card-bg:   #ffffff;
    --cream-card-shd:  0 6px 18px rgba(46, 13, 20, 0.07);
    --cream-card-shd-h:0 12px 28px rgba(46, 13, 20, 0.14);
}

/* ─── Gold eyebrows globally ─────────────────────────────── */
.hero__eyebrow,
.dag-ship__kicker,
.dag-contact-hero__kicker,
.fin-kicker,
.p-about__kicker,
.legal-kicker,
.home-news__eyebrow,
.about-hero__eyebrow,
.contact-hero__eyebrow,
.privacy-hero__eyebrow,
.shipping-hero__eyebrow {
    color: var(--gold) !important;
    letter-spacing: 0.22em !important;
    font-weight: 700 !important;
}

/* ─── Home Featured — cream zone ─────────────────────────── */
body.home .home-featured {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
    padding: 90px 16px !important;
}
body.home .home-featured .section-title,
body.home .home-featured h2,
body.home .home-featured .home-featured__title {
    color: var(--cream-text) !important;
}
body.home .home-featured .section-lead {
    color: var(--cream-muted) !important;
}
body.home .home-featured .home-featured__card {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    color: var(--cream-text) !important;
    box-shadow: var(--cream-card-shd) !important;
}
body.home .home-featured .home-featured__card:hover {
    border-color: var(--primary) !important;
    box-shadow: var(--cream-card-shd-h) !important;
}
body.home .home-featured .home-featured__price {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}
body.home .home-featured .home-featured__meta {
    color: var(--cream-muted) !important;
}
body.home .home-featured .home-featured__meta span {
    background: rgba(107, 31, 46, 0.06) !important;
    border-color: var(--cream-border) !important;
    color: var(--cream-text) !important;
}
body.home .home-featured .home-featured__badge,
body.home .home-featured [class*="badge"] {
    background: var(--gold) !important;
    color: var(--cream-text) !important;
    border: 0 !important;
}

/* ─── Home Brands ─────────────────────────────────────────── */
body.home .home-brands {
    background: var(--surface-cream-2) !important;
    padding: 80px 16px !important;
}
body.home .home-brands .section-title,
body.home .home-brands h2 {
    color: var(--cream-text) !important;
}
body.home .home-brands .section-lead {
    color: var(--cream-muted) !important;
}
body.home .home-brands__item {
    background: var(--cream-card-bg) !important;
    border: 1px solid rgba(201, 165, 106, 0.38) !important;
    color: var(--cream-text) !important;
    box-shadow: 0 4px 10px rgba(46, 13, 20, 0.06) !important;
}
body.home .home-brands__item:hover {
    border-color: var(--gold) !important;
    box-shadow: 0 10px 22px rgba(201, 165, 106, 0.22) !important;
    transform: translateY(-2px) !important;
}

/* ─── About / Consign / Refund (shared .p-about engine) ──── */
/* Only target SPECIFIC even sections, not all nth-of-type */
.p-about__section--alt,
.p-about__section.cream-zone {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
}
.p-about__section--alt *,
.p-about__section.cream-zone * {
    color: inherit;
}
.p-about__section--alt .p-about__h2,
.p-about__section--alt .p-about__h3,
.p-about__section--alt .p-about__cardTitle,
.p-about__section.cream-zone .p-about__h2,
.p-about__section.cream-zone .p-about__h3,
.p-about__section.cream-zone .p-about__cardTitle {
    color: var(--cream-text) !important;
}
.p-about__section--alt .p-about__lead,
.p-about__section--alt .p-about__text,
.p-about__section--alt .p-about__cardText,
.p-about__section--alt .p-about__list li,
.p-about__section.cream-zone .p-about__lead,
.p-about__section.cream-zone .p-about__text,
.p-about__section.cream-zone .p-about__cardText,
.p-about__section.cream-zone .p-about__list li {
    color: var(--cream-muted) !important;
}
.p-about__section--alt .p-about__card,
.p-about__section.cream-zone .p-about__card {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    box-shadow: var(--cream-card-shd) !important;
    color: var(--cream-text) !important;
}
.p-about__section--alt .p-about__card *,
.p-about__section.cream-zone .p-about__card * {
    color: inherit !important;
}
.p-about__section--alt .p-about__pill,
.p-about__section.cream-zone .p-about__pill {
    background: rgba(107, 31, 46, 0.08) !important;
    color: var(--primary) !important;
    border: 1px solid rgba(107, 31, 46, 0.24) !important;
}
.p-about__statValue {
    color: var(--gold) !important;
}
.p-about__teamRole {
    color: var(--gold) !important;
}

/* ─── Financing "How it works" cream zone ─────────────────── */
.fin-section.fin-section--soft {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
}
.fin-section.fin-section--soft h2,
.fin-section.fin-section--soft .fin-lead {
    color: var(--cream-text) !important;
}
.fin-section.fin-section--soft .fin-card {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    box-shadow: var(--cream-card-shd) !important;
    color: var(--cream-text) !important;
}
.fin-section.fin-section--soft .fin-card * {
    color: inherit !important;
}
.fin-section.fin-section--soft .fin-card__title {
    color: var(--cream-text) !important;
    font-weight: 700 !important;
}
.fin-section.fin-section--soft .fin-card__text {
    color: var(--cream-muted) !important;
}

.fin-badge {
    background: rgba(201, 165, 106, 0.15) !important;
    color: var(--gold-600) !important;
    border: 1px solid rgba(201, 165, 106, 0.36) !important;
}
.fin-aside-card--accent {
    border-top: 3px solid var(--gold) !important;
}

/* ─── Shipping — только конкретные ALT-секции ───────────── */
.dag-ship__section--alt {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
}
.dag-ship__section--alt h2,
.dag-ship__section--alt .dag-ship__h2,
.dag-ship__section--alt .dag-ship__h3 {
    color: var(--cream-text) !important;
}
.dag-ship__section--alt .dag-ship__lead,
.dag-ship__section--alt p,
.dag-ship__section--alt li {
    color: var(--cream-muted) !important;
}
.dag-ship__section--alt .dag-ship__faq-item {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    color: var(--cream-text) !important;
}
.dag-ship__section--alt .dag-ship__faq-item * {
    color: inherit !important;
}
.dag-ship__badge {
    background: rgba(201, 165, 106, 0.15) !important;
    color: var(--gold-600) !important;
    border: 1px solid rgba(201, 165, 106, 0.36) !important;
}
.dag-ship__aside-card {
    border-top: 3px solid var(--gold) !important;
}

/* Transportation FAQ borders — subtle gold, not aggressive */
.dag-ship__faq-item {
    border-top: 1px solid rgba(201, 165, 106, 0.20) !important;
}

/* ─── Contact ─────────────────────────────────────────────── */
.dag-contact-hero__title {
    color: #ffffff !important;
}
.dag-contact-card {
    border-top: 2px solid var(--gold) !important;
}
.dag-contact-card__kicker {
    color: var(--gold) !important;
    letter-spacing: 0.18em !important;
    font-weight: 700 !important;
}
/* FIXED: убрали cream на .dag-contact-map — из-за этого карта пропала */
/* .dag-contact-map оставляем с родным background */

/* ─── Legal (terms, refund) ───────────────────────────────── */
.legal-h1 {
    border-bottom: 2px solid var(--gold) !important;
    padding-bottom: 12px !important;
}
.legal-pill {
    background: rgba(201, 165, 106, 0.15) !important;
    color: var(--gold-600) !important;
    border: 1px solid rgba(201, 165, 106, 0.36) !important;
}
.legal-toc {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
    border-radius: 14px !important;
    padding: 22px !important;
    border-left: 3px solid var(--gold) !important;
}
.legal-toc * {
    color: inherit !important;
}
.legal-toc__title {
    color: var(--cream-text) !important;
    font-weight: 700 !important;
}
.legal-toc__link {
    color: var(--primary) !important;
}
.legal-toc__link:hover {
    color: var(--gold-600) !important;
}

/* ─── Privacy ──────────────────────────────────────────────── */
.privacy-hero__title {
    color: #ffffff !important;
}
.privacy-contact-cta {
    border-top: 3px solid var(--gold) !important;
}

/* ─── Inventory archive ───────────────────────────────────── */
.cyp-inv__kicker,
.cyp-inv__count {
    color: var(--gold) !important;
}
.is-price,
.cyp-inv__price {
    color: var(--gold) !important;
}

/* ─── Car single ──────────────────────────────────────────── */
.dag-specs-card {
    border-top: 3px solid var(--gold) !important;
}
.dag-gallery__dot--active {
    background: var(--gold) !important;
}
.car-price-tag,
.dag-price {
    color: var(--gold) !important;
    font-weight: 900 !important;
}

/* ─── Thank You ────────────────────────────────────────────── */
.ty__wrap {
    border-top: 4px solid var(--gold) !important;
}
.ty__title span,
.ty__title em {
    color: var(--gold) !important;
}

/* ═══════════════════════════════════════════════════════════
   v4 fixes: визуальные регрессии после v3
   ═══════════════════════════════════════════════════════════ */

/* 1. Financing "How it works" — форсим fin-card на cream, было тёмно-бордовое */
.fin-section.fin-section--soft .fin-card,
.fin-section.fin-section--soft > .container > *,
.fin-section--soft .fin-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
    box-shadow: 0 6px 18px rgba(46, 13, 20, 0.07) !important;
    color: #1A1012 !important;
}
.fin-section--soft .fin-card *,
.fin-section--soft .fin-card__title,
.fin-section--soft .fin-card__text,
.fin-section--soft .fin-step,
.fin-section--soft .fin-step__num,
.fin-section--soft .fin-step__title,
.fin-section--soft .fin-step__text {
    color: #1A1012 !important;
}
.fin-section--soft .fin-step__text,
.fin-section--soft .fin-card__text {
    color: rgba(46, 13, 20, 0.72) !important;
}
.fin-section--soft .fin-step__num {
    color: var(--primary) !important;
    font-weight: 900 !important;
}


/* 3. Transportation FAQ — убираем gold border с dark-зон, оставляем только на --alt */
.dag-ship__faq-item {
    border-top: 1px solid var(--border) !important;
}
.dag-ship__section--alt .dag-ship__faq-item {
    border-top: 1px solid rgba(201, 165, 106, 0.32) !important;
}

/* 4. Consign — CTA-блок внутри cream-зоны (Questions? block) */
.p-about__section--alt .p-about__cta,
.p-about__section.cream-zone .p-about__cta {
    background: #ffffff !important;
    color: #1A1012 !important;
    border: 1px solid rgba(107, 31, 46, 0.18) !important;
    border-top: 3px solid var(--gold) !important;
    box-shadow: 0 8px 22px rgba(46, 13, 20, 0.10) !important;
}
.p-about__section--alt .p-about__cta *,
.p-about__section.cream-zone .p-about__cta * {
    color: inherit !important;
}
.p-about__section--alt .p-about__cta .p-about__ctaTitle,
.p-about__section.cream-zone .p-about__cta .p-about__ctaTitle {
    color: #1A1012 !important;
    font-weight: 700 !important;
}
.p-about__section--alt .p-about__cta .p-about__ctaLead,
.p-about__section.cream-zone .p-about__cta .p-about__ctaLead {
    color: rgba(46, 13, 20, 0.72) !important;
}
/* Buttons внутри CTA в cream-зоне — выраженные burgundy */
.p-about__section--alt .p-about__cta .btn,
.p-about__section--alt .p-about__cta a.btn,
.p-about__section--alt .p-about__cta .p-about__ctaActions a,
.p-about__section--alt .p-about__cta .btn-primary,
.p-about__section--alt .p-about__cta .btn--primary {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 6px 16px rgba(107, 31, 46, 0.28) !important;
}
.p-about__section--alt .p-about__cta .btn:hover,
.p-about__section--alt .p-about__cta a.btn:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    transform: translateY(-1px) !important;
}

/* 5. p-about__list buttons/bullets в cream-зоне — тёмный маркер */
.p-about__section--alt .p-about__list li::marker,
.p-about__section.cream-zone .p-about__list li::marker {
    color: var(--primary) !important;
}
.p-about__section--alt .p-about__list li strong,
.p-about__section--alt .p-about__list li b,
.p-about__section.cream-zone .p-about__list li strong,
.p-about__section.cream-zone .p-about__list li b {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

/* 6. Home featured/brands badges — прежние правила могли конфликтовать */
body.home .home-featured .home-featured__card [class*="badge"],
body.home .home-featured .home-featured__badge,
body.home .home-featured span[class*="NEW"],
body.home .home-featured span[class*="new"] {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   v5 fix: .fin-step — реальный HTML использует step, не card
   ═══════════════════════════════════════════════════════════ */

.fin-section.fin-section--soft .fin-step,
.fin-section--soft .fin-steps .fin-step,
.fin-section--soft ol.fin-steps li.fin-step {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
    box-shadow: 0 6px 18px rgba(46, 13, 20, 0.07) !important;
    color: #1A1012 !important;
}

.fin-section--soft .fin-step .fin-step__title,
.fin-section--soft ol.fin-steps li.fin-step .fin-step__title {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

.fin-section--soft .fin-step .fin-step__text,
.fin-section--soft ol.fin-steps li.fin-step .fin-step__text {
    color: rgba(46, 13, 20, 0.72) !important;
}

.fin-section--soft .fin-step::before {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 0 !important;
}

.fin-section--soft .section-title {
    color: #1A1012 !important;
}

/* ═══════════════════════════════════════════════════════════
   v6 fix: about cream-зоны — pills, list numbers, buttons
   ═══════════════════════════════════════════════════════════ */

/* p-about pill-кнопки в cream-зоне — burgundy background */
.p-about__section--alt .p-about__pill,
.p-about__section.cream-zone .p-about__pill,
.p-about__section--alt a.p-about__pill,
.p-about__section--alt button.p-about__pill {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 4px 12px rgba(107, 31, 46, 0.22) !important;
}
.p-about__section--alt .p-about__pill:hover,
.p-about__section.cream-zone .p-about__pill:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(107, 31, 46, 0.28) !important;
}

/* p-about__list в cream-зоне — тёмный текст, burgundy нумерация */
.p-about__section--alt .p-about__list,
.p-about__section.cream-zone .p-about__list {
    color: #1A1012 !important;
}
.p-about__section--alt .p-about__list li,
.p-about__section.cream-zone .p-about__list li {
    color: rgba(46, 13, 20, 0.85) !important;
}
.p-about__section--alt .p-about__list li::marker,
.p-about__section--alt ol.p-about__list li::marker,
.p-about__section.cream-zone .p-about__list li::marker,
.p-about__section.cream-zone ol.p-about__list li::marker {
    color: var(--primary) !important;
    font-weight: 900 !important;
}
.p-about__section--alt .p-about__list strong,
.p-about__section--alt .p-about__list b,
.p-about__section.cream-zone .p-about__list strong,
.p-about__section.cream-zone .p-about__list b {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

/* Также generic buttons внутри cream-зон (на случай если pill — не единственные) */
.p-about__section--alt .btn,
.p-about__section--alt a.btn,
.p-about__section--alt button.btn,
.p-about__section--alt .btn-primary,
.p-about__section--alt .btn--primary,
.p-about__section.cream-zone .btn,
.p-about__section.cream-zone .btn-primary,
.p-about__section.cream-zone .btn--primary {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}
.p-about__section--alt .btn-outline,
.p-about__section--alt .btn--outline,
.p-about__section.cream-zone .btn-outline,
.p-about__section.cream-zone .btn--outline {
    background: transparent !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
}

/* Колонки с текстом в cream-зонах ("Our Commitment" имеет две колонки — текст + картинка) */
.p-about__section--alt .p-about__col,
.p-about__section--alt .p-about__col *,
.p-about__section.cream-zone .p-about__col,
.p-about__section.cream-zone .p-about__col * {
    color: inherit;
}
.p-about__section--alt p,
.p-about__section--alt li,
.p-about__section.cream-zone p,
.p-about__section.cream-zone li {
    color: rgba(46, 13, 20, 0.80) !important;
}
.p-about__section--alt strong,
.p-about__section--alt b,
.p-about__section.cream-zone strong,
.p-about__section.cream-zone b {
    color: #1A1012 !important;
}

/* Team role чтоб остался виден в cream-зоне */
.p-about__section--alt .p-about__teamRole,
.p-about__section.cream-zone .p-about__teamRole {
    color: var(--gold-600) !important;
}

/* ═══════════════════════════════════════════════════════════
   v7 fix: about cream-зоны — реальные классы из HTML
   ═══════════════════════════════════════════════════════════ */

/* Section 1 "Our Commitment to the Inventory" — cream с колонками */
.p-about__section--alt .p-about__list,
.p-about__section--alt ul.p-about__list,
.p-about__section--alt ol.p-about__list {
    color: #1A1012 !important;
    padding-left: 0 !important;
    list-style: none !important;
}
.p-about__section--alt .p-about__list li,
.p-about__section--alt ul.p-about__list li,
.p-about__section--alt ol.p-about__list li {
    color: rgba(46, 13, 20, 0.82) !important;
    position: relative !important;
    padding-left: 24px !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}
.p-about__section--alt .p-about__list li::before {
    content: "●" !important;
    position: absolute !important;
    left: 4px !important;
    color: var(--primary) !important;
    font-size: 12px !important;
}
.p-about__section--alt ol.p-about__list {
    counter-reset: alt-list;
}
.p-about__section--alt ol.p-about__list li {
    counter-increment: alt-list;
    padding-left: 34px !important;
}
.p-about__section--alt ol.p-about__list li::before {
    content: counter(alt-list) !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: var(--primary) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Section 2 "Get the Best Deal" — .btn-primary / .btn-outline buttons */
.p-about__section--alt .btn-primary,
.p-about__section--alt a.btn-primary,
.p-about__section--alt button.btn-primary {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 6px 16px rgba(107, 31, 46, 0.28) !important;
}
.p-about__section--alt .btn-primary:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}
.p-about__section--alt .btn-outline,
.p-about__section--alt a.btn-outline,
.p-about__section--alt button.btn-outline {
    background: transparent !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
}
.p-about__section--alt .btn-outline:hover {
    background: var(--primary) !important;
    color: #ffffff !important;
}

/* Forced text contrast inside all cream .p-about__col / text */
.p-about__section--alt .p-about__col,
.p-about__section--alt .p-about__text,
.p-about__section--alt .p-about__lead {
    color: #1A1012 !important;
}
.p-about__section--alt .p-about__text,
.p-about__section--alt .p-about__lead {
    color: rgba(46, 13, 20, 0.78) !important;
}
.p-about__section--alt .p-about__text strong,
.p-about__section--alt .p-about__text b,
.p-about__section--alt .p-about__lead strong,
.p-about__section--alt .p-about__lead b {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

/* Section "Meet the Team Behind the Cars" — имена/роли/кнопки */
.p-about__section--alt .p-about__teamName,
.p-about__section--alt .p-about__teamBody .p-about__teamName {
    color: #1A1012 !important;
    font-weight: 700 !important;
}
.p-about__section--alt .p-about__teamRole {
    color: var(--primary) !important;
    font-weight: 600 !important;
}
.p-about__section--alt .p-about__stat {
    background: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
    box-shadow: 0 4px 14px rgba(46, 13, 20, 0.08) !important;
}
.p-about__section--alt .p-about__stat * {
    color: inherit !important;
}
.p-about__section--alt .p-about__statNum {
    color: var(--primary) !important;
    font-weight: 900 !important;
}
.p-about__section--alt .p-about__statLabel {
    color: rgba(46, 13, 20, 0.72) !important;
}

/* Section head (kicker + h2) in cream */
.p-about__section--alt .p-about__sectionHead * {
    color: #1A1012 !important;
}
.p-about__section--alt .p-about__meta {
    color: var(--primary) !important;
    letter-spacing: 0.18em !important;
    font-weight: 700 !important;
}

/* FAQ on shipping — убираем gold borders с dark-секций FAQ */
.dag-ship__faq-item {
    border: 1px solid rgba(196, 107, 123, 0.12) !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    background: rgba(107, 31, 46, 0.06) !important;
}
.dag-ship__section--alt .dag-ship__faq-item {
    background: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
}

/* ═══════════════════════════════════════════════════════════
   v8: Inventory archive + Car single — design refresh
   ═══════════════════════════════════════════════════════════ */

/* ─── CAR SINGLE (.dag-*) ──────────────────────────────────── */

.dag-car {
    background: var(--bg) !important;
}

/* Title + meta header */
.dag-car__head,
.dag-lead__title,
.dag-title {
    color: #ffffff !important;
}
.dag-car__meta,
.dag-car__meta * {
    color: rgba(240, 232, 233, 0.68) !important;
    letter-spacing: 0.02em !important;
}
.dag-car__meta strong {
    color: var(--gold) !important;
    font-weight: 700 !important;
    padding-right: 8px !important;
}

/* Price box — большой золотой акцент */
.dag-pricebox {
    background: linear-gradient(135deg, var(--surface-raised), var(--surface)) !important;
    border: 1px solid rgba(201, 165, 106, 0.24) !important;
    border-radius: 14px !important;
    padding: 22px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32) !important;
}
.dag-pricebox .dag-price,
.dag-price {
    background: transparent !important;
    padding: 0 !important;
    display: block !important;
    color: var(--gold) !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.02em !important;
    border: 0 !important;
    text-shadow: 0 2px 8px rgba(201, 165, 106, 0.20) !important;
}
.dag-pricebox__cta,
.dag-btn--full {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    padding: 14px 22px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 22px rgba(107, 31, 46, 0.36) !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    text-align: center !important;
}
.dag-pricebox__cta:hover,
.dag-btn--full:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 28px rgba(107, 31, 46, 0.44) !important;
}

/* Specs card */
.dag-specs-card {
    background: var(--surface-raised) !important;
    border: 1px solid rgba(201, 165, 106, 0.18) !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 14px !important;
    padding: 20px !important;
}
.dag-specs-card .dag-h2 {
    color: #ffffff !important;
    margin-bottom: 16px !important;
    font-size: 18px !important;
}
.dag-specs {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.dag-specs > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 14px !important;
    background: rgba(14, 8, 9, 0.45) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(201, 165, 106, 0.12) !important;
}
.dag-specs dt {
    color: var(--gold) !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin: 0 !important;
}
.dag-specs dd {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin: 0 !important;
    text-align: right !important;
}

/* Vehicle Overview text */
.dag-desc--desktop,
.dag-desc--mobile,
.dag-prose {
    background: var(--surface) !important;
    border: 1px solid rgba(107, 31, 46, 0.24) !important;
    border-radius: 14px !important;
    padding: 22px !important;
    color: var(--text) !important;
    line-height: 1.7 !important;
}
.dag-desc--desktop h2,
.dag-desc--mobile h2,
.dag-prose h2 {
    color: #ffffff !important;
    font-size: 20px !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(201, 165, 106, 0.20) !important;
}

/* Gallery thumbnails */
.dag-thumbs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
}
.dag-thumb {
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    transition: border-color 0.2s ease !important;
    cursor: pointer !important;
}
.dag-thumb:hover,
.dag-thumb--active {
    border-color: var(--gold) !important;
}

/* Sidebar contact form */
.dag-sidebar {
    background: var(--surface-raised) !important;
    border: 1px solid rgba(201, 165, 106, 0.18) !important;
    border-radius: 14px !important;
    padding: 22px !important;
}
.dag-sidebar .dag-h2 {
    color: #ffffff !important;
    font-size: 18px !important;
    margin-bottom: 14px !important;
}


/* ═══════════════════════════════════════════════════════════
   v11: Inventory archive — FINAL (based on real HTML structure)
   
   HTML: <article.cyp-card.cyp-inv__card>
         <a.cyp-inv__media><img></a>
         <div.cyp-inv__body>
           <div.cyp-inv__top>
             <div.cyp-inv__subtitle>2024 BMW X7 M60i</div>
             <a.cyp-btn.cyp-btn--primary.cyp-btn--sm>Details</a>
           </div>
           <h2.cyp-inv__title><a>2024 BMW X7 M60i</a></h2>
           <div.cyp-inv__price><span.cyp-inv__price-val>$ 50,250</span></div>
           <dl.cyp-inv__specs>...
         </div>
   ═══════════════════════════════════════════════════════════ */

/* ─── LAYOUT: 300px sidebar + fluid main ──────────────── */
.cyp-inv__layout {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 28px !important;
    align-items: start !important;
    position: relative !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 28px 16px 60px !important;
}
.cyp-inv__sidebar {
    position: sticky !important;
    top: 100px !important;
    align-self: start !important;
    margin: 0 !important;
    width: 100% !important;
    background: var(--surface-raised) !important;
    border: 1px solid rgba(201, 165, 106, 0.14) !important;
    border-radius: 16px !important;
    padding: 20px !important;
}
.cyp-inv__main {
    position: relative !important;
    min-width: 0 !important;
    width: 100% !important;
}
.cyp-inv__grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
}

@media (max-width: 991px) {
    .cyp-inv__layout {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .cyp-inv__sidebar {
        position: static !important;
    }
    .cyp-inv__grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 640px) {
    .cyp-inv__grid {
        grid-template-columns: 1fr !important;
    }
}

/* ─── CARD SHELL ───────────────────────────────────────── */
.cyp-inv__card,
.cyp-card.cyp-inv__card {
    background: var(--surface-raised) !important;
    border: 1px solid rgba(201, 165, 106, 0.12) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
    color: inherit !important;
    text-decoration: none !important;
}
.cyp-inv__card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(201, 165, 106, 0.38) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.50), 0 0 0 1px rgba(201, 165, 106, 0.08) !important;
}

/* ─── MEDIA ONLY — no title overlay on image ─────────── */
.cyp-inv__media {
    display: block !important;
    aspect-ratio: 16/10 !important;
    overflow: hidden !important;
    position: relative !important;
    background: linear-gradient(135deg, #1A1012, var(--bg)) !important;
    margin: 0 !important;
}
.cyp-inv__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.cyp-inv__card:hover .cyp-inv__media img {
    transform: scale(1.05) !important;
}
/* Killing any after/before overlay that might print title */
.cyp-inv__media::before,
.cyp-inv__media::after {
    content: none !important;
    display: none !important;
}

/* ─── BODY ─────────────────────────────────────────────── */
.cyp-inv__body {
    padding: 18px 20px 20px !important;
    background: transparent !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    position: relative !important;
}

/* ─── TOP: subtitle (year/make) + Details button ─────── */
.cyp-inv__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.cyp-inv__subtitle {
    color: rgba(201, 165, 106, 0.85) !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.cyp-inv__top .cyp-btn,
.cyp-btn.cyp-btn--sm {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    flex-shrink: 0 !important;
}
.cyp-inv__top .cyp-btn:hover,
.cyp-btn.cyp-btn--sm:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    transform: translateY(-1px) !important;
}

/* ─── TITLE ────────────────────────────────────────────── */
.cyp-inv__title {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: color 0.24s ease !important;
}
.cyp-inv__title a {
    color: inherit !important;
    text-decoration: none !important;
}
.cyp-inv__card:hover .cyp-inv__title,
.cyp-inv__card:hover .cyp-inv__title a {
    color: var(--gold) !important;
}

/* ─── PRICE — большой gold номер ─────────────────────── */
.cyp-inv__price {
    margin: 0 !important;
    padding: 10px 14px !important;
    background: linear-gradient(135deg, rgba(107, 31, 46, 0.28), rgba(107, 31, 46, 0.14)) !important;
    border: 1px solid rgba(201, 165, 106, 0.28) !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    align-self: flex-start !important;
    position: relative !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.cyp-inv__price-val {
    color: var(--gold) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
}

/* ─── SPECS ROW — 3 cols bottom ───────────────────────── */
.cyp-inv__specs {
    padding: 12px 0 0 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    border-top: 1px solid rgba(201, 165, 106, 0.12) !important;
}
.cyp-inv__specs > div,
.cyp-inv__specs > span {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
}
.cyp-inv__specs dt {
    color: rgba(201, 165, 106, 0.72) !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    letter-spacing: 0.14em !important;
    font-weight: 700 !important;
    margin: 0 !important;
}
.cyp-inv__specs dd {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ─── FILTERS / HERO / PAGINATION / VISIT (без изменений) ─ */
.cyp-inv__hero {
    background:
        radial-gradient(900px 300px at 80% 20%, rgba(201, 165, 106, 0.08), transparent 60%),
        linear-gradient(135deg, var(--bg) 0%, #1F1115 100%) !important;
    border-bottom: 1px solid rgba(201, 165, 106, 0.18) !important;
    padding: 70px 16px 50px !important;
}
.cyp-inv__hero .cyp-h1,
.cyp-inv__hero h1 {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.cyp-inv__hero .cyp-lead {
    color: rgba(240, 232, 233, 0.72) !important;
}

.cyp-inv__sidebar-title,
.cyp-inv__sidebar-head {
    color: var(--gold) !important;
    letter-spacing: 0.14em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    margin-bottom: 12px !important;
}
.cyp-inv__found {
    color: var(--gold) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin: 0 0 18px 0 !important;
    padding-left: 14px !important;
    border-left: 3px solid var(--gold) !important;
}

.cyp-inv__pagination {
    padding: 40px 0 20px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}
.cyp-inv__pagination .page-numbers {
    background: var(--surface) !important;
    color: var(--text) !important;
    border: 1px solid rgba(201, 165, 106, 0.18) !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    min-width: 44px !important;
    text-align: center !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}
.cyp-inv__pagination .page-numbers:hover {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
}
.cyp-inv__pagination .page-numbers.current {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

.cyp-inv__visit {
    margin-top: 50px !important;
    padding-top: 32px !important;
    border-top: 1px solid rgba(201, 165, 106, 0.14) !important;
}
.cyp-inv__visit-card {
    background: var(--surface-raised) !important;
    border: 1px solid rgba(201, 165, 106, 0.18) !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 14px !important;
    padding: 26px !important;
}
.cyp-inv__visit-title {
    color: var(--gold) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}
.cyp-inv__visit-label {
    color: rgba(240, 232, 233, 0.56) !important;
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}
.cyp-inv__visit-value {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-top: 4px !important;
}