/* Raaid Al Tamayuz — public design system. The physical plate face remains in plates.css. */
:root {
  --p-ink: #1c211f;
  --p-soft-ink: #3c4541;
  --p-muted: #626d67;
  --p-canvas: #f7f6f2;
  --p-surface: #fff;
  --p-line: #e5e5dd;
  --p-gold: #a88040;
  --p-gold-light: #eee4d2;
  --p-dark: #1b201e;
  --p-green: #176744;
  --p-radius: 18px;
  --p-shadow: 0 8px 26px rgb(21 27 23 / 5%);
  --sf-ink: var(--p-ink);
  --sf-muted: var(--p-muted);
  --sf-line: var(--p-line);
  --sf-soft: var(--p-canvas);
  --plate-ink: var(--p-ink);
  --plate-muted: var(--p-muted);
  --plate-line: var(--p-line);
  --plate-soft: var(--p-canvas);
  --plate-brand: var(--p-dark);
  --plate-gold: var(--p-gold);
}
html { scroll-padding-top: 5.5rem; }
body:is(.storefront-body,.public-body,.finance-page) { min-width: 320px; overflow-x: clip; background: var(--p-canvas); color: var(--p-ink); }
body:is(.storefront-body,.public-body,.finance-page) :is(button,input,select,textarea) { font: inherit; }
body:is(.storefront-body,.public-body,.finance-page) :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--p-gold); outline-offset: 3px; }
body:is(.storefront-body,.public-body,.finance-page) :is(a,button,summary) { touch-action: manipulation; }
body:is(.storefront-body,.public-body,.finance-page) :is(button,[type="submit"]):disabled { cursor: wait; opacity: .62; }
body:is(.storefront-body,.public-body,.finance-page) :is(img,svg) { max-width: 100%; }

