/* Public showroom: graphite surfaces, luminous accents, fluid layout.
   Kept separate from the administration UI and shared component behavior. */
.public-storefront {
    --brand-primary: #c92438; --brand-accent: #ed354c;
    --brand-50: #fff1f3; --brand-100: #ffe3e8; --brand-600: #d92940;
    --brand-700: #bd1e33; --brand-800: #a3182b;
    --sf-bg: #0c0f14; --sf-panel: #151a22; --sf-line: #2c3440;
    --sf-text: #f1f4f9; --sf-muted: #a9b3c2; --sf-red: #ed354c;
    background: var(--sf-bg); font-family: "Segoe UI", system-ui, sans-serif;
}
.public-storefront [data-home-page], .public-storefront [data-inventory-page] { background: var(--sf-bg); color: var(--sf-text); }
.public-storefront .max-w-7xl { width: 100%; max-width: none; padding-inline: clamp(16px,3vw,64px); }
.public-storefront :where(a,button,input,select,summary):focus-visible { outline: 2px solid #ff7183; outline-offset: 4px; }
.public-storefront button { border-style: solid; }
.public-site-header { background: #0c0f14f2; border-color: #29313b; box-shadow: none; backdrop-filter: blur(18px); }
.public-header-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 32px; align-items: center; min-height: 82px; }
.public-header-row > *, .public-brand-link, .public-header-actions { min-width: 0; }
.public-brand-link { gap: 14px; }
.public-brand-link > div { min-width: 0; }
.public-brand-link .text-xl { color: #fff; font-size: clamp(16px,1.3vw,21px); font-weight: 700; letter-spacing: -.04em; }
.public-brand-link .text-slate-500 { color: #9da8b8; font-size: 10px; margin-top: 5px; }
.public-brand-link .site-brand-logo { width: 64px; height: 42px; max-width: 64px; background: #fff; padding: 5px; border-radius: 9px; object-fit: contain; }
.public-site-header .topbar-scroll-nav { min-width: 0; margin: 0; padding: 0; justify-content: center; gap: clamp(16px,2vw,32px); }
.public-site-header .topbar-nav-link { color: #a9b3c2; border: 0; padding: 27px 0; font-size: 13px; font-weight: 550; position: relative; }
.public-site-header .topbar-nav-link:is(:hover,.is-active) { color: #fff; }
.public-site-header .topbar-nav-link.is-active::after { content: ""; position: absolute; height: 3px; bottom: 13px; left: 0; right: 0; background: var(--sf-red); border-radius: 4px; }
.public-header-whatsapp { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px 17px; border: 1px solid #414b5a; border-radius: 9px; color: #fff; background: #1c232d; font-size: 12px; font-weight: 650; white-space: nowrap; }
.public-header-whatsapp:hover { background: #303b49; border-color: #6a788b; }

/* Hero height follows its text. Image positioning never determines row height. */
.public-storefront .homepage-filter-panel { background: radial-gradient(ellipse at 80% 0%,#35212c 0,transparent 55%),var(--sf-bg); border: 0; box-shadow: none; backdrop-filter: none; z-index: auto; }
.public-storefront .homepage-search-shell { padding-block: 28px 0; }
.public-storefront .modern-red-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.94fr); gap: clamp(24px,5vw,80px); border: 0; padding: 0; margin: 0 0 26px; align-items: stretch; }
.modern-red-hero-copy { min-width: 0; padding-block: 12px; align-self: center; }
.modern-red-eyebrow { display: flex; gap: 10px; align-items: center; font: 600 10px/1.5 ui-monospace,monospace; letter-spacing: .16em; color: #d1d8e3; margin-bottom: 20px; }
.modern-red-eyebrow > span { width: 7px; height: 7px; flex: 0 0 7px; background: #fa5067; border-radius: 50%; box-shadow: 0 0 15px #f34e66aa; }
.public-storefront .modern-red-hero .homepage-intro-title { max-width: 23ch; color: #f4f6fb; font-size: clamp(30px,3.4vw,64px); font-weight: 650; line-height: 1.06; letter-spacing: -.055em; text-wrap: balance; overflow-wrap: normal; margin: 0; }
.public-storefront .modern-red-hero .homepage-intro-copy { color: #a9b3c2; max-width: 54ch; margin: 18px 0 0; font-size: 14px; line-height: 1.65; }
.modern-red-trust-points { display: flex; gap: 10px 20px; flex-wrap: wrap; margin-top: 20px; font-size: 11px; color: #b6c0ce; }
.modern-red-trust-points span { display: inline-flex; gap: 7px; align-items: center; }
.modern-red-trust-points i { color: #ff7486; }
.public-storefront .homepage-intro-actions { display: flex; gap: 12px; margin-top: 22px; }
.public-storefront .homepage-intro-actions a { min-height: 43px; background: transparent; border: 1px solid #465162; border-radius: 8px; color: #e4eaf3; padding: 10px 17px; font-size: 12px; gap: 20px; }
.public-storefront .homepage-intro-actions a:first-child { background: #d92940; border-color: #e44459; box-shadow: 0 5px 24px #ed354c25; color: #fff; }
.public-storefront .homepage-intro-actions a:hover { border-color: #ff7486; transform: translateY(-2px); }
.modern-red-hero-visual { position: relative; min-width: 0; min-height: 290px; overflow: hidden; border-radius: 18px; border: 1px solid #424650; background: #1c232c; isolation: isolate; }
.modern-red-hero-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.modern-red-hero-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,#080c1480,transparent 38%,#080c14e8); }
.showcase-topline, .showcase-caption { position: absolute; z-index: 2; left: 22px; right: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #fff; }
.showcase-topline { top: 19px; font: 500 10px/1.5 ui-monospace,monospace; letter-spacing: .13em; }
.showcase-caption { bottom: 22px; }
.showcase-caption > div { min-width: 0; }
.showcase-label { display: block; color: #d8e0ea; font-size: 9px; letter-spacing: .15em; margin-bottom: 6px; }
.showcase-caption strong { display: block; font-size: clamp(20px,2vw,30px); font-weight: 600; letter-spacing: -.03em; overflow-wrap: anywhere; }
.showcase-link { display: flex; gap: 13px; align-items: center; padding: 11px 15px; border: 1px solid #ffffff70; border-radius: 8px; background: #10162180; font-size: 11px; flex-shrink: 0; }
.showcase-link:hover { background: #d92940; }
.modern-red-hero-visual > .fa-car-side { position: absolute; top: 35%; left: 42%; color: #6f7e92; font-size: 70px; }

/* Explicit layout rules do not depend on optional generated utility classes. */
.public-storefront .modern-red-search-card { border: 1px solid #323b49; border-radius: 13px; background: #181e28; padding: 18px; box-shadow: 0 12px 45px #0002; margin: 0; }
.public-storefront .showroom-keyword-row > label > span { color: #bcc6d5; font-size: 10px; letter-spacing: .1em; }
.public-storefront .showroom-keyword-row > label > div { border-radius: 7px; border-color: #414c5c; background: #0e131b; box-shadow: none; }
.public-storefront .showroom-keyword-row input { color: #fff; min-height: 44px; width: 100%; outline: none; box-shadow: none; font-size: 13px; }
.public-storefront .showroom-keyword-row input::placeholder { color: #8d9bae; }
.public-storefront .modern-red-search-card button { border-radius: 7px; box-shadow: none; }
.public-storefront .modern-red-search-card button[type=submit] { background: #d92940!important; border: 1px solid #e44459; min-height: 44px; height: auto; color: #fff; font-size: 12px; }
.public-storefront .modern-red-search-card button[type=submit]:hover { background: #b92135!important; }
.public-storefront .home-filter-basic-grid { gap: 12px; }
.public-storefront .home-filter-basic-grid label > span { display: block; line-height: 15px; margin-bottom: 5px; }
.public-storefront .home-filter-basic-grid .home-more-filter-button { align-self: start; margin-top: 20px; }
.public-storefront .home-more-filter-button[aria-expanded=true] { background: #392632; border-color: #e65268; color: #ffb5c0; }
.public-storefront .home-more-filter-button[aria-expanded=true] > i:last-child { transform: rotate(90deg); }
.public-storefront [data-inventory-page] main > .flex h1 { color: #edf2fa; }
.public-storefront [data-inventory-page] main > .flex p, .public-storefront [data-inventory-page] .inventory-toolbar p { color: #aebdd0; }
.public-storefront [data-inventory-page] nav[aria-label=Breadcrumb] ol { color: #aebdd0; }
.public-storefront .home-filter-basic-grid label > span { color: #abb7c8; font-weight: 500; font-size: 10px; letter-spacing: .06em; }
.public-storefront .home-filter-basic-grid :is(input,select), .public-storefront .home-more-filter-button { background: #222b37; color: #e5ebf4; border: 1px solid #3a4759; border-radius: 7px; min-height: 42px; box-shadow: none; color-scheme: dark; }
.public-storefront .home-filter-basic-grid input::placeholder { color: #a8b5c6; }
.public-storefront .home-more-filter-button:hover { border-color: #e55c71; }
.public-storefront .showroom-filter-actions { border-color: #394453; padding-top: 12px; margin-top: 12px; }
.public-storefront .homepage-search-meta { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; }
.public-storefront .homepage-pricing-note, .public-storefront .homepage-pricing-note strong { color: #9eabbc; font-size: 11px; }
.public-storefront .homepage-guide-links { margin: 0; gap: 14px; }
.public-storefront .homepage-guide-links a { color: #bac5d5; font-size: 11px; }
.public-storefront .homepage-intro-details { color: #b6c3d4; font-size: 11px; }
.public-storefront .homepage-intro-details p { max-width: 85ch; padding-block: 8px; line-height: 1.7; }
.public-storefront .mobile-vehicle-categories { margin-top: 17px; gap: 9px; padding-block: 0 8px; }
.public-storefront .vehicle-category-chip { background: #171d26; border-color: #303b4b; color: #b7c2d1; box-shadow: none; border-radius: 6px; min-height: 35px; font-size: 11px; padding: 8px 14px; }
.public-storefront .vehicle-category-chip:is(:hover,.is-active) { background: #f0f4fa; border-color: #f0f4fa; color: #10151d; }

.public-storefront .home-showroom-layout { display: block; padding-block: 24px 36px; }
.home-inventory-column { min-width: 0; }
.public-storefront .inventory-toolbar { gap: 16px; border-bottom: 1px solid #303a48; padding-bottom: 18px; margin-bottom: 20px; }
.public-storefront .home-showroom-layout .inventory-toolbar h2 { color: #f1f4fa; font-weight: 600; letter-spacing: -.035em; font-size: clamp(22px,2vw,30px); }
.public-storefront .home-showroom-layout .inventory-toolbar p:first-child { color: #ff8192!important; font: 500 9px/1.5 ui-monospace,monospace; letter-spacing: .16em; margin-bottom: 5px; }
.public-storefront .home-showroom-layout .inventory-toolbar p:last-child { color: #a3afbf; font-size: 12px; }
.public-storefront .inventory-sort-control select { background: #1b232f; color: #e5ebf4; border-color: #3c4859; border-radius: 7px; color-scheme: dark; box-shadow: none; }
.public-storefront .inventory-sort-control > span { color: #a2b1c4; }
.public-storefront .vehicle-card-grid, .public-storefront .listing-loading-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.public-storefront .listing-loading-grid.hidden { display: none; }
.public-storefront .listing-card-public { border: 1px solid #344052; border-radius: 12px; background: #18212d; box-shadow: 0 6px 22px #0002; transform: none; transition: border-color .2s,box-shadow .2s,transform .2s; }
.public-storefront .listing-card-public::after { display: none; }
.public-storefront .listing-card-public:is(:hover,:focus-within) { border-color: #72859f; transform: translateY(-3px); box-shadow: 0 16px 32px #0004; }
.public-storefront .listing-card-public .listing-card-media { aspect-ratio: 4/3; background: #202c3c; }
.public-storefront .listing-card-public .listing-card-content { background: linear-gradient(135deg,#1b2533,#151e2a); border-color: #354256; padding: 17px; }
.public-storefront .listing-card-public .listing-card-price { color: #fff; font-size: clamp(18px,1.6vw,25px); font-weight: 650; letter-spacing: -.035em; }
.public-storefront .listing-card-public .listing-card-price-note { color: #a1afc2; font-size: 10px; }
.public-storefront .listing-card-public .listing-card-stock { color: #a8b9cf; font-size: 10px; margin-top: 6px; }
.public-storefront .listing-card-public .listing-card-body { background: #2c3849!important; color: #c7d3e4!important; font-size: 9px; border-radius: 4px; }
.public-storefront .listing-card-public .listing-card-title { color: #e6edf7!important; font-size: 14px; line-height: 1.5; font-weight: 550; margin-bottom: 12px; }
.public-storefront .listing-card-public .listing-card-specs { color: #b6c3d7; border-color: #334154; padding-block: 12px; font-size: 11px; gap: 8px; }
.public-storefront .listing-card-public .listing-card-specs i { color: #8da5c5; }
.public-storefront .listing-card-public .listing-card-actions { gap: 10px; }
.public-storefront .listing-card-public .listing-card-actions > a:first-child { background: #2b384a; border: 1px solid #50627a; border-radius: 6px; box-shadow: none; color: #f4f7fb; font-size: 11px; font-weight: 600; }
.public-storefront .listing-card-public .listing-card-actions > a:first-child:hover { background: #cc2940; border-color: #e75168; }
.public-storefront .listing-card-public .listing-card-actions > a:last-child:not(:first-child) { min-width: 42px; border-radius: 6px; }
.showroom-empty { border: 1px dashed #566579; padding: 36px; color: #bfccdc; border-radius: 12px; }
.showroom-empty h3 { color: white; font-size: 24px; margin-bottom: 8px; }

.public-storefront .modern-red-contact-card { position: relative; margin-top: 32px; display: grid; grid-template-columns: 52px minmax(0,1fr) auto; gap: 8px 22px; align-items: center; border: 1px solid #5c3542; border-radius: 14px; background: radial-gradient(ellipse at 100% 100%,#472234,transparent 70%),#191b26; padding: 26px; }
.modern-red-contact-icon { grid-column: 1; grid-row: 1/4; width: 50px; height: 50px; display: grid; place-items: center; background: #332431; border: 1px solid #794050; border-radius: 12px; font-size: 23px; color: #ff97a4; }
.modern-red-contact-kicker { grid-column: 2; color: #ff9aab; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.modern-red-contact-card h2 { grid-column: 2; color: #fff; font-size: 24px; font-weight: 550; letter-spacing: -.03em; }
.modern-red-contact-card > p:not(.modern-red-contact-kicker) { grid-column: 2; color: #aeb8ca; font-size: 12px; }
.modern-red-contact-card > a { grid-column: 3; grid-row: 1/3; justify-self: end; display: flex; align-items: center; gap: 9px; background: #d52b43; color: white; border: 1px solid #e65268; padding: 13px 21px; border-radius: 8px; font-size: 12px; }
.modern-red-contact-locations { grid-column: 3; grid-row: 3; display: flex; flex-wrap: wrap; gap: 9px; color: #b5bed0; font-size: 10px; }
.public-storefront [data-home-page] > section:not(.homepage-filter-panel) { background: #111720; border-color: #2b3442; }
.public-storefront [data-home-page] > section:not(.homepage-filter-panel) :is(h2,h3) { color: #eaf0fa; font-weight: 550; letter-spacing: -.025em; }
.public-storefront [data-home-page] > section:not(.homepage-filter-panel) :is(p,address) { color: #b0bdcf; }
.public-storefront [aria-labelledby=why-choose-us] .grid { gap: 18px; }
.public-storefront [aria-labelledby=why-choose-us] .grid > div, .public-storefront [data-home-page] article:not(.listing-card) { background: #19222f; border: 1px solid #354256; border-radius: 10px; padding: 22px; }
.public-storefront .homepage-search-context { color: #a5b3c7; background: #10151d; }
.public-storefront footer { background: #090d13; border-color: #2f3845; }
.public-storefront .mobile-bottom-nav { background: #101823f5; border-color: #39475a; }
.public-storefront .mobile-bottom-nav :is(a,button) { color: #a9bad0; }
.public-storefront .mobile-bottom-nav .is-active { background: #30202c; color: #ffa0ad; }
@media(min-width:768px) {
    .public-storefront .vehicle-card-grid,.public-storefront .listing-loading-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(min-width:1280px) {
    .public-storefront .vehicle-card-grid,.public-storefront .listing-loading-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
    .public-storefront .modern-red-search-card { display: grid; grid-template-columns: minmax(180px,.65fr) minmax(0,2.35fr); gap: 16px; align-items: start; padding: 16px; }
    .public-storefront .showroom-keyword-row > button[type=submit] { display: none; }
    .public-storefront .home-filter-drawer { display: grid; grid-template-columns: minmax(0,1fr) 120px; column-gap: 14px; }
    .public-storefront .home-filter-basic-grid { grid-column: 1; grid-row: 1; margin-top: 0; gap: 10px; }
    .public-storefront .home-filter-drawer > [data-more-filter-panel] { grid-column: 1/-1; }
    .public-storefront .modern-red-search-card .showroom-filter-actions { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: stretch; gap: 3px; margin-top: 20px; }
    .public-storefront .modern-red-search-card .showroom-filter-actions button[type=submit] { display: block; flex: none; min-height: 42px; padding: 8px; order: 0; }
    .public-storefront .modern-red-search-card .showroom-filter-actions button[type=reset] { order: 1; min-height: 20px; }
    .public-storefront .showroom-keyword-row > label > span { display: block; line-height: 15px; }
    .public-storefront .showroom-keyword-row > label > div { margin-top: 5px; }
}
@media(min-width:1800px) {
    .public-storefront .vehicle-card-grid,.public-storefront .listing-loading-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
}
@media(min-width:1024px) {
    .public-storefront .showroom-filter-actions { border: 0; padding: 0; margin-top: 10px; justify-content: flex-end; }
    .public-storefront .showroom-filter-actions button[type=submit] { display: none; }
    .public-storefront .showroom-filter-actions button[type=reset] { height: auto; min-height: 28px; background: transparent; border: 0; color: #aebbd0; font-size: 11px; padding: 0 5px; }
}
@media(max-width:1100px) {
    .public-header-row { gap: 18px; }
    .public-header-whatsapp span { display: none; }
    .public-header-whatsapp { min-width: 44px; justify-content: center; padding: 10px; }
}
@media(max-width:1023px) {
    .public-storefront .home-filter-drawer { background: #151d28; color: #fff; }
    .public-storefront .home-filter-drawer .mobile-filter-drawer-header p { color: #ecf1f8; }
    .public-storefront .home-filter-drawer .mobile-filter-drawer-header { border-color: #39475c; }
}
@media(max-width:767px) {
    .public-header-row { grid-template-columns: minmax(0,1fr) auto; gap: 0 12px; min-height: 60px; }
    .public-header-row > .topbar-scroll-nav { grid-column: 1/-1; grid-row: 2; justify-content: flex-start; gap: 22px; padding: 0; }
    .public-header-actions { grid-column: 2; grid-row: 1; }
    .public-brand-link { padding-block: 12px; }
    .public-site-header .topbar-nav-link { padding-block: 10px 15px; font-size: 12px; }
    .public-site-header .topbar-nav-link.is-active::after { bottom: 5px; }
    .public-storefront .modern-red-hero { grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px; }
    .public-storefront .modern-red-hero .homepage-intro-title { font-size: clamp(30px,7vw,45px); max-width: 25ch; }
    .modern-red-hero-copy { padding: 0; }
    .modern-red-eyebrow { margin-bottom: 13px; font-size: 9px; }
    .modern-red-trust-points { gap: 9px 16px; margin-top: 15px; font-size: 10px; }
    .modern-red-hero-visual { min-height: 210px; }
    .public-storefront .homepage-intro-actions { margin-top: 16px; }
    .public-storefront .modern-red-contact-card { grid-template-columns: minmax(0,1fr); padding: 22px; gap: 12px; }
    .modern-red-contact-card > * { grid-column: 1!important; grid-row: auto!important; justify-self: start!important; }
    .modern-red-contact-icon { display: none; }
    .public-storefront .vehicle-card-grid { gap: 12px; }
    .public-storefront .listing-card-public .listing-card-content { padding: 12px; }
    .public-storefront .listing-card-public .listing-card-title { font-size: 12px; }
    .public-storefront .listing-card-public .listing-card-specs { font-size: 10px; gap: 7px 5px; }
    .public-storefront .listing-card-public .listing-card-price { font-size: 18px; }
    .public-storefront .modern-red-search-card { padding: 13px; }
    .public-storefront .homepage-search-meta { gap: 6px; }
    .public-storefront .homepage-guide-links { gap: 4px 15px; }
    .public-storefront .homepage-guide-links a { min-height: 32px; }
    .public-storefront .listing-card-public .listing-card-actions { gap: 6px; }
    .public-storefront .listing-card-public .listing-card-actions > a:first-child { font-size: 10px; padding-inline: 4px; }
}
@media(prefers-reduced-motion:reduce) {
    .public-storefront *, .public-storefront *::before, .public-storefront *::after { transition: none!important; animation: none!important; scroll-behavior: auto!important; }
}

/* Appearance controls and manufacturer navigation. */
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 8px 12px; border: 1px solid #414b5a; border-radius: 9px; background: #1c232d; color: #edf2fa; font-size: 12px; white-space: nowrap; cursor: pointer; }
.public-header-actions { gap: 10px; }
.manufacturer-rail { display: none; }
@media(min-width:1280px) {
    .public-storefront [data-home-page], .public-storefront [data-inventory-page] { padding-right: 96px; }
    .manufacturer-rail { display: flex; flex-direction: column; position: fixed; right: 12px; top: 110px; width: 78px; max-height: calc(100dvh - 160px); border: 1px solid #344052; background: #18212df5; color: #dce5f1; border-radius: 14px; padding: 10px 5px; z-index: 20; box-shadow: 0 8px 24px #0002; }
    .manufacturer-rail-heading { text-align: center; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding-bottom: 8px; }
    .manufacturer-rail nav { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; display: flex; flex-direction: column; gap: 5px; padding: 3px; }
    .manufacturer-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 62px; padding: 5px 2px; border: 1px solid transparent; border-radius: 9px; text-align: center; font-size: 9px; line-height: 1.25; overflow-wrap: anywhere; flex-shrink: 0; }
    .manufacturer-link img { width: 36px; height: 28px; object-fit: contain; background: #fff; border-radius: 5px; padding: 3px; }
    .manufacturer-link:is(:hover,.is-active) { background: #382633; border-color: #e65268; color: #fff; }
    .manufacturer-all,.manufacturer-monogram { display: grid; place-items: center; height: 28px; font-size: 20px; font-weight: 700; }
}
@media(max-width:1100px) { .theme-toggle [data-theme-label] { display: none; } .theme-toggle { width: 44px; padding: 8px; } }

/* Light palette: retain red actions and photographic showcase contrast. */
html[data-theme=light] .public-storefront { --sf-bg: #f4f6fa; --sf-panel: #fff; --sf-line: #d4dce7; --sf-text: #182338; --sf-muted: #526279; color: #182338; }
html[data-theme=light] .public-site-header { background: #fffffff5; border-color: #d5deea; }
html[data-theme=light] .public-brand-link .text-xl,
html[data-theme=light] .public-site-header .topbar-nav-link:is(:hover,.is-active) { color: #142034; }
html[data-theme=light] .public-brand-link .text-slate-500,
html[data-theme=light] .public-site-header .topbar-nav-link { color: #526078; }
html[data-theme=light] :is(.theme-toggle,.public-header-whatsapp) { background: #fff; border-color: #ccd5e1; color: #24334a; }
html[data-theme=light] .public-storefront .homepage-filter-panel { background: radial-gradient(ellipse at 80% 0%,#f9e7ec,transparent 60%),var(--sf-bg); }
html[data-theme=light] .public-storefront .modern-red-hero .homepage-intro-title { color: #132037; }
html[data-theme=light] :is(.modern-red-eyebrow,.modern-red-trust-points),
html[data-theme=light] .public-storefront .modern-red-hero .homepage-intro-copy { color: #53617a; }
html[data-theme=light] .public-storefront .homepage-intro-actions a:not(:first-child) { color: #26364e; border-color: #b7c3d4; background: #fff; }
html[data-theme=light] .public-storefront .modern-red-search-card,
html[data-theme=light] .manufacturer-rail { background: #fff; border-color: #ccd6e4; color: #26364e; box-shadow: 0 8px 28px #26364e08; }
html[data-theme=light] .public-storefront :is(.showroom-keyword-row > label > span,.home-filter-basic-grid label > span,.inventory-sort-control > span) { color: #526078; }
html[data-theme=light] .public-storefront .showroom-keyword-row > label > div,
html[data-theme=light] .public-storefront .home-filter-basic-grid :is(input,select),
html[data-theme=light] .public-storefront .home-more-filter-button,
html[data-theme=light] .public-storefront .inventory-sort-control select { background: #f6f8fb; color: #25334a; border-color: #bbc8d9; color-scheme: light; }
html[data-theme=light] .public-storefront .showroom-keyword-row input { color: #25334a; }
html[data-theme=light] .public-storefront :is(.showroom-keyword-row input,.home-filter-basic-grid input)::placeholder { color: #64738a; }
html[data-theme=light] .public-storefront .home-more-filter-button[aria-expanded=true],
html[data-theme=light] .manufacturer-link:is(:hover,.is-active) { background: #fff0f3; color: #a51d34; border-color: #d92940; }
html[data-theme=light] .public-storefront :is(.homepage-pricing-note,.homepage-pricing-note strong,.homepage-guide-links a,.homepage-intro-details,.showroom-filter-actions button[type=reset]) { color: #526078; }
html[data-theme=light] .public-storefront .vehicle-category-chip { background: #fff; color: #44546d; border-color: #ccd6e4; }
html[data-theme=light] .public-storefront .vehicle-category-chip:is(:hover,.is-active) { background: #26364e; color: #fff; border-color: #26364e; }
html[data-theme=light] .public-storefront .inventory-toolbar { border-color: #ccd6e4; }
html[data-theme=light] .public-storefront .home-showroom-layout .inventory-toolbar h2,
html[data-theme=light] .public-storefront [data-inventory-page] main > .flex h1 { color: #182338; }
html[data-theme=light] .public-storefront .home-showroom-layout .inventory-toolbar p:first-child { color: #b42139!important; }
html[data-theme=light] .public-storefront .home-showroom-layout .inventory-toolbar p:last-child,
html[data-theme=light] .public-storefront [data-inventory-page] main > .flex p,
html[data-theme=light] .public-storefront [data-inventory-page] .inventory-toolbar p,
html[data-theme=light] .public-storefront [data-inventory-page] nav[aria-label=Breadcrumb] ol { color: #526078; }
html[data-theme=light] .public-storefront .listing-card-public { background: #fff; border-color: #d0d9e5; box-shadow: 0 6px 22px #26364e09; }
html[data-theme=light] .public-storefront .listing-card-public .listing-card-content { background: #fff; border-color: #d0d9e5; }
html[data-theme=light] .public-storefront .listing-card-public .listing-card-price { color: #142034; }
html[data-theme=light] .public-storefront .listing-card-public .listing-card-title { color: #24334a!important; }
html[data-theme=light] .public-storefront .listing-card-public :is(.listing-card-price-note,.listing-card-stock,.listing-card-specs,.listing-card-specs i) { color: #526078; border-color: #dbe2ec; }
html[data-theme=light] .public-storefront .listing-card-public .listing-card-body { background: #edf1f7!important; color: #45566f!important; }
html[data-theme=light] .public-storefront .listing-card-public .listing-card-actions > a:first-child { background: #f1f4f9; border-color: #becbdb; color: #24334a; }
html[data-theme=light] .public-storefront .listing-card-public .listing-card-actions > a:first-child:hover { background: #c92438; color: #fff; }
html[data-theme=light] .public-storefront [data-home-page] > section:not(.homepage-filter-panel) { background: #edf1f7; border-color: #d4dce7; }
html[data-theme=light] .public-storefront [data-home-page] > section:not(.homepage-filter-panel) :is(h2,h3) { color: #24334a; }
html[data-theme=light] .public-storefront [data-home-page] > section:not(.homepage-filter-panel) :is(p,address) { color: #526078; }
html[data-theme=light] .public-storefront [aria-labelledby=why-choose-us] .grid > div,
html[data-theme=light] .public-storefront [data-home-page] article:not(.listing-card) { background: #fff; border-color: #ccd6e4; }
html[data-theme=light] .public-storefront .homepage-search-context { color: #526078; background: #f4f6fa; }
html[data-theme=light] .public-storefront .mobile-bottom-nav { background: #fffffff5; border-color: #ccd6e4; }
html[data-theme=light] .public-storefront .mobile-bottom-nav :is(a,button) { color: #526078; }
html[data-theme=light] .public-storefront .mobile-bottom-nav .is-active { background: #fff0f3; color: #a51d34; }
html[data-theme=light] .showroom-empty { color: #526078; border-color: #aebbd0; }
html[data-theme=light] .showroom-empty h3 { color: #24334a; }
@media(max-width:1023px) {
    html[data-theme=light] .public-storefront .home-filter-drawer { background: #fff; color: #24334a; }
    html[data-theme=light] .public-storefront .home-filter-drawer .mobile-filter-drawer-header p { color: #24334a; }
}
