:root {
    --ink: #17191c;
    --muted: #63686d;
    --line: #dedbd4;
    --paper: #f5f3ef;
    --white: #fff;
    --silver: #d8d9db;
    --silver-dark: #a7aaad;
    --ford: #0d4ea6;
    --ford-bright: #1668d4;
    --acura: #111317;
    --used: #165c3d;
    --used-light: #dcebe3;
    --warm: #ece6dd;
    --radius: 6px;
    --shadow: 0 16px 50px rgba(23, 25, 28, .1);
    --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --display: Montserrat, var(--sans);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); background: #faf9f7; font-family: var(--sans); line-height: 1.5; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
.container { width: min(1440px, calc(100% - 64px)); margin-inline: auto; }
.section { padding: 92px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 16px; background: var(--ink); color: #fff; transform: translateY(-150%); }
.skip-link:focus { transform: none; }

.utility-bar { background: var(--ink); color: #fff; font-size: 12px; letter-spacing: .02em; }
.utility-inner { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.utility-inner div { display: flex; gap: 12px; color: #d7d7d7; }
.utility-inner a:hover { color: #fff; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(23,25,28,.1); backdrop-filter: blur(14px); }
.header-inner { height: 79px; display: grid; grid-template-columns: 240px 1fr auto; align-items: center; gap: 24px; }
.brand { width: 235px; display: flex; align-items: center; }
.brand img { width: 100%; height: auto; }
.site-nav { justify-self: center; display: flex; align-items: center; gap: clamp(18px, 2vw, 35px); font-size: 14px; font-weight: 650; }
.site-nav a { position: relative; padding: 29px 0 25px; white-space: nowrap; }
.site-nav a::after { content: ''; position: absolute; inset: auto 0 18px; height: 2px; background: var(--ink); transform: scaleX(0); transition: transform .2s ease; transform-origin: left; }
.site-nav a:hover::after, .site-nav a:focus-visible::after { transform: scaleX(1); }
.site-nav .nav-used::after { background: var(--used); }
.site-nav .nav-ford::after { background: var(--ford); }
.header-cta { border: 1px solid var(--ink); border-radius: var(--radius); padding: 11px 17px; font-size: 13px; font-weight: 700; transition: .2s; }
.header-cta:hover { background: var(--ink); color: #fff; }
.menu-toggle { display: none; background: none; border: 0; padding: 10px; }
.menu-toggle span { display: block; width: 24px; height: 2px; background: var(--ink); margin: 5px; }

.hero { position: relative; overflow: hidden; padding: 40px 0 0; background-image: linear-gradient(90deg, rgba(248,246,242,.94) 0%, rgba(248,246,242,.84) 39%, rgba(233,233,231,.52) 66%, rgba(218,220,221,.24) 100%), url('../images/ashland-hero.webp'); background-position: center; background-size: cover; border-bottom: 1px solid var(--line); }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .18; pointer-events: none; background-image: linear-gradient(rgba(23,25,28,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(23,25,28,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, #000, transparent 70%); }
.hero-grid { min-height: 438px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 50px; position: relative; }
.hero-copy { position: relative; z-index: 2; padding-bottom: 40px; }
.eyebrow { display: inline-block; margin-bottom: 15px; color: var(--used); font-size: 11px; line-height: 1; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3 { font-family: var(--display); }
h1, h2 { margin: 0; font-weight: 800; }
h1 { max-width: 700px; font-size: clamp(43px, 4.4vw, 66px); line-height: 1.02; letter-spacing: -.025em; }
.hero-green { color: var(--used); }
.hero-headline-second { display: block; margin-top: 9px; font-size: .64em; line-height: 1.08; letter-spacing: -.02em; }
.hero-copy > p { max-width: 610px; margin: 17px 0 21px; color: #494d51; font-size: 16px; line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 46px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 4px; font-size: 13px; font-weight: 750; cursor: pointer; transition: transform .2s, background .2s, border-color .2s, color .2s; }
.button:hover { transform: translateY(-2px); }
.button-dark { color: #fff; background: var(--ink); }
.button-dark:hover { background: #34383d; }
.button-light { background: #fff; border-color: #bfc1c3; }
.button-light:hover { border-color: var(--ink); }
.button-green { color: #fff; background: var(--used); }
.button-green:hover { background: #0f4c31; }
.button-blue { color: #fff; background: var(--ford); }
.button-blue:hover { background: var(--ford-bright); }
.button-outline-light { color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.65); }
.button-outline-light:hover { background: #fff; color: var(--ink); }
.hero-links { margin-top: 22px; display: flex; gap: 28px; font-size: 12px; font-weight: 750; }
.hero-links a { display: flex; align-items: center; gap: 8px; }
.dot { width: 8px; height: 8px; border-radius: 50%; }
.dot-blue { background: var(--ford); }
.dot-black { background: var(--acura); }

.hero-showcase { min-height: 395px; position: relative; }
.hero-vehicle { position: absolute; overflow: hidden; background: #fff; border: 1px solid rgba(23,25,28,.12); border-radius: 8px; box-shadow: 0 18px 35px rgba(0,0,0,.12); transition: transform .3s ease; }
.hero-vehicle:hover { z-index: 5; transform: translateY(-8px) rotate(0deg); }
.hero-vehicle img { width: 100%; height: 100%; object-fit: cover; }
.hero-vehicle-1 { z-index: 3; width: 53%; height: 252px; left: 23%; top: 68px; transform: rotate(-1.8deg); }
.hero-vehicle-2 { z-index: 2; width: 43%; height: 208px; left: 0; top: 143px; transform: rotate(-3.4deg); }
.hero-vehicle-3 { z-index: 4; width: 42%; height: 216px; right: 0; top: 123px; transform: rotate(2.8deg); }
.hero-badge { position: absolute; z-index: 2; top: 12px; left: 12px; padding: 6px 9px; color: #fff; background: rgba(17,19,23,.84); border-radius: 3px; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(5px); }
.hero-ratings { position: absolute; z-index: 7; top: 7px; left: 0; display: flex; gap: 7px; }
.hero-rating { min-width: 137px; min-height: 53px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border: 1px solid rgba(23,25,28,.13); border-radius: 6px; background: rgba(255,255,255,.94); box-shadow: 0 8px 20px rgba(23,25,28,.08); transition: transform .2s, box-shadow .2s; }
.hero-rating:hover { transform: translateY(-2px); box-shadow: 0 11px 24px rgba(23,25,28,.12); }
.hero-rating strong, .hero-rating small { display: block; }
.hero-rating strong { font: 800 11px/1.1 var(--display); }
.hero-rating > span > small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1; text-transform: uppercase; letter-spacing: .05em; }
.hero-rating-score { color: var(--ink); font: 800 19px/1 var(--display); letter-spacing: -.04em; }
.hero-rating-score small { margin-top: 3px; color: #f5a623; font-size: 10px; text-align: right; }
.hero-proof { position: absolute; z-index: 6; right: 5%; top: 25px; width: 86px; height: 86px; display: flex; align-items: center; justify-content: center; gap: 5px; background: var(--used); color: #fff; border-radius: 50%; transform: rotate(8deg); box-shadow: 0 12px 30px rgba(22,92,61,.24); }
.hero-proof strong { font: 800 35px/.9 var(--display); letter-spacing: -.04em; }
.hero-proof span { font-size: 10px; font-weight: 800; line-height: 1.25; text-transform: uppercase; }

.search-wrap { position: relative; z-index: 10; transform: translateY(25px); }
.vehicle-search { padding: 0 24px 24px; background: rgba(255,255,255,.97); border: 1px solid #d7d2cb; border-radius: 9px; box-shadow: var(--shadow); }
.search-tabs { min-height: 56px; display: flex; justify-content: center; align-items: stretch; gap: 15px; }
.search-tabs button { padding: 0 23px; border: 0; border-bottom: 3px solid transparent; background: transparent; font-size: 13px; cursor: pointer; }
.search-tabs button span { margin-left: 6px; color: var(--muted); font-size: 11px; }
.search-tabs button.active { color: var(--used); border-color: var(--used); font-weight: 800; }
.search-fields { display: grid; grid-template-columns: 2fr repeat(3, minmax(130px, .65fr)) minmax(180px, .8fr); gap: 10px; }
.search-fields input, .search-fields select { width: 100%; min-height: 48px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; padding: 0 15px; color: var(--ink); font-size: 13px; }
.search-fields select { cursor: pointer; }
.search-input { position: relative; }
.search-input svg { position: absolute; top: 15px; left: 14px; width: 18px; fill: none; stroke: var(--muted); stroke-width: 1.7; }
.search-input input { padding-left: 43px; }
.search-status { min-height: 0; margin: 0; color: var(--used); font-size: 12px; font-weight: 700; }
.search-status:not(:empty) { margin-top: 10px; }

.category-section { padding-top: 130px; padding-bottom: 50px; }
.section-heading { margin-bottom: 30px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.section-heading .eyebrow { margin-bottom: 10px; }
h2 { font-size: clamp(34px, 3.4vw, 54px); line-height: 1.02; letter-spacing: -.04em; }
.text-link { padding-bottom: 5px; border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 800; }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.category-card { min-height: 300px; padding: 0; display: grid; grid-template-rows: 165px 1fr; overflow: hidden; text-align: left; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; cursor: pointer; transition: transform .25s, border-color .25s, box-shadow .25s; }
.category-card:hover { transform: translateY(-5px); border-color: var(--silver-dark); box-shadow: 0 14px 30px rgba(23,25,28,.08); }
.category-card.category-used { color: var(--ink); border-color: var(--line); }
.category-photo { display: block; overflow: hidden; background: var(--silver); }
.category-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.category-card:hover .category-photo img { transform: scale(1.045); }
.category-copy { padding: 19px 21px 20px; display: flex; flex-direction: column; align-items: flex-start; border-top: 4px solid transparent; background: #fff; }
.category-used .category-copy { border-top-color: var(--used); }
.category-card strong { margin-bottom: 2px; font: 800 21px var(--display); letter-spacing: -.03em; }
.category-count { color: var(--muted); font-size: 12px; }
.category-card small { margin-top: auto; color: var(--used); font-weight: 750; }
.category-card small b { margin-left: 5px; }

.inventory-section { padding-top: 50px; background: #fff; }
.inventory-controls { display: flex; gap: 6px; }
.inventory-controls button { min-width: 58px; padding: 8px 13px; border: 1px solid #d3d3d3; border-radius: 99px; background: #fff; font-size: 11px; font-weight: 700; cursor: pointer; }
.inventory-controls button.active { background: var(--ink); color: #fff; border-color: var(--ink); }
.inventory-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.vehicle-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: box-shadow .25s, transform .25s; }
.vehicle-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.vehicle-card[hidden] { display: none; }
.vehicle-media { position: relative; height: 220px; overflow: hidden; background: #eee; }
.vehicle-image { position: relative; width: 100%; height: 100%; display: block; overflow: hidden; }
.vehicle-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.vehicle-card:hover .vehicle-image img { transform: scale(1.035); }
.vehicle-label { position: absolute; top: 12px; left: 12px; padding: 5px 8px; border-radius: 3px; color: #fff; background: var(--ink); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.vehicle-label.label-used { background: var(--used); }
.save-button { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; border: 1px solid rgba(23,25,28,.14); border-radius: 50%; background: rgba(255,255,255,.92); font-size: 20px; cursor: pointer; }
.save-button.saved { background: var(--ink); color: #fff; }
.vehicle-body { padding: 19px; }
.vehicle-store { display: inline-block; color: var(--muted); font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.vehicle-body h3 { margin: 5px 0 0; font: 750 20px/1.2 var(--display); letter-spacing: -.025em; }
.vehicle-trim { min-height: 21px; margin: 4px 0 15px; color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vehicle-factory-highlights { margin: -7px 0 12px; padding: 8px 9px; display: grid; gap: 2px; border: 1px solid #c9dcf1; border-radius: 5px; background: #f4f9ff; }
.vehicle-factory-highlights strong { color: #003478; font-size: 10px; }
.vehicle-factory-highlights span { overflow: hidden; color: #52667c; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.vehicle-meta { display: flex; justify-content: space-between; padding: 11px 0; color: var(--muted); border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 11px; }
.vehicle-price-row { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vehicle-price-row strong { font: 800 24px var(--display); letter-spacing: -.025em; }
.vehicle-price-row span { color: var(--muted); font-size: 10px; }
.pricing-stack { margin: 14px 0; padding: 14px 0 0; display: grid; gap: 5px; border-top: 1px solid #dce4ec; }
.pricing-stack > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 10px; }
.pricing-stack > div[hidden] { display: none !important; }
.pricing-stack dt, .pricing-stack dd { margin: 0; }
.pricing-stack dt { min-width: 0; }
.pricing-stack dd { flex: 0 0 auto; color: var(--ink); font-weight: 750; white-space: nowrap; }
.pricing-stack .pricing-discount, .pricing-stack .pricing-discount dd { color: #087443; font-weight: 850; }
.pricing-stack .pricing-incentive, .pricing-stack .pricing-incentive dd,
.pricing-stack .pricing-selected-offer, .pricing-stack .pricing-selected-offer dd { color: #006d3b; font-weight: 850; }
.pricing-stack .pricing-tax { padding-top: 2px; color: #536273; }
.pricing-stack .pricing-fee { color: #536273; }
.pricing-stack .pricing-total { margin-top: 7px; padding-top: 9px; align-items: end; border-top: 2px solid #aebdcd; color: var(--ink); font-size: 11px; font-weight: 900; }
.pricing-stack .pricing-total dd { color: #003478; font: 850 22px var(--display); letter-spacing: -.025em; }
.price-help { position: relative; width: 14px; height: 14px; margin-left: 5px; display: inline-grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; cursor: help; font: 800 9px/1 sans-serif; vertical-align: 1px; }
.price-help [role="tooltip"] { position: absolute; z-index: 30; left: 50%; bottom: calc(100% + 8px); width: min(290px, 75vw); padding: 9px 10px; visibility: hidden; opacity: 0; transform: translate(-50%, 4px); border-radius: 5px; color: #fff; background: #16283d; box-shadow: 0 8px 24px rgba(12, 28, 47, .2); font: 500 10px/1.45 Arial, sans-serif; text-align: left; transition: opacity .15s, transform .15s; }
.price-help:hover [role="tooltip"], .price-help:focus [role="tooltip"], .price-help:focus-within [role="tooltip"] { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.inventory-price-stack { margin-bottom: 4px; }
.vehicle-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.vehicle-card-actions .button { min-width: 0; min-height: 40px; padding-inline: 11px; font-size: 11px; }
.vehicle-button { width: 100%; justify-content: space-between; color: #fff; background: var(--used); }
.vehicle-availability-button { width: 100%; border-color: var(--used); color: var(--used); background: #fff; }
.vehicle-availability-button:hover { color: #fff; background: var(--used); }
.vehicle-delivery-callout { margin-top: 12px; padding-top: 10px; border-top: 1px solid #e4e8ec; color: #5b6875; }
.vehicle-delivery-callout summary { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; list-style: none; cursor: pointer; }
.vehicle-delivery-callout summary::-webkit-details-marker { display: none; }
.vehicle-delivery-icon { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #087443; }
.vehicle-delivery-callout .vehicle-delivery-icon svg { width: 14px; height: 14px; }
.vehicle-delivery-callout summary > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.vehicle-delivery-callout summary strong { color: var(--ink); font-size: 10px; line-height: 1.25; }
.vehicle-delivery-callout summary small { margin-top: 1px; color: var(--muted); font-size: 8px; line-height: 1.35; }
.vehicle-delivery-toggle { color: #087443; font-size: 18px; font-weight: 500; line-height: 1; transition: transform .18s ease; }
.vehicle-delivery-callout[open] .vehicle-delivery-toggle { transform: rotate(45deg); }
.vehicle-delivery-coverage { margin-top: 10px; padding: 11px 12px; border-radius: 6px; color: #e7edf2; background: #142536; }
.vehicle-delivery-coverage > strong { display: block; color: #fff; font-size: 10px; }
.vehicle-delivery-coverage p { margin: 5px 0 3px; color: #c6d0d8; font-size: 8px; }
.vehicle-delivery-coverage > span { display: block; font-size: 8px; line-height: 1.65; }
.vehicle-delivery-coverage > small { display: block; margin-top: 6px; color: #a9b8c4; font-size: 7px; line-height: 1.4; }
.vehicle-card-marketplace > .vehicle-delivery-callout,
.ford-vehicle-card-marketplace > .vehicle-delivery-callout,
.acura-vehicle-card-marketplace > .vehicle-delivery-callout { margin: 0; padding: 10px 17px 14px; border-top: 1px solid #e4e6eb; background: #fff; }
@media (max-width: 680px) {
    .vehicle-card-marketplace > .vehicle-delivery-callout,
    .ford-vehicle-card-marketplace > .vehicle-delivery-callout,
    .acura-vehicle-card-marketplace > .vehicle-delivery-callout { padding: 7px 8px 9px; }
    .vehicle-delivery-callout summary { grid-template-columns: minmax(0, 1fr) auto; gap: 5px; }
    .vehicle-delivery-callout summary .vehicle-delivery-icon,
    .vehicle-delivery-callout summary small { display: none; }
    .vehicle-delivery-callout summary strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
    .vehicle-delivery-toggle { font-size: 15px; }
}
.no-results { padding: 40px; text-align: center; color: var(--muted); }
.vdp-inquiry { margin-top: 18px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); }
.vdp-inquiry summary { font-weight: 800; cursor: pointer; }
.vdp-inquiry form { margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vdp-inquiry label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.vdp-inquiry input, .vdp-inquiry textarea { width: 100%; padding: 10px 11px; border: 1px solid #cfd1d2; border-radius: 4px; color: var(--ink); background: #fff; }
.vdp-inquiry-message, .vdp-inquiry form > p, .vdp-inquiry form > button { grid-column: 1 / -1; }
.vdp-inquiry form > p { margin: 0; color: var(--muted); font-size: 11px; }
.vdp-inquiry form > button { justify-self: start; }
.vdp-honeypot { position: absolute !important; left: -9999px !important; }
.center-action { margin-top: 34px; text-align: center; }

/* Shared vehicle lead and payment dialogs */
.shopper-dialog { width: min(720px, calc(100% - 32px)); max-height: min(880px, calc(100vh - 32px)); padding: 0; overflow: auto; border: 0; border-radius: 10px; color: var(--ink); background: #fff; box-shadow: 0 26px 80px rgba(6, 13, 10, .32); }
.shopper-dialog::backdrop { background: rgba(8, 12, 10, .72); backdrop-filter: blur(4px); }
.shopper-dialog-shell { position: relative; padding: 34px; }
.shopper-dialog-close { position: absolute; z-index: 2; top: 14px; right: 14px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #d7dad8; border-radius: 50%; background: #fff; font-size: 25px; line-height: 1; cursor: pointer; }
.shopper-dialog-heading { padding-right: 42px; }
.shopper-dialog-heading .eyebrow { margin-bottom: 9px; }
.shopper-dialog-heading h2 { font-size: clamp(30px, 4vw, 44px); }
.shopper-dialog-heading p { max-width: 590px; margin: 11px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.shopper-dialog-heading strong { margin-top: 12px; display: block; color: var(--used); font: 750 15px var(--display); }
.shopper-lead-form { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.shopper-lead-form label, .payment-calculator-fields label { display: grid; gap: 6px; color: #4e5651; font-size: 11px; font-weight: 800; }
.shopper-lead-form input, .shopper-lead-form select, .shopper-lead-form textarea, .payment-calculator-fields input, .payment-calculator-fields select { width: 100%; min-height: 45px; padding: 10px 12px; border: 1px solid #cfd5d1; border-radius: 5px; color: var(--ink); background: #fff; }
.shopper-lead-form textarea { resize: vertical; }
.shopper-lead-schedule { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.shopper-lead-schedule[hidden] { display: none; }
.shopper-lead-message, .shopper-form-note, .shopper-lead-form > button { grid-column: 1 / -1; }
.shopper-form-note { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.shopper-lead-form > button { justify-self: start; }
.payment-dialog { width: min(850px, calc(100% - 32px)); }
.payment-calculator-grid { margin-top: 25px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr); gap: 22px; }
.payment-calculator-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.calculator-money, .calculator-percent { position: relative; display: block; }
.calculator-money b, .calculator-percent b { position: absolute; z-index: 1; top: 15px; color: var(--muted); }
.calculator-money b { left: 12px; }
.calculator-percent b { right: 12px; }
.payment-calculator-fields .calculator-money input { padding-left: 27px; }
.payment-calculator-fields .calculator-percent input { padding-right: 28px; }
.payment-calculator-result { padding: 24px; border-radius: 8px; color: #fff; background: linear-gradient(145deg, #143d2a, #1d6040); }
.payment-calculator-result > span { display: block; color: #c5dfd0; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.payment-calculator-result > strong { margin-top: 9px; display: block; font: 850 clamp(38px, 5vw, 55px)/1 var(--display); letter-spacing: -.05em; }
.payment-calculator-result > small { color: #d6e6dc; font-size: 11px; }
.payment-calculator-result dl { margin: 24px 0 0; padding-top: 14px; display: grid; gap: 8px; border-top: 1px solid rgba(255,255,255,.24); }
.payment-calculator-result dl div { display: flex; justify-content: space-between; gap: 15px; font-size: 11px; }
.payment-calculator-result dt, .payment-calculator-result dd { margin: 0; }
.payment-calculator-result dd { font-weight: 800; }
.payment-calculator-disclaimer { margin: 16px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.payment-calculator-actions { margin-top: 20px; display: flex; gap: 10px; }
.used-vdp-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.used-vdp-actions .button { padding-inline: 12px; text-align: center; }
.used-vdp-actions .button:first-child { grid-column: 1 / -1; }

.proof-strip { padding: 27px 0; color: #fff; background: var(--ink); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid > div { padding: 10px 28px; display: flex; gap: 15px; align-items: center; border-right: 1px solid #44474b; }
.proof-grid > div:last-child { border: 0; }
.proof-grid > div > span { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #767a7e; border-radius: 50%; color: #d6d8da; }
.proof-grid p { margin: 0; color: #bfc1c3; font-size: 11px; line-height: 1.4; }
.proof-grid strong { display: block; color: #fff; font: 750 16px var(--display); }

.tools-section { background: #ebe9e4; }
.tool-grid { display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; color: #fff; background: var(--used); border-radius: var(--radius); box-shadow: var(--shadow); }
.finance-tool, .trade-tool { min-height: 425px; padding: 52px; }
.trade-tool { background: linear-gradient(135deg, #1a1d20, #08090a); }
.eyebrow-light { color: #bcd8c7; }
.finance-tool h2, .trade-tool h2 { max-width: 600px; font-size: clamp(35px, 3vw, 48px); }
.finance-fields { margin: 32px 0 24px; display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 12px; }
.finance-fields label { color: #dfe9e3; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.finance-fields input, .finance-fields select, .trade-tool input { width: 100%; height: 47px; margin-top: 7px; border: 0; border-radius: 3px; background: #fff; color: var(--ink); padding: 0 13px; }
.money-input { position: relative; display: block; }
.money-input b { position: absolute; z-index: 2; left: 12px; top: 19px; color: var(--muted); }
.money-input input { padding-left: 27px; }
.payment-result { margin-bottom: 25px; display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.payment-result > span { font-size: 11px; font-weight: 700; text-transform: uppercase; }
.payment-result strong { font-weight: 400; }
.payment-result strong b { font: 800 38px var(--display); letter-spacing: -.035em; }
.payment-result small { color: #c9dbd0; font-size: 10px; }
.trade-tool > p { max-width: 510px; color: #c5c7ca; font-size: 14px; }
.trade-tool form { margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.trade-tool form .button { grid-column: 1 / -1; }
.trade-tool form p { grid-column: 1 / -1; min-height: 20px; margin: 0; color: #bcd8c7; font-size: 11px; }

.new-section { background: #fff; }
.brand-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.brand-panel { position: relative; min-height: 385px; overflow: hidden; border-radius: var(--radius); }
.brand-panel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.97) 10%, rgba(255,255,255,.8) 44%, transparent 76%); }
.brand-panel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.brand-panel-copy { position: relative; z-index: 2; width: 52%; padding: 48px; }
.brand-panel-copy > span { font-size: 12px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.brand-panel h3 { margin: 12px 0; font: 800 38px/1.05 var(--display); letter-spacing: -.045em; }
.brand-panel p { margin-bottom: 25px; color: #565a5e; font-size: 13px; }
.ford-panel { background: #dce6f2; }
.ford-panel .brand-panel-copy > span { color: var(--ford); }
.acura-panel { color: #fff; background: #15171a; }
.acura-panel::after { background: linear-gradient(90deg, rgba(17,19,23,.98) 12%, rgba(17,19,23,.83) 48%, transparent 79%); }
.acura-panel p { color: #c5c7ca; }

.story-section { color: #fff; background: linear-gradient(135deg, #1b1d20, #2d3033); }
.story-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }
.story-copy .eyebrow { color: #bfc1c3; }
.story-copy h2 { font-size: clamp(44px, 4.5vw, 68px); }
.story-copy > p { max-width: 560px; color: #c4c6c8; line-height: 1.75; }
.story-stat { margin-top: 50px; display: flex; align-items: center; gap: 15px; }
.story-stat strong { font: 800 76px/.9 var(--display); color: #d3d5d6; letter-spacing: -.05em; }
.story-stat span { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.story-values { border-top: 1px solid #505357; }
.story-values > div { padding: 28px 0; display: grid; grid-template-columns: 60px 1fr 1.2fr; gap: 25px; align-items: baseline; border-bottom: 1px solid #505357; }
.story-values span { color: #8f9397; font-size: 12px; }
.story-values h3 { margin: 0; font: 800 25px var(--display); letter-spacing: -.035em; }
.story-values p { margin: 0; color: #b7b9bb; font-size: 13px; }

.locations-section { background: var(--paper); }
.locations-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.location-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-top: 5px solid var(--ford); background: #fff; }
.acura-location { border-top-color: var(--acura); }
.location-photo { width: 100%; height: 265px; object-fit: cover; background: var(--silver); }
.location-details { position: relative; padding: 38px 40px 40px; }
.location-brand { position: absolute; top: 35px; right: 38px; color: var(--ford); font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.acura-location .location-brand { color: var(--ink); }
.location-card h3 { margin: 0 0 20px; font: 800 35px var(--display); letter-spacing: -.045em; }
.location-card address { font-style: normal; font-size: 16px; }
.location-details > p { color: var(--muted); font-size: 12px; }
.location-actions { margin-top: 28px; display: flex; align-items: center; gap: 20px; }
.location-actions > a:last-child { font-size: 13px; font-weight: 800; }

.sitemap-hero { padding: 34px 0 74px; background: var(--paper); border-bottom: 1px solid var(--line); }
.sitemap-hero .breadcrumbs { padding: 0 0 58px; }
.sitemap-hero h1 { max-width: 790px; }
.sitemap-hero > .container > p { max-width: 650px; margin: 20px 0 0; color: var(--muted); font-size: 17px; }
.sitemap-directory { padding: 80px 0 100px; }
.sitemap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.sitemap-group { padding: 34px 36px 24px; border: 1px solid var(--line); border-top: 4px solid var(--used); border-radius: var(--radius); background: #fff; }
.sitemap-group:nth-child(2) { border-top-color: var(--ford); }
.sitemap-group:nth-child(3) { border-top-color: var(--acura); }
.sitemap-group:nth-child(4) { border-top-color: #8b6338; }
.sitemap-group h2 { margin: 0 0 18px; font-size: 27px; letter-spacing: -.035em; }
.sitemap-group ul { margin: 0; padding: 0; list-style: none; }
.sitemap-group li { border-top: 1px solid var(--line); }
.sitemap-group a { min-height: 47px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #34383d; font-size: 13px; font-weight: 700; }
.sitemap-group a span:last-child { color: var(--muted); transition: transform .2s ease; }
.sitemap-group a:hover { color: var(--used); }
.sitemap-group a:hover span:last-child { transform: translateX(4px); }

.site-footer { padding: 70px 0 25px; color: #d1d2d3; background: #101214; }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 70px; padding-bottom: 55px; }
.footer-brand img { width: min(100%, 285px); height: auto; }
.footer-brand p, .footer-grid > div > p { color: #8f9295; font-size: 12px; }
.footer-grid h2 { margin-bottom: 18px; color: #fff; font: 800 18px var(--display); letter-spacing: -.025em; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-grid a { color: #aaaeb1; font-size: 12px; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { padding-top: 23px; display: flex; justify-content: space-between; gap: 30px; border-top: 1px solid #2b2e31; color: #777b7f; font-size: 10px; }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .reveal { opacity: 1; transform: none; }
}

@media (max-width: 1180px) {
    .header-inner { grid-template-columns: 180px 1fr auto; gap: 16px; }
    .brand, .brand img { width: 176px; }
    .site-nav { gap: 16px; font-size: 12px; }
    .hero-grid { grid-template-columns: 1fr 1fr; }
    .hero-showcase { transform: scale(.9); transform-origin: center; }
    .search-fields { grid-template-columns: 2fr repeat(3, 1fr); }
    .search-fields .button { grid-column: 1 / -1; }
    .inventory-grid { grid-template-columns: repeat(3, 1fr); }
    .finance-tool, .trade-tool { padding: 40px; }
    .brand-panel-copy { width: 65%; padding: 38px; }
}

@media (max-width: 900px) {
    .container { width: min(100% - 36px, 720px); }
    .utility-inner > span { display: none; }
    .utility-inner { justify-content: center; }
    .header-inner { height: 70px; grid-template-columns: 1fr auto; }
    .brand, .brand img { width: 185px; }
    .header-cta { display: none; }
    .menu-toggle { display: block; }
    .site-nav { position: fixed; inset: 105px 0 auto; width: 100%; max-height: calc(100vh - 105px); padding: 25px 24px 40px; display: none; justify-self: stretch; flex-direction: column; align-items: stretch; gap: 0; background: #fff; border-top: 1px solid var(--line); overflow-y: auto; }
    .site-nav.open { display: flex; }
    .site-nav a { padding: 16px 0; border-bottom: 1px solid var(--line); font: 800 25px var(--display); letter-spacing: -.03em; }
    .site-nav a::after { display: none; }
    .hero { padding-top: 36px; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-copy { padding-bottom: 0; }
    .hero-showcase { width: 100%; min-height: 350px; transform: none; }
    .search-wrap { transform: translateY(20px); }
    .search-fields { grid-template-columns: 1fr 1fr; }
    .search-input, .search-fields .button { grid-column: 1 / -1; }
    .category-section { padding-top: 100px; }
    .category-grid { grid-template-columns: 1fr 1fr; }
    .inventory-grid { grid-template-columns: 1fr 1fr; }
    .proof-grid { grid-template-columns: 1fr 1fr; }
    .proof-grid > div:nth-child(2) { border-right: 0; }
    .tool-grid, .brand-panels, .story-grid { grid-template-columns: 1fr; }
    .story-grid { gap: 55px; }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 35px; }
    .footer-grid > div:last-child { grid-column: 2 / -1; }
}

@media (max-width: 600px) {
    .inventory-page .inventory-hero .eyebrow { display: none; }
    .container { width: min(100% - 28px, 520px); }
    .section { padding: 68px 0; }
    .utility-inner { width: 100%; font-size: 10px; }
    .hero { padding-top: 28px; background-image: linear-gradient(180deg, rgba(248,246,242,.95) 0%, rgba(248,246,242,.88) 51%, rgba(231,232,231,.56) 100%), url('../images/ashland-hero.webp'); background-position: 61% center; }
    h1 { font-size: 39px; }
    .hero-copy > p { font-size: 15px; }
    .hero-actions .button { width: 100%; }
    .hero-links { flex-direction: column; gap: 10px; }
    .hero-showcase { min-height: 285px; margin-inline: -10px; }
    .hero-vehicle-1 { width: 68%; height: 190px; left: 16%; top: 42px; }
    .hero-vehicle-2 { width: 50%; height: 145px; top: 110px; }
    .hero-vehicle-3 { width: 49%; height: 145px; top: 104px; }
    .hero-ratings { top: 0; gap: 5px; }
    .hero-rating { min-width: 0; width: 118px; min-height: 44px; padding: 6px 7px; gap: 5px; }
    .hero-rating strong { font-size: 9px; }
    .hero-rating > span > small { font-size: 7px; }
    .hero-rating-score { font-size: 16px; }
    .hero-proof { width: 68px; height: 68px; top: 1px; right: 0; }
    .hero-proof strong { font-size: 25px; }
    .hero-proof span { font-size: 8px; }
    .vehicle-search { padding: 0 14px 14px; }
    .search-tabs { justify-content: flex-start; overflow-x: auto; }
    .search-tabs button { padding: 0 12px; white-space: nowrap; }
    .search-fields { grid-template-columns: 1fr; }
    .search-input, .search-fields .button { grid-column: auto; }
    .section-heading { align-items: flex-start; flex-direction: column; }
    .category-grid, .inventory-grid, .proof-grid, .finance-fields, .trade-tool form, .brand-panels, .locations-grid, .sitemap-grid, .footer-grid { grid-template-columns: 1fr; }
    .category-card { min-height: 310px; grid-template-rows: 185px 1fr; }
    .inventory-controls { width: 100%; overflow-x: auto; }
    .inventory-controls button { flex: 1; }
    .vehicle-media { height: 235px; }
    .proof-grid > div { border-right: 0; border-bottom: 1px solid #44474b; }
    .finance-tool, .trade-tool { padding: 34px 25px; }
    .trade-tool form .button, .trade-tool form p { grid-column: auto; }
    .brand-panel { min-height: 440px; }
    .brand-panel::after, .acura-panel::after { background: linear-gradient(to bottom, rgba(255,255,255,.98) 12%, rgba(255,255,255,.78) 60%, transparent 100%); }
    .acura-panel::after { background: linear-gradient(to bottom, rgba(17,19,23,.99) 12%, rgba(17,19,23,.8) 62%, transparent 100%); }
    .brand-panel-copy { width: 100%; padding: 30px; }
    .brand-panel img { object-position: center bottom; }
    .story-values > div { grid-template-columns: 35px 1fr; }
    .story-values p { grid-column: 2; }
    .location-photo { height: 220px; }
    .location-details { padding: 30px 25px 32px; }
    .location-brand { position: static; display: block; margin-bottom: 10px; }
    .location-actions { align-items: flex-start; flex-direction: column; }
    .sitemap-hero { padding: 24px 0 55px; }
    .sitemap-hero .breadcrumbs { padding-bottom: 42px; }
    .sitemap-directory { padding: 50px 0 70px; }
    .sitemap-group { padding: 28px 24px 18px; }
    .footer-grid > div:last-child { grid-column: auto; }
    .footer-bottom { flex-direction: column; }
}

/* Marketplace-style inventory browsing */
.inventory-page { background: #f0f2f5; }
.inventory-page .inventory-hero,
.inventory-page-used .inventory-hero {
    padding: 38px 0 30px;
    color: var(--ink);
    border-bottom: 1px solid #d8dce1;
    background: #fff;
}
.inventory-page .inventory-hero-grid { align-items: center; }
.inventory-page .inventory-hero .eyebrow { margin-bottom: 9px; color: var(--used); }
.inventory-page .inventory-hero h1,
.inventory-page-used .inventory-hero h1 { max-width: 860px; font-size: clamp(32px, 4vw, 50px); line-height: 1.04; }
.inventory-page .inventory-hero p { max-width: 720px; margin-top: 12px; color: #606770; font-size: 14px; line-height: 1.55; }
.inventory-page .inventory-count { min-width: 150px; padding: 16px 19px; border-color: #d8dce1; border-radius: 10px; color: var(--ink); background: #f0f2f5; }
.inventory-page .inventory-count strong { font-size: 36px; }
.inventory-page .inventory-count span { margin-top: 5px; color: #606770; }
.inventory-page .inventory-results-section,
.inventory-page-used .inventory-results-section { padding: 24px 0 80px; background: #f0f2f5; }
.inventory-page .inventory-results-section > .container { width: min(1180px, calc(100% - 48px)); }
.inventory-page .inventory-filter-form { margin-top: 0; border-color: #d8dce1; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .07); }
.inventory-page .results-toolbar { padding: 30px 0 18px; }
.inventory-page .results-toolbar h2 { font-size: clamp(25px, 2.7vw, 36px); }
.inventory-page .inventory-grid-full,
.inventory-page .inventory-grid-used { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.inventory-page .vehicle-card-marketplace { overflow: hidden; border: 1px solid #d8dce1; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); transform: none; }
.inventory-page .vehicle-card-marketplace:hover { border-color: #b8bec6; box-shadow: 0 8px 24px rgba(0, 0, 0, .1); transform: translateY(-2px); }
.marketplace-card-link { height: 100%; display: flex; flex-direction: column; }
.inventory-page .vehicle-card-marketplace .vehicle-media { height: auto; aspect-ratio: 16 / 10; background: #e4e6eb; }
.inventory-page .vehicle-card-marketplace .vehicle-media img { width: 100%; height: 100%; object-fit: cover; }
.inventory-page .vehicle-card-marketplace .vehicle-body { flex: 1; padding: 16px 17px 18px; }
.inventory-page .vehicle-card-marketplace .vehicle-store { color: #65676b; font-size: 9px; }
.inventory-page .vehicle-card-marketplace .vehicle-card-title { margin-top: 4px; font-size: clamp(18px, 2vw, 23px); }
.inventory-page .vehicle-card-marketplace .vehicle-trim { min-height: 0; margin: 4px 0 11px; font-size: 12px; }
.marketplace-card-facts { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; color: #606770; font-size: 11px; }
.marketplace-card-facts span { padding: 5px 8px; border-radius: 999px; background: #f0f2f5; }
.marketplace-card-price { margin-top: 15px; padding-top: 13px; display: flex; align-items: end; justify-content: space-between; gap: 14px; border-top: 1px solid #e4e6eb; }
.marketplace-card-price strong { font: 800 clamp(21px, 2.3vw, 28px)/1 var(--display); letter-spacing: -.04em; }
.marketplace-card-price span { max-width: 145px; color: #606770; font-size: 10px; line-height: 1.3; text-align: right; }

.inventory-page-used .used-discovery-panel { margin-top: 0; padding: 14px; border-color: #d8dce1; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .07); }
.inventory-page-used .used-search-row > label { margin-bottom: 5px; }
.inventory-page-used .used-search-control { min-height: 42px; padding: 3px; background: #f0f2f5; }
.inventory-page-used .used-search-control input { height: 34px; }
.inventory-page-used .used-search-control .button { min-height: 34px; padding: 8px 14px; }
.inventory-page-used .used-body-heading { margin-top: 12px; }
.inventory-page-used .used-body-styles { display: flex; flex-wrap: wrap; gap: 8px; }
.inventory-page-used .used-body-style { min-height: 0; padding: 6px 11px; flex-direction: row; gap: 7px; border-radius: 999px; }
.inventory-page-used .used-body-style svg,
.inventory-page-used .used-body-style span { display: none; }
.inventory-page-used .used-body-style strong { margin: 0; font: 750 12px var(--sans); }
.inventory-page-used .used-quick-filters { margin-top: 10px; padding-top: 10px; }
.inventory-page-used .used-quick-filters a { padding: 6px 10px; }
.inventory-page-used .used-results-layout { margin-top: 18px; grid-template-columns: 1fr; gap: 16px; }
.inventory-page-used .used-sidebar { display: contents; }
.inventory-page-used .used-sidebar-filters { position: sticky; z-index: 90; top: 79px; padding: 10px 12px; grid-template-columns: auto repeat(3, minmax(140px, 1fr)) auto; align-items: end; gap: 10px; border-color: #d8dce1; border-radius: 10px; box-shadow: 0 5px 18px rgba(0, 0, 0, .09); }
.inventory-page-used .used-sidebar-heading { align-self: center; padding: 0 10px 0 0; border: 0; white-space: nowrap; }
.inventory-page-used .used-sidebar-heading span { font-size: 14px; }
.inventory-page-used .used-sidebar-filters label { gap: 4px; }
.inventory-page-used .used-sidebar-filters select { height: 36px; }
.inventory-page-used .used-sidebar-filters .button { min-height: 36px; }
.inventory-page-used .used-sidebar-filters .button { width: auto; grid-column: auto; }
.inventory-page-used .used-guide-list { display: none; }
.inventory-page-used .results-toolbar.used-results-toolbar { padding: 5px 0 18px; }
.inventory-page .inventory-seo-copy { background: #fff; }

@media (max-width: 760px) {
    .inventory-page .inventory-results-section > .container { width: min(100% - 28px, 620px); }
    .inventory-page-used .used-sidebar-filters { grid-template-columns: 1fr 1fr; }
    .inventory-page-used .used-sidebar-heading,
    .inventory-page-used .used-sidebar-filters .button { grid-column: 1 / -1; width: 100%; }
}

@media (min-width: 601px) and (max-width: 900px) {
    .inventory-page-used .used-sidebar-filters { top: 70px; }
}

@media (max-width: 600px) {
    .inventory-page .inventory-hero,
    .inventory-page-used .inventory-hero { padding: 28px 0 25px; }
    .inventory-page .inventory-hero-grid { gap: 18px; }
    .inventory-page .inventory-count { width: 100%; }
    .inventory-page .inventory-grid-full,
    .inventory-page .inventory-grid-used { grid-template-columns: 1fr; }
    .inventory-page-used .used-discovery-panel { width: auto; margin-left: 0; padding: 14px; }
    .inventory-page-used .used-body-styles { margin-inline: 0; padding-inline: 0; overflow: visible; }
    .inventory-page-used .used-body-style { min-width: 0; }
    .inventory-page-used .used-sidebar-filters { grid-template-columns: 1fr; }
    .inventory-page-used .used-sidebar-heading,
    .inventory-page-used .used-sidebar-filters .button { grid-column: auto; }
    .marketplace-card-price { align-items: flex-start; flex-direction: column; gap: 7px; }
    .marketplace-card-price span { max-width: none; text-align: left; }
}

/* Used inventory discovery experience */
.inventory-page-used .inventory-hero { padding: 58px 0 112px; background: radial-gradient(circle at 82% 18%, #356c52 0, transparent 31%), linear-gradient(125deg, #101613, #202923); }
.inventory-page-used .inventory-hero h1 { max-width: 800px; font-size: clamp(40px, 4.6vw, 64px); }
.inventory-page-used .inventory-hero p { margin-top: 17px; }
.inventory-page-used .inventory-results-section { padding-top: 0; background: linear-gradient(#fff, #fbfaf8); }
.used-discovery-panel { position: relative; z-index: 3; margin-top: -72px; padding: 23px; border: 1px solid #d9ddd9; border-radius: 10px; background: #fff; box-shadow: 0 20px 55px rgba(17, 31, 23, .12); }
.used-search-row > label { display: block; margin-bottom: 7px; color: #4d5751; font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.used-search-control { min-height: 54px; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 5px; border: 1px solid #cbd3ce; border-radius: 7px; background: #f7faf8; transition: border-color .2s, box-shadow .2s; }
.used-search-control:focus-within { border-color: var(--used); box-shadow: 0 0 0 3px rgba(22, 92, 61, .1); }
.used-search-control svg { width: 20px; margin-left: 9px; fill: none; stroke: var(--used); stroke-width: 1.8; stroke-linecap: round; }
.used-search-control input { min-width: 0; height: 42px; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 14px; }
.used-search-control .button { min-height: 42px; }
.used-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.used-body-heading { margin-top: 25px; display: flex; align-items: baseline; gap: 13px; }
.used-body-heading .eyebrow { margin: 0; }
.used-body-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.used-body-styles { margin-top: 12px; display: grid; grid-template-columns: repeat(6, minmax(116px, 1fr)); gap: 8px; }
.used-body-style { min-height: 108px; padding: 12px 9px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #d7dcd8; border-radius: 7px; background: #fff; text-align: center; transition: border-color .2s, background .2s, transform .2s; }
.used-body-style:hover { border-color: #8fa799; background: #f7faf8; transform: translateY(-2px); }
.used-body-style.is-active { border-color: var(--used); background: #edf6f0; box-shadow: inset 0 0 0 1px var(--used); }
.used-body-style svg { width: 82px; height: 41px; fill: none; stroke: #183629; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.used-body-style strong { margin-top: 4px; font: 800 12px var(--display); }
.used-body-style span { margin-top: 2px; color: var(--muted); font-size: 9px; }
.used-quick-filters { margin-top: 17px; padding-top: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; border-top: 1px solid #e4e7e4; }
.used-quick-filters > span { margin-right: 3px; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.used-quick-filters a { padding: 8px 12px; border: 1px solid #ccd3cf; border-radius: 99px; background: #fff; font-size: 11px; font-weight: 750; transition: .2s; }
.used-quick-filters a:hover, .used-quick-filters a.is-active { border-color: var(--used); color: #fff; background: var(--used); }
.used-results-layout { margin-top: 36px; display: grid; grid-template-columns: 244px minmax(0, 1fr); align-items: start; gap: 28px; }
.used-sidebar { position: sticky; top: 132px; display: grid; gap: 18px; }
.used-sidebar-filters, .used-guide-list { border: 1px solid #d9ddd9; border-radius: 8px; background: #fff; }
.used-sidebar-filters { padding: 18px; display: grid; gap: 15px; }
.used-sidebar-heading { padding-bottom: 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e3e6e4; }
.used-sidebar-heading span { font: 800 16px var(--display); }
.used-sidebar-heading a { color: var(--used); font-size: 10px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.used-sidebar-filters label { display: grid; gap: 6px; }
.used-sidebar-filters label > span { color: #454d48; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.used-sidebar-filters select { width: 100%; height: 43px; padding: 0 10px; border: 1px solid #cfd5d1; border-radius: 5px; color: var(--ink); background: #fff; font-size: 12px; }
.used-sidebar-filters .button { width: 100%; padding-inline: 12px; }
.used-guide-list { overflow: hidden; padding: 18px; }
.used-guide-list > .eyebrow { margin-bottom: 7px; }
.used-guide-list > h2 { margin-bottom: 14px; font-size: 20px; line-height: 1.15; }
.used-guide-list > a { padding: 11px 0; display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: center; gap: 10px; border-top: 1px solid #e4e6e4; }
.used-guide-list img { width: 68px; height: 52px; object-fit: cover; border-radius: 4px; }
.used-guide-list a > span { min-width: 0; }
.used-guide-list small, .used-guide-list strong { display: block; }
.used-guide-list small { margin-bottom: 3px; color: var(--used); font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.used-guide-list strong { font: 750 11px/1.3 var(--display); }
.used-guide-list a:hover strong { text-decoration: underline; text-underline-offset: 2px; }
.used-results-main { min-width: 0; }
.results-toolbar.used-results-toolbar { min-height: 70px; padding: 0 0 18px; }
.results-toolbar.used-results-toolbar h2 { font-size: clamp(28px, 2.5vw, 38px); }
.inventory-grid-used { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.inventory-grid-used .vehicle-media { height: 200px; }
.inventory-grid-used .vehicle-body { padding: 17px; }
.inventory-grid-used .vehicle-card-title { font-size: 18px; }
.inventory-inline-callout { min-height: 100%; padding: 28px 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: var(--radius); }
.inventory-inline-callout .inline-callout-icon { width: 48px; height: 48px; margin-bottom: 23px; display: grid; place-items: center; border: 2px solid currentColor; border-radius: 50%; font: 850 21px var(--display); }
.inventory-inline-callout .eyebrow { margin-bottom: 9px; }
.inventory-inline-callout h3 { margin: 0; font-size: 24px; line-height: 1.08; }
.inventory-inline-callout p { margin: 13px 0 20px; font-size: 12px; line-height: 1.65; }
.inventory-inline-callout small { margin-top: 11px; font-size: 8px; opacity: .72; }
.inventory-finance-callout { color: #fff; background: linear-gradient(145deg, #173d2b, #246a48); }
.inventory-finance-callout .eyebrow { color: #c7e2d2; }
.inventory-finance-callout .button { color: var(--used); background: #fff; }
.inventory-trade-callout { border: 1px solid #d4d0c8; color: var(--ink); background: linear-gradient(145deg, #f6f3ed, #e9e3d9); }
.inventory-trade-callout .inline-callout-icon { color: var(--used); }

@media (max-width: 1180px) {
    .used-body-styles { grid-template-columns: repeat(3, 1fr); }
    .used-results-layout { grid-template-columns: 225px minmax(0, 1fr); gap: 20px; }
    .inventory-grid-used { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .inventory-page-used .inventory-hero { padding-bottom: 102px; }
    .used-results-layout { grid-template-columns: 1fr; }
    .used-sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .used-sidebar-filters { grid-template-columns: repeat(3, 1fr); align-items: end; }
    .used-sidebar-heading, .used-sidebar-filters .button { grid-column: 1 / -1; }
    .used-guide-list > h2 { max-width: 360px; }
}

@media (max-width: 600px) {
    .inventory-page-used .inventory-hero { padding: 44px 0 96px; }
    .inventory-page-used .inventory-count { padding: 17px; }
    .inventory-page-used .inventory-count strong { font-size: 38px; }
    .used-discovery-panel { width: calc(100% + 18px); margin-left: -9px; padding: 16px; }
    .used-search-control { grid-template-columns: 21px minmax(0, 1fr); }
    .used-search-control .button { grid-column: 1 / -1; width: 100%; }
    .used-body-heading { align-items: flex-start; flex-direction: column; gap: 2px; }
    .used-body-styles { margin-inline: -16px; padding-inline: 16px; display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; }
    .used-body-style { min-width: 132px; scroll-snap-align: start; }
    .used-quick-filters { flex-wrap: nowrap; overflow-x: auto; }
    .used-quick-filters > span, .used-quick-filters a { flex: 0 0 auto; }
    .used-results-layout { margin-top: 25px; }
    .used-sidebar { grid-template-columns: 1fr; }
    .used-sidebar-filters { grid-template-columns: 1fr; }
    .used-sidebar-heading, .used-sidebar-filters .button { grid-column: auto; }
    .inventory-grid-used { grid-template-columns: 1fr; }
    .inventory-grid-used .vehicle-media { height: 232px; }
    .inventory-inline-callout { min-height: 390px; }
}

/* Crawlable inventory and vehicle detail pages */
.inventory-hero { padding: 78px 0 70px; color: #fff; background: radial-gradient(circle at 85% 20%, #315a48 0, transparent 30%), linear-gradient(125deg, #111317, #1d2421); }
.inventory-hero-grid { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 50px; }
.inventory-hero .eyebrow { color: #b8d6c5; }
.inventory-hero h1 { max-width: 920px; font-size: clamp(44px, 5vw, 72px); }
.inventory-hero p { max-width: 760px; margin: 24px 0 0; color: #cbd0cd; font-size: 16px; line-height: 1.7; }
.inventory-count { min-width: 175px; padding: 24px; border: 1px solid rgba(255,255,255,.22); border-radius: var(--radius); background: rgba(255,255,255,.07); }
.inventory-count strong { display: block; font: 800 48px/.9 var(--display); letter-spacing: -.04em; }
.inventory-count span { display: block; margin-top: 8px; color: #cbd0cd; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.inventory-results-section { padding: 42px 0 90px; background: #fff; }
.inventory-filter-form { position: relative; z-index: 2; margin-top: -78px; padding: 22px; display: grid; grid-template-columns: minmax(230px, 2fr) repeat(2, minmax(135px, .8fr)) auto; align-items: end; gap: 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: var(--shadow); }
.inventory-filter-form.inventory-filter-form-all { grid-template-columns: minmax(230px, 2fr) minmax(100px, .62fr) minmax(110px, .68fr) minmax(170px, .95fr) minmax(120px, .72fr) auto; }
.inventory-filter-form label { min-width: 0; }
.inventory-filter-form label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.inventory-filter-form input, .inventory-filter-form select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid #d5d5d5; border-radius: 4px; background: #fff; color: var(--ink); }
.inventory-filter-form .button { height: 46px; }
.inventory-filter-actions { display: grid; align-self: end; gap: 5px; }
.inventory-filter-actions .button { width: 100%; }
.filter-reset { color: var(--muted); font-size: 11px; font-weight: 750; text-align: center; text-decoration: underline; }
.results-toolbar { padding: 66px 0 28px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.results-toolbar .eyebrow { margin-bottom: 8px; }
.results-toolbar h2 { font-size: clamp(30px, 3vw, 44px); }
.results-toolbar > p { color: var(--muted); font-size: 12px; }
.inventory-grid-full { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vehicle-card-title { margin: 5px 0 0; font: 750 20px/1.2 var(--display); letter-spacing: -.025em; }
.vehicle-card-title a:hover { text-decoration: underline; text-underline-offset: 3px; }
.vehicle-image-placeholder, .vdp-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--muted); background: #ecebea; font-size: 12px; }
.pagination { margin: 40px 0 0; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 24px; }
.pagination a { padding: 10px 15px; border: 1px solid var(--line); border-radius: 4px; font-size: 12px; font-weight: 800; }
.pagination a:hover { border-color: var(--ink); }
.pagination span { color: var(--muted); font-size: 12px; }
.infinite-sentinel { min-height: 90px; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--muted); }
.infinite-sentinel button { padding: 10px 16px; border: 0; border-bottom: 1px solid currentColor; background: transparent; font-size: 12px; font-weight: 800; cursor: pointer; }
.infinite-sentinel button:disabled { cursor: wait; }
.loading-indicator { width: 19px; height: 19px; display: none; border: 2px solid #d6d6d6; border-top-color: var(--used); border-radius: 50%; }
.infinite-sentinel.is-loading .loading-indicator { display: inline-block; animation: inventory-spin .7s linear infinite; }
.infinite-sentinel.has-error { color: #8b3128; }
@keyframes inventory-spin { to { transform: rotate(360deg); } }
.inventory-empty { padding: 80px 25px; text-align: center; border: 1px solid var(--line); background: var(--paper); }
.inventory-empty h2 { font-size: 38px; }
.inventory-empty p { margin: 14px auto 25px; color: var(--muted); }
.inventory-remote-cta { padding: 38px 0; color: #fff; background: #183f2a; }
.inventory-remote-cta .container { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; align-items: center; }
.inventory-remote-cta .eyebrow { color: #a9d1b7; }
.inventory-remote-cta h2 { max-width: 850px; font-size: clamp(29px, 3.2vw, 44px); }
.inventory-remote-cta p { max-width: 900px; margin: 10px 0 0; color: #d5dfd9; font-size: 12px; line-height: 1.6; }
.inventory-seo-copy { padding: 72px 0; background: var(--paper); border-top: 1px solid var(--line); }
.seo-copy-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.seo-copy-grid h2 { font-size: clamp(34px, 3.4vw, 50px); }
.seo-copy-grid > p { margin: 30px 0 0; color: var(--muted); font-size: 16px; line-height: 1.8; }

.breadcrumbs { padding: 22px 0; display: flex; gap: 10px; align-items: center; color: var(--muted); font-size: 11px; }
.breadcrumbs a:hover { color: var(--ink); text-decoration: underline; }
.vdp-section { padding: 26px 0 90px; background: #fff; }
.vdp-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(380px, .8fr); gap: 60px; align-items: start; }
.vdp-media { position: relative; min-height: 430px; overflow: hidden; border-radius: 8px; background: #eee; }
.vdp-media > img { width: 100%; height: auto; aspect-ratio: 1.49 / 1; object-fit: cover; }
.vdp-summary { padding-top: 16px; }
.vdp-summary h1 { font-size: clamp(42px, 4.5vw, 66px); }
.vdp-price { display: block; font: 800 42px var(--display); letter-spacing: -.035em; }
.vdp-payment { color: var(--muted); font-size: 12px; }
.vdp-price-stack { margin: 20px 0 16px; padding: 16px 18px; border: 1px solid #cbd8e8; border-radius: 7px; background: #fbfdff; }
.vdp-price-stack div { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 11px; }
.vdp-price-stack dt, .vdp-price-stack dd { margin: 0; }
.vdp-price-stack dd { color: var(--ink); font-weight: 750; }
.vdp-price-stack .vdp-price-savings, .vdp-price-stack .vdp-price-savings dd { color: #008849; font-weight: 850; }
.vdp-price-stack .vdp-price-cash, .vdp-price-stack .vdp-price-cash dd { color: #006d3b; font-weight: 900; }
.vdp-price-stack .vdp-price-total { margin-top: 10px; padding-top: 10px; align-items: end; border-top: 1px solid #b9c9dc; color: var(--ink); font-weight: 900; }
.vdp-price-stack .vdp-price-total dd { color: #003478; font: 850 27px var(--display); letter-spacing: -.02em; }
.vdp-manufacturer-offer { margin: 0 0 20px; padding: 15px; display: grid; grid-template-columns: 42px 1fr; gap: 12px; border: 1px solid #b6d2f2; border-radius: 7px; background: linear-gradient(120deg, #f1f8ff, #e5f1ff); }
.vdp-manufacturer-offer > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0068d9; font-size: 18px; font-weight: 900; }
.vdp-manufacturer-offer small { color: #0068d9; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.vdp-manufacturer-offer h2 { margin: 3px 0 5px; color: #003478; font-size: 21px; }
.vdp-manufacturer-offer p { margin: 0; color: #4f6074; font-size: 9px; line-height: 1.5; }
.vdp-recognition-offers { margin: 0 0 20px; padding: 16px 18px; border: 1px solid #c7d7c9; border-radius: 7px; background: #f5faf5; }
.vdp-recognition-offers > small { color: #26704b; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.vdp-recognition-offers h2 { margin: 4px 0 10px; color: #194c34; font-size: 20px; }
.vdp-recognition-offers ul { margin: 0; padding: 0; list-style: none; }
.vdp-recognition-offers li { padding: 8px 0; display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #d9e5da; font-size: 10px; }
.vdp-recognition-offers li span { color: #476453; text-align: right; }
.vdp-recognition-offers p { margin: 9px 0 0; color: #607366; font-size: 9px; line-height: 1.5; }
.vdp-towing-guide { margin: -8px 0 25px; padding: 18px; display: grid; grid-template-columns: 42px 1fr; gap: 14px; border: 1px solid #bad0e8; border-radius: 7px; background: linear-gradient(120deg, #f4f9ff, #eaf3fc); }
.vdp-towing-guide > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0068d9; font-size: 18px; font-weight: 900; }
.vdp-towing-guide small { color: #0068d9; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.vdp-towing-guide h2 { margin: 3px 0 4px; color: #08346a; font-size: 22px; }
.vdp-towing-guide p { margin: 0; color: #536474; font-size: 10px; line-height: 1.5; }
.vdp-towing-guide a { margin-top: 8px; display: inline-block; color: #0068d9; font-size: 10px; font-weight: 850; }
.vdp-specs { margin: 28px 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.vdp-specs div { padding: 14px 8px 14px 0; border-bottom: 1px solid var(--line); }
.vdp-specs dt { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.vdp-specs dd { margin: 4px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.vdp-acura-equipment { border-top: 1px solid #d9dcdf; background: linear-gradient(180deg, #f5f5f5, #fff); }
.vdp-acura-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; }
.vdp-acura-heading h2 { max-width: 760px; font-size: clamp(34px, 4vw, 56px); }
.vdp-acura-heading p { max-width: 720px; margin-top: 13px; color: var(--muted); line-height: 1.65; }
.vdp-acura-highlights { margin: 30px 0 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.vdp-acura-highlights article { min-height: 105px; padding: 18px; display: grid; align-content: space-between; border-top: 3px solid #e82c2a; background: #171a1f; color: #fff; }
.vdp-acura-highlights small { color: #b9bec6; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.vdp-acura-highlights strong { margin-top: 15px; font-size: 18px; line-height: 1.25; }
.vdp-acura-matrix { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #dfe2e5; border-radius: 5px; overflow: hidden; }
.vdp-acura-matrix div { min-width: 0; padding: 13px 16px; display: flex; justify-content: space-between; gap: 20px; border-right: 1px solid #e4e6e8; border-bottom: 1px solid #e4e6e8; background: #fff; }
.vdp-acura-matrix div:nth-child(even) { border-right: 0; }
.vdp-acura-matrix dt, .vdp-acura-matrix dd { margin: 0; font-size: 11px; }
.vdp-acura-matrix dt { color: var(--muted); }
.vdp-acura-matrix dd { font-weight: 800; text-align: right; }
.vdp-acura-matrix dd.is-included { color: #087443; }
.vdp-acura-matrix dd.is-not-included { color: #9299a2; }
.vdp-acura-source { margin: 16px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.vdp-actions { display: flex; gap: 10px; }
.vdp-conversion-panel { margin-top: 18px; padding-top: 18px; border-top: 1px solid #dfe5e1; }
.vdp-action-status { margin: 0 0 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; color: #57615b; font-size: 11px; line-height: 1.45; }
.vdp-action-status > span { width: 8px; height: 8px; margin-right: 3px; flex: 0 0 auto; border-radius: 50%; background: #159352; box-shadow: 0 0 0 4px rgba(21, 147, 82, .12); }
.vdp-action-status strong { color: var(--vdp-accent-ink); font-weight: 850; }
.vdp-primary-actions { display: grid; grid-template-columns: 1fr; gap: 9px; }
.vdp-primary-actions .button, .vdp-actions > .vdp-primary-cta, .vdp-actions > .vdp-secondary-cta { width: 100%; min-height: 52px; padding-inline: 18px; border-radius: 10px; font-size: 14px; font-weight: 850; }
.vdp-primary-cta { border-color: var(--vdp-accent); color: #fff; background: var(--vdp-accent); box-shadow: 0 8px 18px color-mix(in srgb, var(--vdp-accent) 20%, transparent); }
.vdp-primary-cta:hover { border-color: var(--vdp-accent-ink); background: var(--vdp-accent-ink); }
.vdp-secondary-cta { border: 2px solid var(--vdp-accent); color: var(--vdp-accent-ink); background: #fff; }
.vdp-secondary-cta:hover { color: #fff; background: var(--vdp-accent-ink); }
.vdp-primary-cta:focus-visible, .vdp-secondary-cta:focus-visible, .vdp-mobile-action-bar > *:focus-visible { outline: 3px solid color-mix(in srgb, var(--vdp-accent) 42%, #fff); outline-offset: 3px; }
.vdp-utility-actions { margin-top: 12px; padding: 1px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #e0e5e2; }
.vdp-utility-actions > * { min-width: 0; min-height: 44px; padding: 9px 8px; display: flex; align-items: center; justify-content: center; border: 0; color: #334139; background: #fff; font: 800 12px/1.25 var(--sans); text-align: center; cursor: pointer; }
.vdp-utility-actions > *:hover, .vdp-utility-actions > *:focus-visible { color: var(--vdp-accent-ink); background: var(--vdp-accent-soft); }
.vdp-utility-actions > *:focus-visible { position: relative; z-index: 1; outline: 3px solid color-mix(in srgb, var(--vdp-accent) 38%, #fff); outline-offset: -3px; }
.vdp-action-note { margin: 10px 0 0; color: #68716b; font-size: 10px; line-height: 1.5; }
.used-vdp-conversion-panel { padding: 18px; border: 1px solid #d5e0d8; border-radius: 11px; background: linear-gradient(145deg, #fbfdfb, var(--vdp-accent-soft)); box-shadow: 0 10px 28px rgba(26, 65, 43, .055); }
.vdp-mobile-action-bar { display: none; }
.vdp-disclaimer { margin-top: 18px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.used-vdp-anchor-nav { position: sticky; z-index: 18; top: 0; border-block: 1px solid #dbe3dd; background: rgba(255, 255, 255, .96); backdrop-filter: blur(12px); }
.used-vdp-anchor-nav .container { display: flex; gap: 30px; overflow-x: auto; scrollbar-width: none; }
.used-vdp-anchor-nav a { flex: 0 0 auto; padding: 14px 0 12px; border-bottom: 3px solid transparent; color: #3d4a43; font-size: 10px; font-weight: 850; }
.used-vdp-anchor-nav a:hover { border-bottom-color: var(--vdp-accent); color: var(--vdp-accent-ink); }
.used-vdp-hero { padding-top: 42px; }
.used-vdp-section-heading { max-width: 790px; }
.used-vdp-section-heading h2 { margin-top: 7px; font-size: clamp(34px, 4vw, 56px); line-height: 1.02; }
.used-vdp-section-heading > p { max-width: 760px; margin-top: 16px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.used-vdp-overview { border-top: 1px solid #dbe3dd; background: linear-gradient(180deg, #f4f8f5, #fff); }
.used-vdp-highlight-grid { margin-top: 34px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.used-vdp-highlight-grid article { min-height: 116px; padding: 21px; display: flex; gap: 14px; align-items: flex-start; border: 1px solid #d5e0d8; border-radius: 9px; background: #fff; box-shadow: 0 10px 28px rgba(26, 65, 43, .045); }
.used-vdp-highlight-grid span { flex: 0 0 auto; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--vdp-accent); font-size: 12px; font-weight: 900; }
.used-vdp-highlight-grid strong { font-size: 13px; line-height: 1.4; }
.used-vdp-features { border-top: 1px solid #e0e4e1; background: #fff; }
.used-vdp-feature-groups { margin-top: 36px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.used-vdp-feature-groups article { padding: 24px 26px; border: 1px solid #dfe4e0; border-radius: 9px; background: #fafbfa; }
.used-vdp-feature-groups h3 { padding-bottom: 13px; border-bottom: 2px solid var(--vdp-accent); font-size: 19px; }
.used-vdp-feature-groups ul { margin: 17px 0 0; padding: 0; columns: 2; column-gap: 28px; list-style: none; }
.used-vdp-feature-groups li { position: relative; break-inside: avoid; padding: 6px 0 6px 16px; color: #465149; font-size: 11px; line-height: 1.45; }
.used-vdp-feature-groups li::before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--vdp-accent); }
.used-vdp-equipment-note { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid #e0e4e1; color: var(--muted); font-size: 10px; line-height: 1.65; }
.used-vdp-specifications { border-top: 1px solid #d8ded9; background: #f3f5f3; }
.used-vdp-spec-layout { display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); gap: 75px; align-items: start; }
.used-vdp-spec-layout .button { margin-top: 24px; }
.used-vdp-spec-list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #d8ded9; border-radius: 9px; overflow: hidden; background: #fff; }
.used-vdp-spec-list div { min-width: 0; padding: 17px 19px; border-right: 1px solid #e1e5e2; border-bottom: 1px solid #e1e5e2; }
.used-vdp-spec-list div:nth-child(even) { border-right: 0; }
.used-vdp-spec-list dt { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.used-vdp-spec-list dd { margin: 5px 0 0; font-size: 13px; font-weight: 750; overflow-wrap: anywhere; }
.new-vdp-titlebar { padding: 28px 0 25px; display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.new-vdp-titlebar .eyebrow { margin-bottom: 11px; }
.new-vdp-titlebar .eyebrow b { margin-left: 14px; padding-left: 14px; border-left: 1px solid #9bb0a2; color: var(--muted); letter-spacing: .06em; }
.new-vdp-titlebar h1 { max-width: 980px; font-size: clamp(37px, 4vw, 58px); }
.new-vdp-title-price { min-width: 285px; padding-left: 28px; display: grid; justify-items: end; border-left: 1px solid var(--line); }
.new-vdp-title-price span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.new-vdp-title-price strong { color: #003478; font: 850 35px/1.15 var(--display); letter-spacing: -.035em; }
.new-vdp-title-price small { color: #58705f; font-size: 9px; font-weight: 750; }
.new-vdp-anchor-nav { position: sticky; z-index: 80; top: 79px; border-block: 1px solid #d4dce4; color: #fff; background: #122a44; box-shadow: 0 6px 16px rgba(20, 35, 52, .1); }
.new-vdp-anchor-nav .container { min-height: 54px; display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; }
.new-vdp-anchor-nav .container::-webkit-scrollbar { display: none; }
.new-vdp-anchor-nav a { min-width: max-content; padding: 0 clamp(15px, 2vw, 29px); display: flex; align-items: center; border-right: 1px solid rgba(255,255,255,.14); font-size: 11px; font-weight: 800; letter-spacing: .02em; transition: background .2s; }
.new-vdp-anchor-nav a:first-child { border-left: 1px solid rgba(255,255,255,.14); }
.new-vdp-anchor-nav a:hover, .new-vdp-anchor-nav a:focus-visible { background: #1c436c; }
.new-vdp-anchor-nav a span { margin-left: 5px; color: #b9cadb; font-size: 9px; }
.new-vdp-hero { padding-top: 34px; padding-bottom: 70px; background: #fff; }
.new-vdp-hero .vdp-grid { grid-template-columns: minmax(0, 1.35fr) minmax(370px, .65fr); gap: 34px; }
.new-vdp-gallery { min-width: 0; scroll-margin-top: 150px; }
.new-vdp-gallery .vdp-media { min-height: 0; border: 1px solid #e0e3e5; border-radius: 12px; background: #f0efed; }
.new-vdp-gallery .vdp-media > img { aspect-ratio: 1.48 / 1; transition: opacity .15s ease; }
.new-vdp-gallery-arrow { position: absolute; z-index: 3; top: 50%; width: 44px; height: 44px; border: 1px solid rgba(23,25,28,.16); border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 5px 18px rgba(0,0,0,.1); font-size: 30px; line-height: 1; cursor: pointer; transform: translateY(-50%); }
.new-vdp-gallery-arrow:hover { background: #fff; }
.new-vdp-gallery-arrow.is-previous { left: 16px; }
.new-vdp-gallery-arrow.is-next { right: 16px; }
.new-vdp-photo-count { position: absolute; right: 14px; bottom: 14px; padding: 7px 10px; border-radius: 99px; color: #fff; background: rgba(17, 23, 29, .82); backdrop-filter: blur(7px); font-size: 10px; font-weight: 750; }
.new-vdp-thumbnails { margin-top: 10px; padding-bottom: 4px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: thin; }
.new-vdp-thumbnails button { flex: 0 0 112px; height: 73px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 6px; background: #eee; cursor: pointer; opacity: .6; }
.new-vdp-thumbnails button:hover, .new-vdp-thumbnails button.is-active { border-color: #174e86; opacity: 1; }
.new-vdp-thumbnails img { width: 100%; height: 100%; object-fit: cover; }
.new-vdp-price-card { position: sticky; top: 155px; padding: 26px; scroll-margin-top: 150px; border: 1px solid #cfd8e1; border-radius: 12px; background: #fff; box-shadow: 0 16px 38px rgba(23, 39, 56, .08); }
.new-vdp-price-vehicle { padding-bottom: 17px; border-bottom: 1px solid #dce4ec; }
.new-vdp-price-vehicle > span { display: inline-flex; padding: 5px 8px; border-radius: 3px; color: #fff; background: var(--vdp-accent); font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.new-vdp-price-vehicle h2 { margin-top: 11px; color: var(--vdp-accent-ink); font-size: clamp(25px, 2.2vw, 34px); line-height: 1.08; }
.new-vdp-price-card .vdp-price-stack { padding: 17px; border-color: #c8d7e8; background: #f6faff; }
.new-vdp-price-card .pricing-stack > div { font-size: 11px; }
.new-vdp-price-card .pricing-stack .pricing-total dd { font-size: 28px; }
.new-vdp-price-card .vdp-actions { display: grid; grid-template-columns: 1fr; }
.new-vdp-reference-list { margin: 18px 0 0; padding-top: 12px; border-top: 1px solid #e2e5e7; }
.new-vdp-reference-list div { padding: 3px 0; display: flex; justify-content: space-between; gap: 15px; font-size: 9px; }
.new-vdp-reference-list dt, .new-vdp-reference-list dd { margin: 0; }
.new-vdp-reference-list dt { color: var(--muted); }
.new-vdp-reference-list dd { font-weight: 750; overflow-wrap: anywhere; text-align: right; }
.vehicle-detail-page { --vdp-accent: #165c3d; --vdp-accent-soft: #e6f0ea; --vdp-accent-ink: #0f432c; }
.vdp-theme-ford { --vdp-accent: #0d4ea6; --vdp-accent-soft: #e8f0fb; --vdp-accent-ink: #073773; }
.vdp-theme-acura { --vdp-accent: #111317; --vdp-accent-soft: #e8e9ea; --vdp-accent-ink: #050607; }
.vdp-theme-used { --vdp-accent: #165c3d; --vdp-accent-soft: #e6f0ea; --vdp-accent-ink: #0f432c; }
.new-vdp-highlights { padding-block: 44px; scroll-margin-top: 130px; border-top: 1px solid #e1e3e5; color: #071a36; background: #fbfbfa; }
.new-vdp-highlight-intro .eyebrow { margin-bottom: 9px; color: var(--vdp-accent); }
.new-vdp-highlight-intro h2 { max-width: 980px; color: #071a36; font-size: clamp(33px, 3.5vw, 49px); line-height: 1; letter-spacing: -.04em; }
.new-vdp-highlight-intro > p { margin: 11px 0 0; color: #606872; font-size: 13px; }
.new-vdp-quick-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.new-vdp-quick-grid article, .new-vdp-packages article { min-width: 0; min-height: 58px; padding: 11px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid #d8dcdf; border-radius: 7px; background: #fff; box-shadow: 0 4px 10px rgba(20, 28, 35, .02); }
.new-vdp-quick-grid strong, .new-vdp-packages strong { min-width: 0; color: #071a36; font: 800 11px/1.25 var(--display); overflow-wrap: anywhere; }
.new-vdp-line-icon { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; color: var(--vdp-accent-ink); }
.new-vdp-line-icon svg, .new-vdp-round-icon svg, .new-vdp-coverage-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.new-vdp-feature-row { margin-top: 16px; display: grid; grid-template-columns: minmax(310px, .82fr) minmax(0, 1.18fr); gap: 14px; }
.new-vdp-performance-card, .new-vdp-top-features { min-height: 132px; padding: 20px 23px; border: 1px solid #d5dadd; border-radius: 8px; background: #fff; box-shadow: 0 5px 14px rgba(20, 28, 35, .035); }
.new-vdp-performance-card { display: flex; align-items: center; gap: 17px; }
.new-vdp-round-icon { width: 62px; height: 62px; padding: 14px; display: grid; place-items: center; flex: 0 0 auto; color: var(--vdp-accent); border: 1.5px solid currentColor; border-radius: 50%; }
.new-vdp-performance-card p, .new-vdp-performance-card strong, .new-vdp-performance-card small { display: block; margin: 0; }
.new-vdp-performance-card small, .new-vdp-top-features h3, .new-vdp-packages h3, .new-vdp-coverage-card small { color: var(--vdp-accent); font: 850 11px var(--display); }
.new-vdp-performance-card strong { margin-top: 5px; color: #071a36; font: 850 clamp(19px, 2vw, 28px)/1.12 var(--display); letter-spacing: -.03em; }
.new-vdp-top-features h3, .new-vdp-packages h3 { margin: 0 0 9px; }
.new-vdp-top-features > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.new-vdp-top-features article { min-width: 0; min-height: 70px; padding: 2px 19px; display: flex; align-items: center; gap: 14px; border-left: 1px solid #dadddf; }
.new-vdp-top-features article:first-child { padding-left: 0; border-left: 0; }
.new-vdp-top-features .new-vdp-round-icon { width: 48px; height: 48px; padding: 10px; }
.new-vdp-top-features strong { color: #071a36; font: 800 12px/1.25 var(--display); overflow-wrap: anywhere; }
.new-vdp-packages { margin-top: 17px; }
.new-vdp-packages > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.new-vdp-packages .new-vdp-line-icon { width: 34px; height: 34px; padding: 7px; color: var(--vdp-accent); border: 1.5px solid currentColor; border-radius: 50%; }
.new-vdp-packages.is-sticker-pending > div { grid-template-columns: minmax(0, 1fr); }
.new-vdp-packages.is-sticker-pending article { justify-content: flex-start; }
.new-vdp-packages.is-sticker-pending p, .new-vdp-packages.is-sticker-pending strong { margin: 0; display: block; }
.new-vdp-packages.is-sticker-pending a { display: inline-block; margin-top: 4px; color: var(--vdp-accent); font-size: 10px; font-weight: 800; }
.new-vdp-coverage-card { min-height: 84px; margin-top: 17px; padding: 13px 24px; display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 17px; align-items: center; border: 1px solid color-mix(in srgb, var(--vdp-accent) 35%, #d8dcdf); border-radius: 8px; background: #fff; box-shadow: 0 5px 13px rgba(20, 28, 35, .025); }
.new-vdp-coverage-icon { width: 52px; height: 52px; display: grid; place-items: center; color: var(--vdp-accent); }
.new-vdp-coverage-card p, .new-vdp-coverage-card strong, .new-vdp-coverage-card small { display: block; margin: 0; }
.new-vdp-coverage-card strong { margin-top: 3px; color: #071a36; font: 850 clamp(20px, 2.4vw, 29px)/1 var(--display); }
.new-vdp-coverage-card > a { min-height: 38px; padding-left: 24px; display: flex; align-items: center; gap: 9px; border-left: 1px solid #dadddf; color: #071a36; font-size: 10px; font-weight: 850; white-space: nowrap; }
.new-vdp-coverage-card > a span { font-size: 17px; }
.new-vdp-highlights .vdp-towing-guide { max-width: 720px; margin: 17px 0 0; }
.new-vdp-financing { scroll-margin-top: 130px; color: #fff; background: #142231; }
.new-vdp-financing-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(430px, 1.15fr); gap: 80px; align-items: start; }
.new-vdp-finance-copy .eyebrow { color: #adc5dc; }
.new-vdp-finance-copy h2 { max-width: 670px; }
.new-vdp-finance-copy > p { max-width: 650px; margin: 18px 0 0; color: #b9c4cd; font-size: 13px; line-height: 1.7; }
.new-vdp-finance-copy .vdp-recognition-offers { margin: 28px 0 0; color: var(--ink); }
.new-vdp-finance-copy .vdp-recognition-offers h3 { margin: 4px 0 10px; color: #194c34; font-size: 18px; }
.new-vdp-inquiry { margin: 0; padding: 28px; color: var(--ink); background: #fff; }
.new-vdp-inquiry .eyebrow { margin-bottom: 8px; color: #0d4ea6; }
.new-vdp-inquiry h3 { margin: 0; font-size: 25px; }
.new-vdp-inquiry form { margin-top: 20px; }
.new-vdp-finance-brand { width: 174px; height: auto; margin: 0 0 17px; filter: invert(1); opacity: .94; object-fit: contain; object-position: left center; }
.new-vdp-financing.is-acura-financing { padding-block: 38px; background: linear-gradient(115deg, #11151a, #262c33); }
.is-acura-financing .new-vdp-financing-grid { grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); gap: 42px; align-items: center; }
.is-acura-financing .new-vdp-finance-copy h2 { max-width: 520px; font-size: clamp(29px, 3vw, 42px); line-height: 1.05; }
.is-acura-financing .new-vdp-finance-copy > p { margin-top: 11px; font-size: 11px; line-height: 1.55; }
.is-acura-financing .new-vdp-inquiry { padding: 19px 21px; }
.is-acura-financing .new-vdp-inquiry h3 { font-size: 20px; }
.is-acura-financing .new-vdp-inquiry form { margin-top: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.is-acura-financing .new-vdp-inquiry input, .is-acura-financing .new-vdp-inquiry textarea { padding: 8px 9px; }
.is-acura-financing .new-vdp-inquiry-message, .is-acura-financing .new-vdp-inquiry form > p, .is-acura-financing .new-vdp-inquiry form > button { grid-column: 1 / -1; }
.is-acura-financing .new-vdp-inquiry form > button { min-height: 40px; }
#vehicle-info, #vehicle-warranty, #why-butler { scroll-margin-top: 145px; }
.vdp-factory-section { border-top: 4px solid var(--vdp-accent); background: linear-gradient(180deg, var(--vdp-accent-soft), #fff); }
.vdp-factory-heading { display: grid; grid-template-columns: 1fr minmax(310px, .55fr); gap: 60px; align-items: end; }
.vdp-factory-heading h2 { max-width: 760px; font-size: clamp(34px, 4vw, 56px); }
.vdp-factory-heading p { max-width: 700px; margin-top: 14px; color: var(--muted); line-height: 1.65; }
.vdp-factory-heading dl { margin: 0; padding: 18px 20px; border: 1px solid #bed0e4; border-radius: 7px; background: #fff; }
.vdp-factory-heading dl div { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 11px; }
.vdp-factory-heading dt, .vdp-factory-heading dd { margin: 0; }
.vdp-factory-heading dd { color: var(--ink); font-weight: 800; }
.vdp-factory-heading .vdp-sticker-total { margin-top: 9px; padding-top: 9px; border-top: 1px solid #cbd8e8; color: #003478; font-weight: 900; }
.vdp-factory-heading .vdp-sticker-total dd { color: #003478; font-size: 19px; }
.vdp-vehicle-information { margin-top: 32px; }
.vdp-vehicle-information h3 { margin: 0 0 14px; font-size: 24px; }
.vdp-vehicle-information dl { margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #cbd8e8; border-left: 1px solid #cbd8e8; background: #fff; }
.vdp-vehicle-information dl div { min-width: 0; padding: 13px 15px; border-right: 1px solid #cbd8e8; border-bottom: 1px solid #cbd8e8; }
.vdp-vehicle-information dt, .vdp-vehicle-information dd { margin: 0; }
.vdp-vehicle-information dt { color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.vdp-vehicle-information dd { margin-top: 5px; color: var(--ink); font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.vdp-factory-highlights { margin-top: 28px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.vdp-factory-highlights article { min-height: 135px; padding: 18px; border: 1px solid #c5d7ea; border-radius: 7px; background: #fff; }
.vdp-factory-highlights small { color: #0068d9; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.vdp-factory-highlights h3 { margin-top: 7px; font-size: 18px; line-height: 1.2; }
.vdp-factory-highlights strong { display: block; margin-top: 13px; color: #0068d9; font-size: 13px; }
.vdp-option-list { margin-top: 38px; }
.vdp-option-list > h3 { font-size: 24px; }
.vdp-option-list > div { margin-top: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; border-top: 1px solid #dce4ec; }
.vdp-option-list article { padding: 13px 0; border-bottom: 1px solid #dce4ec; }
.vdp-option-list article > p { margin: 0; display: flex; justify-content: space-between; gap: 20px; font-size: 12px; }
.vdp-option-list article > p span { flex: 0 0 auto; color: #0068d9; font-weight: 800; }
.vdp-option-list ul { margin: 8px 0 0; padding-left: 18px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.vdp-sticker-source { margin-top: 28px; padding-top: 18px; display: flex; justify-content: space-between; gap: 30px; align-items: center; border-top: 1px solid #cbd8e8; }
.vdp-sticker-source p { max-width: 760px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.vdp-warranty-section { position: relative; overflow: hidden; border-top: 1px solid #d7dfd9; background: #f4f7f4; }
.vdp-warranty-section::after { content: ""; position: absolute; width: 420px; height: 420px; top: -270px; right: -120px; border: 85px solid rgba(31, 92, 61, .055); border-radius: 50%; pointer-events: none; }
.vdp-retail-heading { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 50px; }
.vdp-retail-heading h2 { max-width: 780px; font-size: clamp(36px, 4.3vw, 60px); }
.vdp-retail-heading p { max-width: 720px; margin-top: 15px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.vdp-shield-mark { flex: 0 0 auto; width: 82px; height: 92px; display: grid; place-items: center; clip-path: polygon(50% 0, 92% 16%, 86% 70%, 50% 100%, 14% 70%, 8% 16%); color: #fff; background: #1f5c3d; font: 900 30px var(--display); }
.vdp-warranty-grid { position: relative; z-index: 1; margin-top: 36px; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.vdp-warranty-grid article { min-height: 205px; padding: 24px 22px; border: 1px solid #d6dfd8; border-radius: 8px; background: #fff; box-shadow: 0 10px 25px rgba(24, 48, 34, .04); }
.vdp-warranty-grid strong { display: block; color: #1f5c3d; font: 850 23px/1.1 var(--display); letter-spacing: -.025em; }
.vdp-warranty-grid h3 { margin-top: 28px; font-size: 17px; }
.vdp-warranty-grid p { margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.vdp-warranty-note { margin-top: 20px; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid #d0dbd2; }
.vdp-warranty-note p { max-width: 810px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.vdp-warranty-note a { flex: 0 0 auto; color: #1f5c3d; font-size: 10px; font-weight: 850; }
.vdp-why-buy { padding-block: 92px; color: #fff; background: #12171c; }
.vdp-why-buy-shell { display: grid; grid-template-columns: minmax(270px, .7fr) minmax(0, 1.3fr); gap: 70px; }
.vdp-why-buy .eyebrow { color: #a8c7b4; }
.vdp-why-buy-intro h2 { max-width: 510px; font-size: clamp(38px, 4vw, 58px); }
.vdp-why-buy-intro > p { max-width: 520px; margin-top: 20px; color: #b8c0c5; font-size: 14px; line-height: 1.75; }
.vdp-why-buy-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.vdp-why-buy .button-dark { border-color: #fff; color: #12171c; background: #fff; }
.vdp-why-buy .button-light { border-color: #48525a; color: #fff; background: transparent; }
.vdp-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.vdp-proof-card { min-width: 0; min-height: 285px; padding: 24px 21px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #333d45; border-radius: 8px; background: #1a2127; transition: transform .2s, border-color .2s; }
.vdp-proof-rating:hover, .vdp-proof-award:hover { transform: translateY(-3px); border-color: #74838e; }
.vdp-proof-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; color: #101519; background: #d6b35d; font: 900 14px var(--display); }
.vdp-proof-card small { margin-top: 32px; color: #8fa09a; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.vdp-proof-card > strong { margin-top: 6px; color: #fff; font: 850 43px/1 var(--display); letter-spacing: -.04em; }
.vdp-proof-card > strong span { color: #9aa4aa; font-size: 14px; letter-spacing: 0; }
.vdp-proof-card h3 { margin-top: 8px; color: #fff; font-size: 21px; line-height: 1.2; }
.vdp-proof-card p { margin-top: 12px; color: #aeb7bc; font-size: 11px; line-height: 1.65; }
.vdp-proof-card b { margin-top: auto; padding-top: 15px; color: #fff; font-size: 10px; }
.vdp-store-footer { grid-column: 1 / -1; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid #333d45; }
.vdp-store-footer strong, .vdp-store-footer span { display: block; }
.vdp-store-footer strong { font-size: 14px; }
.vdp-store-footer div > span { margin-top: 4px; color: #98a3a9; font-size: 10px; }
.vdp-store-footer > a { color: #fff; font-size: 11px; font-weight: 850; }
.related-section { background: var(--paper); }
.not-found-main { min-height: 62vh; padding: 100px 0; display: grid; align-items: center; text-align: center; }
.not-found-main h1 { margin-inline: auto; }
.not-found-main p { color: var(--muted); }
.not-found-main > .container > div { display: flex; justify-content: center; gap: 10px; }

@media (max-width: 1180px) {
    .inventory-filter-form { grid-template-columns: 2fr repeat(2, 1fr); }
    .inventory-filter-form.inventory-filter-form-all { grid-template-columns: 2fr repeat(2, 1fr); }
    .inventory-filter-form .button { align-self: end; }
    .inventory-grid-full { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .vdp-grid { gap: 38px; }
    .new-vdp-hero .vdp-grid { grid-template-columns: minmax(0, 1fr) minmax(350px, .72fr); gap: 24px; }
    .new-vdp-feature-row { grid-template-columns: minmax(290px, .75fr) minmax(0, 1.25fr); }
}

@media (max-width: 900px) {
    .inventory-hero-grid, .seo-copy-grid, .vdp-grid { grid-template-columns: 1fr; }
    .inventory-count { width: fit-content; }
    .inventory-filter-form { margin-top: -64px; grid-template-columns: 1fr 1fr; }
    .inventory-filter-form.inventory-filter-form-all { grid-template-columns: 1fr 1fr; }
    .inventory-query { grid-column: 1 / -1; }
    .inventory-grid-full { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .seo-copy-grid { gap: 15px; }
    .vdp-media { min-height: 0; }
    .vdp-factory-heading { grid-template-columns: 1fr; gap: 24px; }
    .vdp-factory-highlights { grid-template-columns: 1fr 1fr; }
    .vdp-acura-highlights { grid-template-columns: repeat(2, 1fr); }
    .vdp-warranty-grid { grid-template-columns: 1fr 1fr; }
    .vdp-why-buy-shell { grid-template-columns: 1fr; gap: 42px; }
    .used-vdp-highlight-grid { grid-template-columns: repeat(2, 1fr); }
    .used-vdp-spec-layout { grid-template-columns: 1fr; gap: 35px; }
    .new-vdp-titlebar { align-items: flex-start; }
    .new-vdp-title-price { min-width: 250px; }
    .new-vdp-hero .vdp-grid, .new-vdp-financing-grid { grid-template-columns: 1fr; }
    .is-acura-financing .new-vdp-financing-grid { grid-template-columns: 1fr; gap: 25px; }
    .new-vdp-price-card { position: static; }
    .new-vdp-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .new-vdp-feature-row { grid-template-columns: 1fr; }
    .new-vdp-packages > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .new-vdp-packages.is-sticker-pending > div { grid-template-columns: minmax(0, 1fr); }
    .vdp-vehicle-information dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .new-vdp-coverage-card { grid-template-columns: 72px minmax(0, 1fr); }
    .new-vdp-coverage-card > a { grid-column: 1 / -1; padding: 16px 0 0; border-top: 1px solid #dadddf; border-left: 0; }
}

@media (max-width: 600px) {
    .vehicle-detail-page { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
    .vdp-mobile-action-bar { position: fixed; z-index: 95; right: 0; bottom: 0; left: 0; min-height: 68px; padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: minmax(82px, .42fr) minmax(0, 1.58fr); gap: 9px; border-top: 1px solid #cfd7d2; background: rgba(255, 255, 255, .97); box-shadow: 0 -10px 30px rgba(17, 31, 23, .14); backdrop-filter: blur(14px); }
    .vdp-mobile-action-bar > * { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 13px; font-weight: 850; cursor: pointer; }
    .vdp-mobile-call { border: 1.5px solid var(--vdp-accent); color: var(--vdp-accent-ink); background: #fff; }
    .vdp-mobile-primary { border: 1.5px solid var(--vdp-accent); color: #fff; background: var(--vdp-accent); box-shadow: 0 6px 16px color-mix(in srgb, var(--vdp-accent) 20%, transparent); }
    .inventory-hero { padding: 56px 0 88px; }
    .inventory-filter-form, .inventory-grid-full { grid-template-columns: 1fr; }
    .inventory-filter-form.inventory-filter-form-all { grid-template-columns: 1fr; }
    .vdp-acura-heading { align-items: flex-start; flex-direction: column; }
    .vdp-acura-matrix { grid-template-columns: 1fr; }
    .vdp-acura-matrix div, .vdp-acura-matrix div:nth-child(even) { border-right: 0; }
    .inventory-query { grid-column: auto; }
    .results-toolbar { align-items: flex-start; flex-direction: column; }
    .pagination { gap: 10px; }
    .pagination a { padding: 9px; }
    .seo-copy-grid { gap: 5px; }
    .vdp-section { padding-bottom: 65px; }
    .vdp-actions { flex-direction: column; }
    .vdp-utility-actions { grid-template-columns: 1fr; }
    .shopper-dialog { width: calc(100% - 18px); max-height: calc(100vh - 18px); }
    .shopper-dialog-shell { padding: 27px 19px 22px; }
    .shopper-dialog-heading { padding-right: 34px; }
    .shopper-lead-form, .shopper-lead-schedule, .payment-calculator-grid, .payment-calculator-fields { grid-template-columns: 1fr; }
    .shopper-lead-form > *, .shopper-lead-schedule { grid-column: 1; }
    .payment-calculator-actions { display: grid; }
    .used-vdp-anchor-nav .container { gap: 22px; }
    .used-vdp-highlight-grid, .used-vdp-feature-groups { grid-template-columns: 1fr; }
    .used-vdp-feature-groups ul { columns: 1; }
    .vdp-specs { margin-block: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vdp-specs div { min-width: 0; padding: 11px 8px 11px 0; }
    .vdp-specs dd { font-size: 12px; line-height: 1.35; }
    .used-vdp-spec-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .used-vdp-spec-list div { padding: 13px 12px; }
    .used-vdp-spec-list dt { font-size: 8px; }
    .used-vdp-spec-list dd { margin-top: 4px; font-size: 12px; line-height: 1.35; }
    .vdp-factory-highlights, .vdp-option-list > div { grid-template-columns: 1fr; }
    .vdp-vehicle-information dl { grid-template-columns: 1fr; }
    .vdp-acura-highlights { grid-template-columns: 1fr; }
    .vdp-sticker-source { align-items: stretch; flex-direction: column; }
    .vdp-recognition-offers li { align-items: flex-start; flex-direction: column; gap: 3px; }
    .vdp-recognition-offers li span { text-align: left; }
    .vdp-retail-heading { flex-direction: column; gap: 25px; }
    .vdp-shield-mark { width: 62px; height: 70px; }
    .vdp-warranty-grid, .vdp-proof-grid { grid-template-columns: 1fr; }
    .vdp-warranty-grid article, .vdp-proof-card { min-height: 0; }
    .vdp-warranty-note, .vdp-store-footer { align-items: flex-start; flex-direction: column; }
    .vdp-why-buy { padding-block: 68px; }
    .new-vdp-titlebar { padding-block: 22px; flex-direction: column; gap: 20px; }
    .new-vdp-titlebar .eyebrow b { display: block; margin: 8px 0 0; padding: 0; border: 0; }
    .new-vdp-title-price { width: 100%; min-width: 0; padding: 13px 0 0; align-items: start; justify-items: start; border: 0; border-top: 1px solid var(--line); }
    .new-vdp-title-price strong { font-size: 31px; }
    .new-vdp-anchor-nav { top: 64px; }
    .new-vdp-anchor-nav .container { width: 100%; padding-inline: 17px; }
    .new-vdp-hero { padding-top: 22px; }
    .new-vdp-gallery-arrow { width: 38px; height: 38px; }
    .new-vdp-thumbnails button { flex-basis: 88px; height: 58px; }
    .new-vdp-price-card { padding: 21px 18px; }
    .new-vdp-highlights { padding-block: 34px; }
    .new-vdp-highlight-intro h2 { font-size: 31px; }
    .new-vdp-highlight-intro > p { font-size: 12px; }
    .new-vdp-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .new-vdp-quick-grid article { min-height: 54px; padding: 9px 10px; gap: 8px; }
    .new-vdp-quick-grid .new-vdp-line-icon { width: 26px; height: 26px; }
    .new-vdp-quick-grid strong { font-size: 10px; line-height: 1.3; }
    .new-vdp-packages > div { grid-template-columns: 1fr; }
    .new-vdp-feature-row { gap: 15px; }
    .new-vdp-performance-card, .new-vdp-top-features { min-height: 0; padding: 17px 16px; }
    .new-vdp-performance-card { align-items: flex-start; }
    .new-vdp-round-icon { width: 54px; height: 54px; padding: 12px; }
    .new-vdp-performance-card strong { font-size: 20px; }
    .new-vdp-top-features > div { grid-template-columns: 1fr; }
    .new-vdp-top-features article, .new-vdp-top-features article:first-child { min-height: 66px; padding: 8px 0; border-top: 1px solid #dadddf; border-left: 0; }
    .new-vdp-top-features article:first-child { border-top: 0; }
    .new-vdp-coverage-card { padding: 15px 16px; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; }
    .new-vdp-coverage-icon { width: 46px; height: 46px; }
    .new-vdp-coverage-card strong { font-size: 21px; line-height: 1.15; }
    .new-vdp-coverage-card > a { white-space: normal; }
    .new-vdp-financing-grid { gap: 40px; }
    .new-vdp-financing.is-acura-financing { padding-block: 30px; }
    .is-acura-financing .new-vdp-inquiry form { grid-template-columns: 1fr; }
    .new-vdp-inquiry form { grid-template-columns: 1fr; }
    .new-vdp-inquiry form > * { grid-column: 1 / -1; }
}

/* Keep the used inventory variant aligned after its legacy theme rules. */
.inventory-page.inventory-page-used .inventory-hero { padding: 38px 0 30px; color: var(--ink); border-bottom: 1px solid #d8dce1; background: #fff; }
.inventory-page.inventory-page-used .inventory-hero h1 { max-width: 860px; font-size: clamp(32px, 4vw, 50px); }
.inventory-page.inventory-page-used .inventory-hero p { margin-top: 12px; color: #606770; }
.inventory-page.inventory-page-used .inventory-results-section { padding: 24px 0 80px; background: #f0f2f5; }
.used-local-market-section { padding: 88px 0 94px; border-top: 1px solid #d8dce1; background: #fff; }
.used-local-market-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 520px); align-items: end; gap: 60px; }
.used-local-market-intro h2 { max-width: 760px; margin-top: 10px; font-size: clamp(36px, 4vw, 58px); line-height: 1.02; letter-spacing: -.045em; }
.used-local-market-intro > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.used-local-market-grid { margin-top: 36px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.used-local-market-card { padding: 28px; border: 1px solid #d9ddd9; border-radius: 8px; background: #f8f9f8; }
.used-local-market-card > span { color: var(--used); font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.used-local-market-card h3 { margin: 9px 0 18px; font-size: 29px; letter-spacing: -.035em; }
.used-local-market-card nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; border-top: 1px solid #d9ddd9; }
.used-local-market-card a { min-height: 52px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #d9ddd9; color: #26312b; font-size: 11px; font-weight: 800; line-height: 1.35; }
.used-local-market-card a:hover { color: var(--used); }

@media (max-width: 600px) {
    .inventory-page.inventory-page-used .inventory-hero { padding: 28px 0 25px; }
    .used-local-market-section { padding: 68px 0 72px; }
    .used-local-market-intro, .used-local-market-grid { grid-template-columns: 1fr; }
    .used-local-market-intro { gap: 18px; }
    .used-local-market-card { padding: 23px 20px; }
    .used-local-market-card nav { grid-template-columns: 1fr; }
}

/* Facebook Marketplace reference: dense photos with a simple text caption. */
.inventory-page .inventory-grid-full,
.inventory-page .inventory-grid-used { gap: 6px; }
.inventory-page .vehicle-card-marketplace,
.inventory-page .vehicle-card-marketplace:hover { border: 0; border-radius: 0; box-shadow: none; transform: none; }
.inventory-page .vehicle-card-marketplace .vehicle-media { aspect-ratio: 1 / 1; background: #e4e6eb; }
.inventory-page .vehicle-card-marketplace .vehicle-body { padding: 7px 10px 12px; }
.marketplace-card-titleline { margin: 0; overflow: hidden; font: 600 15px/1.3 var(--sans); letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-card-titleline strong { font-weight: 800; }
.marketplace-card-subline { margin: 3px 0 0; overflow: hidden; color: #65676b; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.inventory-page .vehicle-card-marketplace .vehicle-label { top: 8px; left: 8px; padding: 4px 7px; border-radius: 4px; background: rgba(255, 255, 255, .94); color: var(--ink); letter-spacing: 0; text-transform: none; }

@media (max-width: 600px) {
    .inventory-remote-cta .container { grid-template-columns: 1fr; gap: 22px; }
    .inventory-page .inventory-hero p,
    .inventory-page .inventory-count { display: none; }
    .inventory-page .inventory-hero,
    .inventory-page.inventory-page-used .inventory-hero { padding: 20px 0 16px; }
    .inventory-page .inventory-hero h1,
    .inventory-page.inventory-page-used .inventory-hero h1 { font-size: 29px; }
    .inventory-page .inventory-results-section > .container { width: 100%; }
    .inventory-page .inventory-grid-full,
    .inventory-page .inventory-grid-used { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
    .inventory-page .results-toolbar { padding: 14px 14px 10px; flex-direction: row; align-items: center; }
    .inventory-page .results-toolbar .eyebrow,
    .inventory-page .results-toolbar > p { display: none; }
    .inventory-page .results-toolbar h2,
    .inventory-page .results-toolbar.used-results-toolbar h2 { font-size: 20px; }
    .inventory-page-used .used-discovery-panel { padding: 12px 14px 10px; border: 0; border-bottom: 1px solid #d8dce1; border-radius: 0; box-shadow: none; }
    .inventory-page-used .used-search-row > label { display: none; }
    .inventory-page-used .used-search-control { min-height: 44px; grid-template-columns: 21px minmax(0, 1fr) auto; }
    .inventory-page-used .used-search-control .button { width: auto; min-height: 36px; padding-inline: 14px; grid-column: auto; }
    .inventory-page-used .used-body-heading { margin-top: 14px; }
    .inventory-page-used .used-body-heading p { display: none; }
    .inventory-page-used .used-body-styles { flex-wrap: nowrap; overflow-x: auto; }
    .inventory-page-used .used-body-style { flex: 0 0 auto; padding: 8px 14px; }
    .inventory-page-used .used-quick-filters { display: none; }
    .inventory-page-used .used-sidebar { display: none; }
    .inventory-page-used .used-results-layout { margin-top: 0; gap: 0; }
    .inventory-page:not(.inventory-page-used) .inventory-filter-form { margin: 0; padding: 10px 14px; display: flex; align-items: end; overflow-x: auto; border: 0; border-bottom: 1px solid #d8dce1; border-radius: 0; box-shadow: none; }
    .inventory-page:not(.inventory-page-used) .inventory-filter-form label { min-width: 145px; }
    .inventory-page:not(.inventory-page-used) .inventory-filter-form .inventory-query { min-width: 235px; }
    .inventory-page:not(.inventory-page-used) .inventory-filter-actions { min-width: 132px; }
    .inventory-page .vehicle-card-marketplace .vehicle-body { padding: 7px 8px 11px; }
    .marketplace-card-titleline { font-size: 14px; }
    .marketplace-card-subline { font-size: 10px; }
}

/* Desktop keeps the established roomy card presentation. */
.marketplace-card-mobile-summary { display: none; }
.marketplace-card-desktop-summary { display: block; }

@media (min-width: 601px) {
    .inventory-page .inventory-grid-full,
    .inventory-page .inventory-grid-used { gap: 18px; }
    .inventory-page .vehicle-card-marketplace { border: 1px solid #d8dce1; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
    .inventory-page .vehicle-card-marketplace:hover { border-color: #b8bec6; box-shadow: 0 8px 24px rgba(0, 0, 0, .1); transform: translateY(-2px); }
    .inventory-page .vehicle-card-marketplace .vehicle-media { aspect-ratio: 16 / 10; }
    .inventory-page .vehicle-card-marketplace .vehicle-body { padding: 16px 17px 18px; }
    .inventory-page .vehicle-card-marketplace .vehicle-label { top: 12px; left: 12px; padding: 5px 8px; border-radius: 3px; color: #fff; background: var(--ink); letter-spacing: .12em; text-transform: uppercase; }
    .inventory-page .vehicle-card-marketplace .vehicle-label.label-used { background: var(--used); }
}

@media (max-width: 600px) {
    .marketplace-card-mobile-summary { display: block; }
    .marketplace-card-desktop-summary { display: none; }
}