/* Navigation */
.storefront-header,.public-header,.finance-header { position: sticky; inset-block-start: 0; z-index: 100; min-height: 4.5rem; padding-block-start: env(safe-area-inset-top); border: 0; border-block-end: 1px solid #353b35; background: var(--p-dark); color: #f8f5ee; box-shadow: none; backdrop-filter: none; }
.storefront-header-inner,.finance-header-inner { width: min(calc(100% - 2rem), 84rem); min-height: 4.5rem; gap: 1rem; padding-inline: 0; }
.public-header { width: 100%; display: flex; align-items: center; gap: 1.25rem; padding-inline: max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-left)); }
.storefront-brand,.public-brand,.finance-brand { flex: 0 0 auto; color: #f8f5ee; }
.raid-brand-logo .raid-brand-symbol,.raid-brand-logo .raid-brand-wordmark { mix-blend-mode: screen; }
.storefront-nav,.plates-header-nav,.public-desktop-nav,.finance-nav { align-items: center; gap: clamp(.85rem,2vw,2rem); margin-inline-start: auto; }
.storefront-nav a,.plates-header-nav a,.public-desktop-nav a,.finance-nav a { min-height: 44px; display: inline-flex; align-items: center; border: 0; background: transparent; color: #e8e9e3; font-size: .82rem; font-weight: 650; white-space: nowrap; }
.storefront-nav a:hover,.plates-header-nav a:hover,.public-desktop-nav a:hover,.finance-nav a:hover,.storefront-nav a[aria-current],.public-desktop-nav a[aria-current],.finance-nav .finance-nav-current { color: #e5c895; }
.storefront-nav a::after { display: none; }
.plates-header-nav svg { width: 1rem; height: 1rem; margin-inline-end: .3rem; fill: currentColor; }
.storefront-header-contact,.public-home-link,.public-location,.finance-header-back { min-height: 42px; padding-inline: .85rem; border: 1px solid #75654e; border-radius: 10px; background: #2a2d27; color: #f0d4a3; font-size: .78rem; box-shadow: none; }
.storefront-header-contact:hover,.public-home-link:hover,.public-location:hover { border-color: #c4a570; background: #35382f; color: #fff; }
.public-header-actions { margin-inline-start: auto; }
.public-desktop-nav { display: none; }
.language-picker { position: relative; z-index: 120; flex: 0 0 auto; }
.language-picker summary { min-height: 42px; display: flex; align-items: center; gap: .4rem; padding: .35rem .65rem; border: 1px solid #565b52; border-radius: 10px; color: #f7f3ea; font-size: .72rem; font-weight: 750; list-style: none; }
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker-glyph { color: #d1ad74; font-size: .67rem; font-weight: 850; letter-spacing: -.03em; }
.language-picker-menu { position: absolute; inset-block-start: calc(100% + .5rem); inset-inline-end: 0; width: min(17.5rem,calc(100vw - 1rem)); max-height: min(70vh,28rem); overflow: auto; display: grid; padding: .35rem; border: 1px solid var(--p-line); border-radius: 12px; background: #fff; box-shadow: 0 18px 46px rgb(0 0 0 / 18%); }
.language-picker-menu a { min-height: 42px; display: flex; align-items: center; padding-inline: .8rem; border-radius: 7px; color: var(--p-ink); font-size: .81rem; }
.language-picker-menu a:hover,.language-picker-menu a[aria-current] { background: #f2eee4; color: #6c4b23; }

/* Opening screen */
.storefront-main { gap: clamp(1.7rem,3vw,3.1rem); padding-block: .75rem 3rem; }
.storefront-main > :is(.storefront-hero,.catalog-shell,.featured-plates,.success-partners,.home-preview,.home-social,.home-location,.finance-promo) { width: min(calc(100% - 2rem),84rem); margin-inline: auto; }
.storefront-hero { min-height: 0; display: grid; align-items: stretch; grid-template-columns: minmax(0,1fr); gap: 1.25rem; padding: 1.4rem; border: 1px solid #323b34; border-radius: 20px; background: #202722; color: #fff; box-shadow: none; }
.storefront-hero::before,.storefront-hero::after { display: none; }
.storefront-hero-copy { position: relative; z-index: 1; align-self: center; }
.storefront-hero .storefront-eyebrow,.plates-hero .plates-eyebrow { color: #d7b982; font-size: .74rem; font-weight: 700; letter-spacing: 0; }
.storefront-hero h1 { max-width: none; margin-block: .45rem .3rem; color: #fff; font-size: clamp(2rem,5vw,3.8rem); line-height: 1.22; letter-spacing: -.045em; }
.storefront-hero-copy > p { max-width: 48ch; margin: 0; color: #d0d9cf; font-size: .86rem; line-height: 1.85; }
.hero-search { max-width: 36rem; min-height: 3.3rem; display: flex; align-items: center; gap: .55rem; margin-block-start: 1.15rem; padding: .32rem .35rem .32rem .8rem; border-radius: 11px; background: #fff; color: var(--p-ink); }
.hero-search svg { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; fill: var(--p-gold); }
.hero-search input { width: 100%; min-width: 0; height: 2.5rem; border: 0; outline: 0; background: transparent; font-size: .84rem; }
.hero-search button { min-height: 2.65rem; min-width: 4.2rem; padding-inline: .8rem; border: 0; border-radius: 8px; background: var(--p-gold); color: #171b18; font-size: .78rem; font-weight: 750; }
.hero-search button:hover { background: #c39a58; }
.storefront-hero-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-block-start: .8rem; }
.storefront-hero-actions a,.storefront-hero-actions a.is-primary,.storefront-hero-actions a.is-secondary { min-height: 2.6rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding-inline: .8rem; border: 1px solid #576157; border-radius: 8px; background: transparent; color: #edf0e9; font-size: .7rem; font-weight: 700; box-shadow: none; }
.storefront-hero-actions a.is-primary { border-color: #c4a470; color: #f1d6aa; }
.storefront-hero-actions a:hover { border-color: #d9bb8a; background: #343b33; transform: none; }
.storefront-hero-actions svg { width: .95rem; height: .95rem; fill: currentColor; }
.hero-feature { position: relative; min-width: 0; min-height: 15rem; display: block; overflow: hidden; border-radius: 12px; background: #303a33; }
.hero-feature::after { position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,rgb(10 15 11 / 79%)); content: ""; }
.hero-feature img { width: 100%; height: 100%; min-height: 15rem; object-fit: cover; }
.hero-feature-copy { position: absolute; z-index: 1; inset-inline: 1rem; inset-block-end: .8rem; display: grid; gap: .08rem; color: #fff; }
.hero-feature-copy small { color: #e3bd82; font-size: .68rem; }
.hero-feature-copy strong { font-size: clamp(.92rem,1.7vw,1.3rem); line-height: 1.4; }
.hero-feature-copy b { font-size: .9rem; }
.hero-brand-mark { display: grid; place-items: center; min-height: 13rem; overflow: hidden; border: 1px solid #4a5148; border-radius: 12px; }
.hero-brand-mark img { width: min(100%,17rem); height: auto; mix-blend-mode: screen; }

/* Shared headings and vehicle cards */
.home-preview,.home-social,.home-location,.catalog-shell,.success-partners { min-width: 0; }
.home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-block-end: 1rem; }
.home-section-heading h2,.home-social h2,.home-location h2 { margin: .15rem 0 0; font-size: clamp(1.4rem,3vw,2rem); line-height: 1.35; }
.home-section-heading p { margin-block-start: .25rem; color: var(--p-muted); font-size: .8rem; }
.home-section-heading > a { min-height: 2.7rem; display: inline-flex; align-items: center; gap: .35rem; flex: 0 0 auto; color: #79572d; font-size: .75rem; font-weight: 750; }
.home-section-heading svg { width: .9rem; height: .9rem; fill: currentColor; }
.home-preview-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: .8rem; }
.home-preview-empty { padding: 1.5rem; border: 1px solid var(--p-line); border-radius: var(--p-radius); background: #fff; color: var(--p-muted); font-size: .8rem; }
.storefront-eyebrow { color: #866237; font-size: .72rem; font-weight: 750; }
.storefront-eyebrow i { display: none; }
.catalog-shell { padding: 0; scroll-margin-top: 5.5rem; }
.catalog-intro { align-items: end; }
.catalog-intro h2,.featured-plates h2,.success-partners h2 { color: var(--p-ink); font-size: clamp(1.45rem,3vw,2.05rem); line-height: 1.35; }
.catalog-intro p,.partners-heading p { color: var(--p-muted); font-size: .8rem; }
.catalog-count { min-height: 2.2rem; border: 1px solid var(--p-line); background: #fff; color: var(--p-soft-ink); font-size: .7rem; }
.catalog-count i { background: var(--p-green); }
.catalog-search { margin-block-start: 1rem; border: 1px solid var(--p-line); border-radius: 12px; box-shadow: var(--p-shadow); }
.catalog-search > button,.catalog-filter-actions > button { min-height: 2.8rem; border-radius: 8px; background: var(--p-dark); color: #fff; font-size: .77rem; }
.catalog-condition-tabs { display: flex; flex-wrap: wrap; gap: .35rem; margin-block: .75rem; }
.catalog-condition-tabs a { min-height: 2.7rem; display: inline-flex; align-items: center; padding-inline: .9rem; border: 1px solid var(--p-line); border-radius: 8px; background: #fff; color: var(--p-muted); font-size: .75rem; font-weight: 700; }
.catalog-condition-tabs a[aria-current] { border-color: var(--p-dark); background: var(--p-dark); color: #fff; }
.manufacturer-chips { gap: .4rem; margin-block: .65rem; }
.manufacturer-chips a { min-height: 2.6rem; border-color: var(--p-line); border-radius: 8px; font-size: .72rem; }
.manufacturer-chips a.is-active { border-color: var(--p-gold); background: var(--p-gold-light); color: #573e22; }
.catalog-filters { overflow: hidden; margin-block: .65rem 1.25rem; border: 1px solid var(--p-line); border-radius: 12px; background: #fff; box-shadow: none; }
.catalog-filters summary { min-height: 3.25rem; font-size: .8rem; }
.catalog-filter-grid { gap: .75rem; }
.catalog-filter-field input,.catalog-filter-field select { min-height: 2.9rem; border: 1px solid #dadfd8; border-radius: 8px; background: #fff; font-size: .78rem; }
.catalog-filter-actions { display: flex; align-items: center; gap: .75rem; }
.catalog-filter-actions > a { font-size: .73rem; color: #785931; }
.vehicle-grid { gap: .85rem; }
.vehicle-card { overflow: hidden; border: 1px solid var(--p-line); border-radius: 14px; background: #fff; box-shadow: var(--p-shadow); contain: none; transition: border-color .15s ease,box-shadow .15s ease; }
.vehicle-card:hover { border-color: #cdb991; box-shadow: 0 10px 28px rgb(21 27 23 / 9%); }
.vehicle-card-media { aspect-ratio: 1.56; background: #e9eae5; }
.vehicle-card-media::after { display: none; }
.vehicle-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.vehicle-card:hover img { transform: scale(1.02); }
.vehicle-card-badges { position: absolute; z-index: 2; inset-block-start: .6rem; inset-inline-start: .6rem; display: flex; flex-wrap: wrap; gap: .3rem; max-width: calc(100% - 1.2rem); }
.vehicle-card-badge { min-height: 1.7rem; display: inline-flex; align-items: center; padding-inline: .55rem; border-radius: 5px; background: #fff; color: var(--p-ink); font-size: .64rem; font-weight: 750; box-shadow: 0 2px 8px rgb(0 0 0 / 12%); }
.vehicle-card-badge.is-recent { background: var(--p-gold); color: #171b18; }
.vehicle-card-badge.is-status { background: var(--p-dark); color: #fff; }
.vehicle-card-content { padding: .85rem .95rem .95rem; }
.vehicle-card-maker { color: #80633f; font-size: .68rem; }
.vehicle-card h3 { min-height: 0; margin-block: .2rem .65rem; color: var(--p-ink); font-size: .98rem; line-height: 1.5; }
.vehicle-card-meta { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; padding-block: .7rem; border-block-start: 1px solid #f0f0eb; }
.vehicle-card-meta span { display: grid; gap: .05rem; min-width: 0; }
.vehicle-card-meta small,.vehicle-card-price small { color: #778078; font-size: .62rem; }
.vehicle-card-meta strong { color: var(--p-soft-ink); font-size: .72rem; font-weight: 750; }
.vehicle-card-footer { display: flex; justify-content: space-between; align-items: end; gap: .4rem; margin: 0; padding: .65rem 0 0; border-block-start: 1px solid #f0f0eb; }
.vehicle-card-price { display: grid; gap: .05rem; }
.vehicle-card-price strong { color: var(--p-ink); font-size: 1rem; }
.vehicle-card-arrow { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 7px; background: #f3f0e9; color: #785b34; }
.vehicle-card-arrow svg { width: .85rem; height: .85rem; fill: currentColor; }
.catalog-pagination a.is-current { border-color: var(--p-dark); background: var(--p-dark); }

/* Financing, plates, partners and contact on the home page */
.finance-promo,.finance-promo--compact { border: 0; border-radius: 16px; background: #202722; color: #fff; box-shadow: none; }
.finance-promo__eyebrow { color: #d5b57c; }
.finance-promo h2 { color: #fff; }
.finance-promo p { color: #d9ddd3; }
.finance-promo__action { min-height: 3rem; border-radius: 8px; background: #d3b37e; color: #252018; box-shadow: none; }
.finance-promo__action:hover { background: #e3c996; }
.featured-plates { padding: clamp(1.4rem,3vw,2.5rem); border: 0; border-radius: 16px; background: #eee9df; color: var(--p-ink); box-shadow: none; }
.featured-plates::after { display: none; }
.featured-plates .storefront-eyebrow,.featured-plates .storefront-eyebrow.is-light { color: #816035; }
.featured-plates h2 { color: var(--p-ink); }
.featured-plates-copy p { color: var(--p-muted); font-size: .8rem; }
.featured-plates-copy > a { min-height: 2.8rem; border: 1px solid #ae8b55; border-radius: 8px; background: var(--p-dark); color: #fff; font-size: .75rem; }
.featured-plates-copy > a svg { fill: currentColor; }
.plate-preview { border-color: #d8cab1; background: #fff; color: var(--p-ink); }
.plates-home-empty { min-height: 11rem; display: grid; align-content: center; gap: .35rem; padding: 1.25rem; border: 1px solid #dfd3be; border-radius: 12px; background: #fff; color: var(--p-ink); }
.plates-home-empty strong { font-size: .93rem; }
.plates-home-empty span { color: var(--p-muted); font-size: .74rem; }
.success-partners { padding-block: .8rem; }
.partner-strip { margin-block-start: 1rem; }
.partner-mark { border: 1px solid var(--p-line); border-radius: 10px; background: #fff; box-shadow: none; }
.home-social { padding-block: .4rem; }
.home-social nav { display: flex; flex-wrap: wrap; gap: .55rem; }
.home-social nav a { min-height: 3rem; display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .9rem; border: 1px solid var(--p-line); border-radius: 9px; background: #fff; color: var(--p-ink); font-size: .75rem; font-weight: 700; }
.home-social nav a:hover { border-color: #bf9c65; }
.home-social svg,.home-location svg { width: 1rem; height: 1rem; fill: currentColor; }
.home-location { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.3rem 1.5rem; border: 1px solid var(--p-line); border-radius: 14px; background: #fff; }
.home-location p { margin-block-start: .25rem; color: var(--p-muted); font-size: .82rem; }
.home-location-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.home-location-actions a { min-height: 2.9rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding-inline: .9rem; border: 1px solid var(--p-line); border-radius: 8px; font-size: .72rem; font-weight: 750; }
.home-location-actions a:first-child { border-color: var(--p-dark); background: var(--p-dark); color: #fff; }
.storefront-footer,.public-footer,.plates-footer { background: #1b201e; color: #f1f1ec; }
.storefront-footer-contact,.public-footer-contact { border-color: #454a42; background: #242a26; }
.storefront-footer-contact-links > a,.public-footer .footer-contact-link { border-color: #444a42; background: #282e29; }
.storefront-footer-contact-links .is-whatsapp svg,.public-footer .footer-contact-link.is-whatsapp > svg { background: var(--p-green); }
.storefront-social a,.public-social a { min-height: 2.7rem; }
.storefront-floating-actions,.plates-floating-contact { border: 1px solid var(--p-line); background: #fff; }

/* Car detail */
.public-header { padding-inline: max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-left)); }
.public-car-page,.public-sold-page { width: min(calc(100% - 2rem),84rem); margin-inline: auto; padding-block-start: 1rem; }
.public-main-image { overflow: hidden; border-radius: 14px; box-shadow: none; }
.public-main-image img { width: 100%; max-height: 42rem; object-fit: cover; }
.public-thumbnails button { min-width: 4.5rem; min-height: 3.4rem; border-radius: 8px; }
.photo-count { min-height: 2rem; display: inline-flex; gap: .3rem; align-items: center; }
.photo-count svg { width: 1rem; height: 1rem; fill: currentColor; }
.gallery-video-card { border-radius: 12px; }
.public-content-grid { gap: 1.4rem; margin-block-start: 1rem; }
.car-title-block { padding-block: .2rem .8rem; }
.car-title-block h1 { color: var(--p-ink); font-size: clamp(1.65rem,3.2vw,2.55rem); line-height: 1.38; }
.car-title-block > p { color: var(--p-muted); font-size: .82rem; }
.title-status { display: flex; flex-wrap: wrap; gap: .4rem; }
.condition-badge,.specification-highlight { min-height: 1.9rem; display: inline-flex; align-items: center; gap: .3rem; padding-inline: .7rem; border: 1px solid #dfd5be; border-radius: 6px; background: #f7f1e6; color: #74562e; font-size: .68rem; font-weight: 750; }
.specification-highlight svg { width: .85rem; height: .85rem; fill: currentColor; }
.public-share-button,.public-copy-button { min-height: 2.7rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding-inline: .8rem; border: 1px solid var(--p-line); border-radius: 8px; background: #fff; color: var(--p-soft-ink); font-size: .74rem; font-weight: 700; box-shadow: none; }
.public-copy-button { margin-inline-start: .4rem; }
.public-share-button svg,.public-copy-button svg { width: 1rem; height: 1rem; fill: currentColor; }
.public-section,.public-benefits,.public-note,.showroom-card { border: 1px solid var(--p-line); border-radius: 14px; background: #fff; box-shadow: none; }
.public-section-heading .eyebrow,.public-benefits-heading .eyebrow { color: #88653a; font-size: .68rem; }
.public-section-heading h2,.public-benefits-heading h2 { color: var(--p-ink); font-size: clamp(1.2rem,2vw,1.55rem); }
.public-spec-grid { gap: .5rem; }
.public-spec-grid > div,[dir="rtl"] .public-spec-grid > div,.public-spec-grid > div:nth-child(3n+2),.public-spec-grid > div:nth-child(3n) { border: 1px solid #edf0e9; border-radius: 8px; background: #fafaf8; }
.public-spec-grid svg.spec-icon { background: #eee8dd; color: #806034; fill: currentColor; }
.public-spec-grid dt { color: var(--p-muted); }
.public-spec-grid dd { color: var(--p-ink); }
.mobile-price-card,.public-price-card { border: 1px solid #dbc9a5; border-radius: 12px; background: #f5f0e6; box-shadow: none; }
.mobile-price-card > strong,.public-price-card > strong { color: var(--p-ink); }
.price-label { border: 0; background: transparent; color: #755935; }
.public-price-card > p { display: none; }
.new-price-features { display: flex; flex-wrap: wrap; gap: .4rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.new-price-features li { min-height: 1.9rem; display: inline-flex; align-items: center; padding-inline: .65rem; border: 1px solid #d6c49e; border-radius: 6px; background: #fff; color: #5e4929; font-size: .68rem; font-weight: 700; }
.new-car-details-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin-block-start: 1rem; }
.new-car-details-grid div { padding: .8rem; border: 1px solid var(--p-line); border-radius: 8px; background: #fafaf8; }
.new-car-details-grid dt { color: var(--p-muted); font-size: .68rem; }
.new-car-details-grid dd { margin: .2rem 0 0; font-size: .83rem; font-weight: 750; }
.car-contact-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; margin-block-start: 1rem; }
.car-contact-actions a { min-height: 2.8rem; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .35rem; border: 1px solid #d2c1a4; border-radius: 8px; background: #fff; color: var(--p-ink); font-size: .7rem; font-weight: 750; text-align: center; }
.car-contact-actions a.is-whatsapp { border-color: var(--p-green); background: var(--p-green); color: #fff; }
.car-contact-actions a:last-child { grid-column: 1/-1; border-color: var(--p-dark); background: var(--p-dark); color: #fff; }
.car-contact-actions svg { width: .95rem; height: .95rem; fill: currentColor; }
.public-prose > p,.public-note p { color: var(--p-soft-ink); line-height: 1.9; }
.public-evidence-card { border-color: var(--p-line); background: #fafaf8; }
.public-related-card { border: 1px solid var(--p-line); border-radius: 12px; box-shadow: none; }
.public-related-card b { color: var(--p-ink); }
.public-related-cta { border: 0; border-radius: 8px; background: var(--p-dark); color: #fff; box-shadow: none; }
.public-sold-card { border: 1px solid var(--p-line); border-radius: 14px; box-shadow: none; }
.public-sold-home-link { background: var(--p-dark); }
.car-plates-strip { margin-block: 1.3rem; padding: 1.2rem; border: 1px solid var(--p-line); border-radius: 14px; background: #fff; }
.car-plates-strip .plate-card { box-shadow: none; }
.car-plates-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: .7rem; }

/* Plate catalogue and detail: face geometry/lettering are unchanged. */
.plates-index-page,.plate-detail-page { gap: 1rem; background: var(--p-canvas); color: var(--p-ink); }
.plates-hero { min-height: 12rem; align-items: center; padding: 1.5rem; border: 0; border-radius: 16px; background: #202722; box-shadow: none; }
.plates-hero::before,.plates-hero-art { display: none; }
.plates-hero h1 { margin-block-start: .35rem; font-size: clamp(1.9rem,4vw,3.1rem); line-height: 1.3; }
.plates-hero-copy > p { margin-block-start: .35rem; color: #d5dcd2; font-size: .84rem; }
.plates-eyebrow.is-dark { color: #88683d; }
.plates-catalog-shell,.plate-info-card,.plate-notes-card,.plate-related { border: 1px solid var(--p-line); border-radius: 14px; background: #fff; box-shadow: none; }
.plates-filter-form { border-color: var(--p-line); border-radius: 10px; background: #fafaf8; }
.plates-search-field,.plates-filter-field select { min-height: 3rem; border-color: #dcded8; border-radius: 8px; }
.plates-filter-submit,.plates-pagination a.is-current { border-radius: 8px; background: var(--p-dark); color: #fff; box-shadow: none; }
.plate-card { border: 1px solid var(--p-line); border-radius: 12px; background: #fff; box-shadow: var(--p-shadow); }
.plate-card-link { min-height: 0; padding: .9rem .9rem .4rem; }
.plate-type-pill { border-color: #e8e8e3; background: #f8f8f5; color: var(--p-soft-ink); }
.plate-status-pill { background: #e7f3eb; color: #206746; }
.plate-card-price strong,.plate-card-identity strong { color: var(--p-ink); }
.plate-card-actions { display: flex; flex-wrap: wrap; gap: .3rem; padding: .55rem .9rem .85rem; border-block-start: 1px solid #f0f0eb; }
.plate-card-actions :is(a,button) { min-height: 2.4rem; display: inline-flex; align-items: center; justify-content: center; gap: .25rem; flex: 1; padding-inline: .4rem; border: 1px solid var(--p-line); border-radius: 7px; background: #fff; color: var(--p-soft-ink); font-size: .64rem; font-weight: 700; }
.plate-card-actions a[href^="https://wa.me"] { border-color: #bcd9c6; color: var(--p-green); }
.plate-card-actions svg { width: .8rem; height: .8rem; fill: currentColor; }
.plates-contact-banner,.plate-contact-card { border: 0; border-radius: 14px; background: #202722; box-shadow: none; }
.plates-contact-actions a.is-whatsapp,.plate-contact-card a.is-whatsapp { background: var(--p-green); }
.plate-detail-hero { border: 1px solid var(--p-line); border-radius: 14px; box-shadow: none; }
.plate-detail-copy h1,.plate-detail-copy h1 strong { color: var(--p-ink); }
.plate-detail-price { border-color: #decfae; background: #f5f0e6; }
.plate-detail-price > strong { color: var(--p-ink); }
.plate-detail-visual { background: #272e29; }
.plate-contact-card,.plate-qr-card,.plate-address-card { border-radius: 12px; box-shadow: none; }
.plate-sold-banner > a { background: var(--p-dark); }

/* Contact and finance */
.dealer-contact-main { gap: 1rem; }
.dealer-contact-hero { border: 0; border-radius: 16px; background: #202722; box-shadow: none; }
.dealer-contact-eyebrow { color: #d2b57f; }
.dealer-contact-hero p { color: #d6ddd3; }
.dealer-contact-section { border-color: var(--p-line); border-radius: 14px; box-shadow: none; }
.dealer-person { border-color: var(--p-line); border-radius: 8px; background: #fafaf8; }
.dealer-person-actions a { min-height: 2.7rem; border-radius: 7px; }
.dealer-contact-finance-link { background: var(--p-dark); color: #fff; }
.dealer-location-section { border-color: #e4dcc9; border-radius: 12px; background: #f2ede3; }
.dealer-location-section a { background: var(--p-dark); }
.dealer-social-section { border-color: var(--p-line); border-radius: 12px; }
.finance-page { padding-block-end: 0; }
.finance-header { border-color: #353b35; }
.finance-header-inner { width: min(calc(100% - 2rem),84rem); }
.finance-brand { color: #f8f4e8; }
.finance-brand small { color: #cdb88d; }
.finance-nav a { border: 0; }
.finance-nav .finance-nav-current { border: 0; }
.finance-main,.finance-footer { width: min(calc(100% - 2rem),84rem); }
.finance-hero { min-height: 0; grid-template-columns: minmax(0,1fr) 9rem; margin-block-start: 1rem; padding: clamp(1.5rem,3vw,2.4rem); border: 0; border-radius: 16px; background: #202722; box-shadow: none; }
.finance-hero::before { display: none; }
.finance-hero h1 { font-size: clamp(1.85rem,4vw,3rem); }
.finance-hero h1 span { color: inherit; }
.finance-hero p { color: #d6ddd3; line-height: 1.85; }
.finance-eyebrow,.finance-section-kicker { color: #a57a40; }
.finance-hero .finance-eyebrow { color: #dabd87; }
.finance-hero-art { height: 8rem; opacity: .55; }
.finance-art-ring,.finance-art-caption { display: none; }
.finance-hero-art img { width: 8rem; filter: none; }
.finance-hero-points { gap: .45rem; margin-block-start: 1rem; }
.finance-hero-points span { border-color: #556052; border-radius: 7px; background: transparent; font-size: .65rem; }
.finance-hero-cta { min-height: 2.8rem; display: inline-flex; align-items: center; justify-content: center; margin-block-start: 1rem; padding-inline: 1.1rem; border-radius: 8px; background: #d3b37e; color: #2a2419; font-size: .76rem; font-weight: 800; }
.finance-source-car { display: grid; grid-template-columns: 7.5rem minmax(0,1fr) auto; align-items: center; gap: 1rem; margin-block-start: 1rem; padding: .8rem; border: 1px solid var(--p-line); border-radius: 12px; background: #fff; }
.finance-source-car:not(:has(img)) { grid-template-columns: minmax(0,1fr) auto; }
.finance-source-car img { width: 7.5rem; height: 5.6rem; border-radius: 7px; object-fit: cover; }
.finance-source-car h2 { margin: .1rem 0; font-size: 1rem; line-height: 1.45; }
.finance-source-car strong { font-size: .82rem; }
.finance-source-car a { min-height: 2.7rem; display: inline-flex; align-items: center; padding-inline: .8rem; border-radius: 8px; background: var(--p-dark); color: #fff; font-size: .72rem; font-weight: 700; }
.finance-content-grid { gap: 1rem; margin-block-start: 1rem; }
.finance-form-card,.finance-aside-card { border-color: var(--p-line); border-radius: 14px; box-shadow: none; }
.finance-form-heading h2 { color: var(--p-ink); }
.finance-field input,.finance-field select,.finance-field textarea { min-height: 3rem; border-color: #d9ded7; border-radius: 8px; font-size: .78rem; }
.finance-field label { color: var(--p-soft-ink); }
.finance-submit { min-height: 3rem; border: 0; border-radius: 8px; background: var(--p-dark); color: #fff; box-shadow: none; }
.finance-submit:hover { background: #333d34; box-shadow: none; transform: none; }
.finance-whatsapp-card { border-color: #d7e7db; background: #f4f8f4; }
.finance-whatsapp-card::before { display: none; }
.finance-whatsapp-link { border-radius: 8px; background: var(--p-green); }
.finance-footer { border-color: var(--p-line); }

/* Bottom tabs and small screens */
.app-bottom-nav { display: none; }
@media (max-width: 51.99rem) {
  body:is(.storefront-body,.public-body,.finance-page),.storefront-body.has-floating-actions { padding-block-end: calc(5.8rem + env(safe-area-inset-bottom)); }
  .app-bottom-nav { position: fixed; z-index: 110; inset-inline: 0; inset-block-end: 0; width: 100%; min-height: calc(4.4rem + env(safe-area-inset-bottom)); display: flex; align-items: stretch; gap: 0; padding: .25rem max(.35rem,env(safe-area-inset-right)) calc(.25rem + env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left)); border: 0; border-block-start: 1px solid var(--p-line); border-radius: 0; background: #fff; box-shadow: 0 -6px 20px rgb(23 28 24 / 7%); backdrop-filter: none; }
  .app-bottom-nav :is(a,button) { min-width: 0; min-height: 3.8rem; flex: 1; display: grid; align-content: center; justify-items: center; gap: .18rem; padding: .3rem .1rem; border: 0; border-radius: 8px; background: transparent; color: #657169; font-size: .62rem; font-weight: 750; line-height: 1.2; text-align: center; }
  .app-bottom-nav :is(a,button).is-current,.app-bottom-nav a[aria-current] { background: #f2ecdf; color: #795729; }
  .app-bottom-nav svg { width: 1.15rem; height: 1.15rem; fill: currentColor; }
  .storefront-floating-actions,.plates-floating-contact { display: none !important; }
  .storefront-header-inner,.finance-header-inner { min-height: 4.2rem; }
  .storefront-body .storefront-header .storefront-header-inner { justify-content: space-between; }
  .storefront-header-contact,.public-location { display: none; }
  .public-header { min-height: 4.2rem; }
  .public-header-actions { margin-inline-start: auto; }
  .public-home-link { min-width: 2.7rem; justify-content: center; padding-inline: .55rem; }
  .public-home-link span { display: none; }
  .plates-header-nav,.storefront-nav,.public-desktop-nav,.finance-nav { display: none; }
  .finance-header-back { display: none; }
  .language-picker { margin-inline-start: auto; }
  .public-header .language-picker { margin-inline-start: 0; }
  .storefront-hero { padding: 1.2rem; }
  .hero-feature { min-height: 9.5rem; }
  .hero-feature img { min-height: 9.5rem; max-height: 10rem; }
  .home-location { align-items: start; flex-direction: column; }
  .home-location-actions { width: 100%; }
  .home-location-actions a { flex: 1; }
  .public-car-page,.public-sold-page { width: min(calc(100% - 1.25rem),84rem); }
  .public-content-grid { gap: .9rem; }
  .public-section { padding: 1rem; }
  .car-contact-actions { display: none; }
  .car-action-nav a.is-whatsapp { background: #e7f3ea; color: var(--p-green); }
  .car-action-nav button { color: #657169; }
  .plates-index-page,.plate-detail-page { padding-inline: max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-left)); }
  .plates-hero { min-height: 10rem; }
  .contact-body .dealer-contact-bottom { display: flex; }
  .finance-page .finance-bottom-nav { display: flex; }
  .finance-main,.finance-footer { width: min(calc(100% - 1.25rem),84rem); }
  .finance-hero { grid-template-columns: 1fr; }
  .finance-hero-art { display: none; }
  .finance-source-car { grid-template-columns: 5rem minmax(0,1fr); }
  .finance-source-car:not(:has(img)) { grid-template-columns: minmax(0,1fr); }
  .finance-source-car img { width: 5rem; height: 4.5rem; }
  .finance-source-car a { grid-column: 1/-1; justify-content: center; }
}
@media (min-width: 36rem) {
  .home-preview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .car-plates-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 52rem) {
  .storefront-nav,.plates-header-nav,.public-desktop-nav,.finance-nav { display: flex; }
  .storefront-hero { grid-template-columns: minmax(0,1.18fr) minmax(18rem,.82fr); align-items: center; min-height: 21rem; padding: 1.4rem; }
  .hero-feature,.hero-feature img { height: 100%; min-height: 17.5rem; }
  .public-header-actions { display: none; }
  .public-car-page,.public-sold-page { padding-block-start: 1.35rem; }
  .car-plates-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .plates-hero { min-height: 13rem; }
  .finance-bottom-nav { display: none; }
}
@media (min-width: 68rem) {
  .home-preview-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .catalog-filter-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .catalog-filter-actions { grid-column: auto; }
}
@media (max-width: 35.99rem) {
  .storefront-main > :is(.storefront-hero,.catalog-shell,.featured-plates,.success-partners,.home-preview,.home-social,.home-location,.finance-promo) { width: min(calc(100% - 1.25rem),84rem); }
  .storefront-hero h1 { font-size: 1.95rem; }
  .storefront-hero-actions { gap: .35rem; }
  .storefront-hero-actions a,.storefront-hero-actions a.is-primary,.storefront-hero-actions a.is-secondary { min-height: 2.45rem; padding-inline: .6rem; font-size: .65rem; }
  .hero-search input { font-size: .75rem; }
  .home-section-heading { align-items: start; }
  .home-section-heading > a { font-size: .68rem; }
  .catalog-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .catalog-filter-field:first-child,.catalog-filter-actions { grid-column: 1/-1; }
  .vehicle-card-meta { gap: .3rem .9rem; }
  .plate-card-actions :is(a,button) { font-size: .61rem; }
  .new-car-details-grid { grid-template-columns: 1fr; }
  .finance-hero-points span { font-size: .58rem; }
}
@media (max-width: 22rem) {
  .raid-brand-logo .raid-brand-symbol { width: 2.65rem; }
  .raid-brand-logo .raid-brand-wordmark { width: 6.4rem; }
  .app-bottom-nav :is(a,button) { font-size: .56rem; }
  .hero-search button { min-width: 3.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .vehicle-card,.vehicle-card-media img { transition: none; }
}
@media print { .app-bottom-nav,.language-picker { display: none !important; } }