:root {
    --acura-red: #e2231a;
    --acura-red-dark: #b71912;
    --acura-red-soft: #fff0ee;
    --acura-ink: #15181d;
    --acura-soft: #f4f5f7;
    --acura-line: #d9dde2;
    --acura-muted: #606874;
}

.new-acura-page { background: #fff; }
.new-acura-page .container { width: min(1440px, calc(100vw - 64px)); }
.new-acura-page .nav-acura::after { transform: scaleX(1); background: var(--acura-red); }
.acura-main { overflow: hidden; color: var(--acura-ink); }
.acura-main h1, .acura-main h2, .acura-main h3 { letter-spacing: -.045em; }
.acura-section { padding: 86px 0; }
.acura-button { min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 3px; font-size: 13px; font-weight: 750; cursor: pointer; transition: .2s ease; }
.acura-button:hover { transform: translateY(-2px); }
.acura-button-primary { background: var(--acura-red); color: #fff; }
.acura-button-primary:hover { background: var(--acura-red-dark); }
.acura-button-light { background: #fff; border-color: #fff; color: var(--acura-ink); }
.acura-button-outline { background: #fff; border-color: #aeb5bd; }
.acura-heading { margin-bottom: 30px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.acura-heading > div > span, .acura-knowledge-intro > span, .acura-payment > span { display: block; margin-bottom: 8px; color: var(--acura-red); font-size: 11px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.acura-heading h2, .acura-knowledge h2, .acura-tools h2, .acura-visit h2 { font-size: clamp(35px, 3.4vw, 54px); line-height: 1; }
.acura-heading p { margin: 8px 0 0; color: var(--acura-muted); font-size: 14px; }
.acura-heading > a { padding-bottom: 3px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 750; }

.acura-hero { position: relative; min-height: 780px; display: grid; color: #fff; background: #121720; isolation: isolate; }
.acura-hero-photo, .acura-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.acura-hero-photo { z-index: -2; object-fit: cover; object-position: center 52%; }
.acura-hero-shade { z-index: -1; background: linear-gradient(90deg, rgba(8,11,15,.92) 0%, rgba(8,11,15,.77) 34%, rgba(8,11,15,.22) 62%, rgba(8,11,15,.08) 100%), linear-gradient(0deg, rgba(8,11,15,.78) 0%, rgba(8,11,15,0) 45%); }
.acura-hero-inner { min-height: 780px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 44px; padding-top: 58px; padding-bottom: 30px; }
.acura-hero-copy { max-width: 650px; }
.acura-overline { display: block; margin-bottom: 22px; color: #ced8e7; font-size: 11px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.acura-wordmark { width: 170px; height: auto; margin-bottom: 24px; filter: brightness(0) invert(1); }
.acura-hero h1 { max-width: 720px; font-family: var(--display); font-size: clamp(52px, 5.5vw, 82px); font-weight: 800; line-height: .99; letter-spacing: -.02em; text-wrap: balance; }
.acura-hero-copy > p { max-width: 570px; margin: 22px 0 26px; color: #e3e8ef; font-size: 16px; line-height: 1.6; }
.acura-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.acura-build-link { margin-top: 20px; display: inline-flex; gap: 8px; color: #dce6f5; font-size: 12px; font-weight: 700; }
.acura-hero-models { overflow: hidden; color: var(--acura-ink); background: rgba(255,255,255,.98); border-top: 4px solid var(--acura-red); border-radius: 5px; box-shadow: 0 24px 70px rgba(0,0,0,.3); }
.acura-hero-models-heading { min-height: 65px; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e0e3e7; }
.acura-hero-models-heading > div { display: flex; align-items: baseline; gap: 10px; }
.acura-hero-models-heading span { color: var(--acura-red); font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.acura-hero-models-heading strong { font: 800 20px/1 var(--display); letter-spacing: -.035em; }
.acura-hero-models-heading > a { color: #4f5864; font-size: 10px; font-weight: 750; }
.acura-hero-models-heading i, .acura-card-media > span i { width: 7px; height: 7px; margin-right: 6px; display: inline-block; border-radius: 50%; background: #138453; box-shadow: 0 0 0 3px rgba(19,132,83,.12); }
.acura-hero-model-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.acura-hero-model-grid > a { min-width: 0; padding: 7px 16px 14px; display: grid; grid-template-columns: minmax(95px, 1fr) auto; align-items: center; gap: 4px; border-right: 1px solid #e0e3e7; transition: background .2s ease, box-shadow .2s ease; }
.acura-hero-model-grid > a:last-child { border-right: 0; }
.acura-hero-model-grid > a:hover, .acura-hero-model-grid > a[aria-current="page"] { background: var(--acura-red-soft); box-shadow: inset 0 -3px var(--acura-red); }
.acura-hero-model-grid img { width: 100%; height: auto; display: block; mix-blend-mode: multiply; }
.acura-hero-model-grid > a > span { padding-right: 6px; display: flex; flex-direction: column; }
.acura-hero-model-grid strong { font: 800 19px/1 var(--display); letter-spacing: -.035em; }
.acura-hero-model-grid small { margin-top: 5px; color: var(--acura-muted); font-size: 9px; font-weight: 700; white-space: nowrap; }

.acura-compare sup { color: var(--acura-muted); }

.acura-offers { color: #fff; background: linear-gradient(135deg, #151a22, #090b0f); border-top: 6px solid var(--acura-red); }
.acura-offers-lead { margin-bottom: 28px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 55px; align-items: end; }
.acura-offers-lead span { display: block; margin-bottom: 8px; color: #ff7169; font-size: 11px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.acura-offers-lead h2 { max-width: 760px; color: #fff; font-size: clamp(36px, 3.6vw, 58px); line-height: 1; }
.acura-offers-lead > p { margin: 0; color: #b9c1ca; font-size: 13px; line-height: 1.65; }
.acura-offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.acura-offer-grid article { min-height: 190px; padding: 25px; display: flex; flex-direction: column; border: 1px solid #414954; border-radius: 5px; background: linear-gradient(145deg, #202731, #171c23); }
.acura-offer-grid small { color: #ff7169; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.acura-offer-grid strong { margin: 11px 0 8px; color: #fff; font: 800 25px/1.05 var(--display); letter-spacing: -.035em; }
.acura-offer-grid span { color: #c3cad3; font-size: 10px; }
.acura-offer-grid em { margin-top: auto; padding-top: 18px; color: #8f9aa7; font-size: 8px; font-style: normal; }
.acura-offer-details { margin-top: 18px; padding: 25px; border: 1px solid #3b434d; border-radius: 5px; background: #151b22; }
.acura-offer-details h3 { margin: 0 0 13px; color: #fff; font-size: 18px; }
.acura-offer-details details { margin-bottom: 8px; border: 1px solid #414954; border-radius: 4px; background: #1e252e; }
.acura-offer-details summary { padding: 12px 14px; display: flex; justify-content: space-between; gap: 20px; cursor: pointer; }
.acura-offer-details summary strong { color: #fff; font-size: 11px; }
.acura-offer-details summary span { color: #ff8a83; font-size: 9px; font-weight: 800; }
.acura-offer-details details p { margin: 0; padding: 0 14px 13px; color: #b9c1ca; font-size: 9px; line-height: 1.6; }
.acura-offer-details > p { margin: 13px 0 0; color: #8f9aa7; font-size: 8px; line-height: 1.55; }

.acura-value { position: relative; color: #fff; background: #0c0f13; border-top: 6px solid var(--acura-red); }
.acura-value::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 85% 10%, rgba(226,35,26,.17), transparent 32%); }
.acura-value .container { position: relative; z-index: 1; }
.acura-value-lead { margin-bottom: 38px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: end; }
.acura-value-lead span { display: block; margin-bottom: 9px; color: #ff7169; font-size: 11px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.acura-value-lead h2 { max-width: 850px; color: #fff; font-size: clamp(40px, 4vw, 62px); line-height: .98; }
.acura-value-lead > p { margin: 0; color: #c0c6ce; font-size: 14px; line-height: 1.7; }
.acura-value-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #373d45; }
.acura-value-grid article { min-width: 0; padding: 28px; border-right: 1px solid #373d45; background: rgba(20,24,30,.86); }
.acura-value-grid article:last-child { border-right: 0; }
.acura-value-grid article > div { min-height: 58px; display: flex; align-items: center; gap: 13px; }
.acura-value-grid svg { width: 29px; height: 29px; color: #ff7169; }
.acura-value-grid strong { color: #fff; font: 800 17px/1.1 var(--display); letter-spacing: -.025em; }
.acura-value-grid h3 { min-height: 48px; margin: 18px 0 10px; color: #fff; font-size: 20px; line-height: 1.15; }
.acura-value-grid p { margin: 0; color: #aeb6c0; font-size: 10px; line-height: 1.7; }
.acura-value-footer { margin-top: 21px; display: flex; align-items: flex-start; justify-content: space-between; gap: 35px; }
.acura-value-footer > p { max-width: 690px; margin: 0; color: #7f8995; font-size: 8px; line-height: 1.6; }
.acura-value-footer > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px; }
.acura-value-footer a { color: #ff8a83; font-size: 9px; font-weight: 800; }

.acura-inventory { background: var(--acura-soft); border-top: 1px solid #eceef0; border-bottom: 1px solid #e2e5e8; }
.acura-filter-tabs { margin-bottom: 25px; display: flex; flex-wrap: wrap; gap: 8px; }
.acura-filter-tabs a { padding: 9px 16px; border: 1px solid #cbd0d6; border-radius: 99px; background: #fff; font-size: 11px; font-weight: 750; }
.acura-filter-tabs a span { margin-left: 5px; color: var(--acura-muted); }
.acura-filter-tabs a.active { border-color: var(--acura-red); background: var(--acura-red); color: #fff; }
.acura-filter-tabs a.active span { color: #ffe5e2; }
.acura-inventory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.acura-vehicle-card { overflow: hidden; border: 1px solid var(--acura-line); border-radius: 5px; background: #fff; }
.acura-vehicle-card.is-extra { display: none; }
.acura-inventory-grid.expanded .acura-vehicle-card.is-extra { display: block; }
.acura-card-media { position: relative; height: 245px; background: #e7e9ec; }
.acura-card-media > a, .acura-card-media img { width: 100%; height: 100%; display: block; }
.acura-card-media img { object-fit: cover; transition: transform .4s; }
.acura-vehicle-card:hover .acura-card-media img { transform: scale(1.025); }
.acura-card-media > span { position: absolute; left: 13px; bottom: 12px; padding: 6px 9px; border-radius: 3px; background: rgba(255,255,255,.94); font-size: 9px; font-weight: 750; }
.acura-card-media > button { position: absolute; top: 12px; right: 12px; width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid #ccd1d6; border-radius: 50%; background: rgba(255,255,255,.94); font-size: 20px; cursor: pointer; }
.acura-card-media > button.saved { background: var(--acura-red); color: #fff; border-color: var(--acura-red); }
.acura-card-body { padding: 20px; }
.acura-card-body > small { color: var(--acura-red); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.acura-card-body h3 { margin: 3px 0 0; font: 800 27px/1.05 var(--display); letter-spacing: -.04em; }
.acura-card-trim { min-height: 0; margin: 4px 0 13px; color: var(--acura-ink); font-size: 17px; font-weight: 800; line-height: 1.2; }
.acura-compare-check { margin: 0 0 13px; padding: 9px 11px; display: flex; align-items: center; gap: 8px; border: 1px solid #dadddf; border-radius: 3px; background: #fafafa; color: var(--acura-ink); font-size: 9px; font-weight: 800; cursor: pointer; }
.acura-compare-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--acura-red); }
.acura-card-equipment { margin: 0 0 13px; display: grid; grid-template-columns: 1fr; gap: 1px; border: 1px solid #e1e4e7; border-radius: 3px; overflow: hidden; }
.acura-card-equipment span { padding: 8px 10px; display: flex; justify-content: space-between; gap: 12px; background: #f5f6f7; color: var(--acura-ink); font-size: 9px; font-weight: 750; }
.acura-card-equipment small { color: #717985; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.acura-card-tags { margin: 0 0 13px; display: flex; flex-wrap: wrap; gap: 6px; }
.acura-card-tags span { padding: 5px 8px; border-radius: 2px; color: #4d5662; background: #eef1f4; font-size: 8px; font-weight: 750; }
.acura-card-facts { margin: 0; padding: 11px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border-top: 1px solid #eceef0; border-bottom: 1px solid #eceef0; }
.acura-card-facts div { min-width: 0; }
.acura-card-body dt { color: #7c8490; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.acura-card-body dd { margin: 3px 0 0; overflow: hidden; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.acura-price-list { margin: 14px 0 0; padding: 0; display: grid; gap: 7px; }
.acura-price-list > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.acura-price-list dt { color: var(--acura-muted); font-size: 9px; font-weight: 650; text-transform: none; }
.acura-price-list dd { margin: 0; overflow: visible; color: var(--acura-ink); font-size: 10px; font-weight: 750; white-space: nowrap; }
.acura-price-list .acura-purchase-total { margin-top: 4px; padding-top: 10px; border-top: 1px solid #d8dde2; }
.acura-price-list .acura-purchase-total dt { color: var(--acura-ink); font-size: 11px; font-weight: 850; }
.acura-price-list .acura-purchase-total dd { font: 800 24px/1 var(--display); letter-spacing: -.04em; }
.acura-purchase-total sup { color: var(--acura-muted); }
.acura-price-disclaimer { margin: 9px 0 12px; color: #737b85; font-size: 8px; line-height: 1.45; }
.acura-finance-badge { margin: 0 0 12px; padding: 9px 10px; display: grid; grid-template-columns: 31px 1fr; column-gap: 9px; align-items: center; border: 1px solid #f0b9b5; border-radius: 4px; background: var(--acura-red-soft); }
.acura-finance-badge > span { width: 30px; height: 30px; display: grid; place-items: center; grid-row: 1 / 3; border-radius: 50%; color: #fff; background: var(--acura-red); }
.acura-finance-badge svg { width: 17px; height: 17px; }
.acura-finance-badge strong { color: var(--acura-red-dark); font-size: 10px; line-height: 1.2; }
.acura-finance-badge small { color: #76504d; font-size: 7.5px; }
.acura-monthly { margin: 0 0 13px; color: var(--acura-muted); font-size: 9px; }
.acura-monthly strong { margin-right: 2px; color: var(--acura-ink); font-size: 17px; }
.acura-monthly small { margin-left: 6px; color: #7b838d; font-size: 8px; }
.acura-card-actions { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.acura-card-actions a, .acura-card-actions button { min-height: 39px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--acura-red); border-radius: 3px; color: var(--acura-red); background: #fff; font-size: 10px; font-weight: 800; cursor: pointer; }
.acura-card-actions a:first-child { background: var(--acura-red); color: #fff; }
.acura-card-guide { margin: 11px 0; display: inline-flex; color: var(--acura-red); font-size: 9px; font-weight: 800; }
.acura-delivery-note { position: relative; margin: 0; padding-top: 10px; border-top: 1px solid #e9edf1; color: var(--acura-muted); }
.acura-delivery-note > button { width: 100%; padding: 0; display: flex; gap: 8px; align-items: center; border: 0; color: inherit; background: transparent; text-align: left; cursor: help; }
.acura-delivery-note svg { width: 18px; height: 18px; flex: 0 0 auto; color: var(--acura-red); }
.acura-delivery-note button > span { display: flex; flex-direction: column; }
.acura-delivery-note strong { color: var(--acura-ink); font-size: 9px; }
.acura-delivery-note small { color: var(--acura-muted); font-size: 8px; }
.acura-delivery-tooltip { position: absolute; z-index: 5; right: 0; bottom: calc(100% + 9px); width: min(320px, 82vw); padding: 16px; visibility: hidden; opacity: 0; transform: translateY(5px); border-radius: 4px; color: #fff; background: #111820; box-shadow: 0 14px 40px rgba(0,0,0,.25); transition: .18s ease; }
.acura-delivery-tooltip::after { content: ''; position: absolute; right: 25px; top: 100%; border: 7px solid transparent; border-top-color: #111820; }
.acura-delivery-tooltip strong { color: #fff; font-size: 11px; }
.acura-delivery-tooltip p { margin: 6px 0; color: #c4ccd5; font-size: 9px; }
.acura-delivery-tooltip > span { display: block; color: #e3e9ef; font-size: 8px; line-height: 1.65; }
.acura-delivery-tooltip > small { display: block; margin-top: 7px; color: #92a0af; font-size: 7px; }
.acura-delivery-note.open .acura-delivery-tooltip { visibility: visible; opacity: 1; transform: translateY(0); }
.acura-show-more { margin-top: 28px; text-align: center; }
.acura-empty { padding: 70px 30px; text-align: center; border: 1px solid var(--acura-line); background: #fff; }
.acura-empty h3 { margin: 0; font: 800 30px var(--display); letter-spacing: -.025em; }
.acura-empty p { margin: 10px auto 25px; color: var(--acura-muted); }

.acura-help-strip { padding: 30px 0; background: #fff; border-bottom: 1px solid var(--acura-line); }
.acura-help-strip .container { display: grid; grid-template-columns: repeat(3, 1fr); }
.acura-help-strip article { padding: 8px 34px; display: flex; align-items: center; gap: 18px; border-right: 1px solid var(--acura-line); }
.acura-help-strip article:last-child { border: 0; }
.acura-help-strip svg { width: 35px; height: 35px; flex: 0 0 auto; color: var(--acura-red); }
.acura-help-strip h3 { margin: 0; font-size: 16px; }
.acura-help-strip p { margin: 2px 0 5px; color: var(--acura-muted); font-size: 10px; }
.acura-help-strip a { color: var(--acura-red); font-size: 10px; font-weight: 800; }

.acura-compare { background: #fff; }
.acura-table-wrap { overflow-x: auto; border: 1px solid var(--acura-line); border-radius: 5px; }
.acura-compare table { width: 100%; min-width: 750px; border-collapse: collapse; text-align: left; }
.acura-compare th, .acura-compare td { padding: 16px 18px; border-right: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea; font-size: 11px; }
.acura-compare tr:last-child > * { border-bottom: 0; }
.acura-compare tr > *:last-child { border-right: 0; }
.acura-compare thead th { color: #fff; background: var(--acura-ink); font-size: 15px; }
.acura-compare thead th:first-child { color: #bec4cc; }
.acura-compare tbody th { width: 165px; color: var(--acura-muted); background: #f7f8f9; }
.acura-compare tbody td { font-weight: 700; }
.acura-compare-actions { margin-top: 20px; text-align: center; }
.acura-vehicle-compare { background: #fff; border-bottom: 1px solid var(--acura-line); }
.acura-compare-status { max-width: 260px; margin: 0; color: var(--acura-muted); font-size: 11px; line-height: 1.5; text-align: right; }
.acura-exact-compare { width: 100%; min-width: 920px !important; border-collapse: collapse; table-layout: fixed; text-align: left; }
.acura-exact-compare th, .acura-exact-compare td { padding: 13px 16px; border-right: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea; font-size: 11px; }
.acura-exact-compare tr:last-child > * { border-bottom: 0; }
.acura-exact-compare tr > *:last-child { border-right: 0; }
.acura-exact-compare thead th { color: #fff; background: var(--acura-ink); }
.acura-exact-compare thead th:first-child { color: #bec4cc; font-size: 15px; }
.acura-exact-compare tbody th { color: var(--acura-muted); background: #f7f8f9; }
.acura-exact-compare tbody td { font-weight: 700; }
.acura-exact-compare thead th:first-child, .acura-exact-compare tbody th { width: 190px; }
.acura-exact-compare thead th:not(:first-child) { padding: 0; vertical-align: top; }
.acura-exact-compare thead a { min-height: 190px; padding: 12px; display: grid; align-content: start; gap: 4px; color: #fff; }
.acura-exact-compare thead img { width: 100%; height: 110px; margin-bottom: 5px; object-fit: cover; border-radius: 2px; }
.acura-exact-compare thead strong { font-size: 12px; line-height: 1.25; }
.acura-exact-compare thead a span { color: #c7ccd3; font-size: 9px; }
.acura-empty-slot { min-height: 190px; display: grid; place-items: center; color: #9ca3ad; font-size: 10px; }
.acura-exact-compare td.is-included { color: #087443; background: #f1faf6; font-weight: 900; }
.acura-exact-compare td.is-not-included { color: #9299a2; font-weight: 600; }

.acura-features { background: var(--acura-soft); }
.acura-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.acura-feature-grid article { overflow: hidden; border: 1px solid var(--acura-line); border-radius: 5px; background: #fff; }
.acura-feature-grid article > img { width: 100%; height: 190px; object-fit: cover; }
.acura-feature-grid article > div { padding: 20px; }
.acura-feature-grid svg { width: 27px; height: 27px; color: var(--acura-red); }
.acura-feature-grid h3 { min-height: 43px; margin: 14px 0 7px; font-size: 18px; line-height: 1.2; }
.acura-feature-grid p { min-height: 66px; margin: 0 0 15px; color: var(--acura-muted); font-size: 11px; }
.acura-feature-grid a { color: var(--acura-red); font-size: 10px; font-weight: 800; }

.acura-knowledge { background: #101419; color: #fff; }
.acura-guide-heading { margin-bottom: 30px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 45px; align-items: end; }
.acura-guide-heading > div > span { display: block; margin-bottom: 8px; color: #ff7169; font-size: 11px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.acura-guide-heading h2 { max-width: 780px; }
.acura-guide-heading p { max-width: 760px; margin: 18px 0 0; color: #afb7c1; font-size: 13px; line-height: 1.65; }
.acura-guide-heading img { width: 100%; height: 175px; object-fit: cover; border-radius: 4px; }
.acura-guide-tabs { margin-bottom: 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.acura-guide-tabs button { min-height: 50px; border: 1px solid #414954; border-radius: 3px; color: #dfe5ec; background: #1a2028; font-size: 13px; font-weight: 800; cursor: pointer; }
.acura-guide-tabs button[aria-selected="true"] { border-color: #ff7169; color: #fff; background: var(--acura-red); }
.acura-guide-panel { border: 1px solid #3b434d; border-radius: 5px; background: #151b22; }
.acura-guide-panel[hidden] { display: none; }
.acura-guide-panel > header { padding: 30px; display: grid; grid-template-columns: 1fr auto; gap: 40px; border-bottom: 1px solid #39414b; }
.acura-guide-panel > header span { color: #ff7169; font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.acura-guide-panel > header h3 { margin: 5px 0 9px; color: #fff; font: 800 34px/1 var(--display); }
.acura-guide-panel > header p { max-width: 690px; margin: 0; color: #b9c1ca; font-size: 12px; line-height: 1.6; }
.acura-guide-panel > header dl { margin: 0; display: flex; gap: 24px; }
.acura-guide-panel > header dl div { min-width: 75px; }
.acura-guide-panel > header dt { color: #8994a0; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.acura-guide-panel > header dd { margin: 3px 0 0; color: #fff; font-size: 12px; font-weight: 800; }
.acura-trim-guide { padding: 30px; border-bottom: 1px solid #39414b; }
.acura-trim-guide h4 { margin: 0 0 15px; font-size: 18px; }
.acura-trim-table { display: grid; gap: 1px; overflow: hidden; border-radius: 3px; background: #353d47; }
.acura-trim-table > div { padding: 14px 16px; display: grid; grid-template-columns: minmax(170px, .8fr) minmax(170px, .65fr) 1.5fr; gap: 20px; align-items: center; background: #202731; }
.acura-trim-table strong { font-size: 11px; }
.acura-trim-table span { color: #fff; font-size: 11px; font-weight: 800; }
.acura-trim-table p { margin: 0; color: #aeb8c3; font-size: 10px; }
.acura-feature-groups { padding: 8px 30px 22px; }
.acura-feature-groups details { border-bottom: 1px solid #39414b; }
.acura-feature-groups summary { padding: 18px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; list-style: none; }
.acura-feature-groups summary::-webkit-details-marker { display: none; }
.acura-feature-groups summary b { font-size: 22px; font-weight: 300; transition: transform .2s; }
.acura-feature-groups details[open] summary b { transform: rotate(45deg); }
.acura-feature-groups ul { margin: 0; padding: 0 0 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px 35px; list-style: none; }
.acura-feature-groups li { position: relative; padding-left: 17px; color: #b9c1ca; font-size: 10px; line-height: 1.55; }
.acura-feature-groups li::before { content: '✓'; position: absolute; left: 0; color: #ff7169; font-weight: 900; }
.acura-guide-panel > footer { padding: 22px 30px 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.acura-guide-panel > footer p { max-width: 680px; margin: 0; color: #8994a0; font-size: 8px; line-height: 1.55; }
.acura-guide-panel > footer > div { display: flex; align-items: center; gap: 18px; white-space: nowrap; }
.acura-guide-panel > footer > div > a:last-child { color: #ff8a83; font-size: 9px; font-weight: 800; }
.acura-knowledge-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: start; }
.acura-knowledge-intro > span { color: #ff7169; }
.acura-knowledge-intro > p { margin: 20px 0 26px; color: #afb7c1; font-size: 14px; line-height: 1.65; }
.acura-knowledge-intro img { width: 100%; height: 240px; object-fit: cover; border-radius: 4px; }
.acura-accordion { border-top: 1px solid #3b4149; }
.acura-accordion article { border-bottom: 1px solid #3b4149; }
.acura-accordion h3 { margin: 0; }
.acura-accordion button { width: 100%; padding: 22px 2px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #fff; background: none; border: 0; text-align: left; font-size: 16px; font-weight: 700; cursor: pointer; }
.acura-accordion button b { font-size: 22px; font-weight: 300; transition: transform .2s; }
.acura-accordion article.open button b { transform: rotate(45deg); }
.acura-accordion article > div { display: none; padding: 0 38px 22px 2px; }
.acura-accordion article.open > div { display: block; }
.acura-accordion p { margin: 0 0 12px; color: #b9c0c9; font-size: 12px; line-height: 1.7; }
.acura-accordion a { color: #ff8a83; font-size: 10px; font-weight: 800; }

.acura-seo-guides { background: #f3f4f5; border-top: 1px solid var(--acura-line); border-bottom: 1px solid var(--acura-line); }
.acura-seo-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.acura-seo-guide-grid article { min-height: 340px; padding: 34px; display: flex; flex-direction: column; border: 1px solid #dce0e4; border-radius: 5px; background: #fff; }
.acura-seo-guide-grid article > span { color: var(--acura-red); font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.acura-seo-guide-grid h3 { margin: 17px 0 24px; font: 800 28px/1.05 var(--display); letter-spacing: -.035em; }
.acura-seo-guide-grid article > div { margin-top: auto; display: grid; }
.acura-seo-guide-grid a { padding: 12px 0; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--acura-line); color: #343b44; font-size: 11px; font-weight: 750; }
.acura-seo-guide-grid a::after { content: '\2192'; color: var(--acura-red); }
.acura-seo-guide-grid a:hover { color: var(--acura-red); }

.acura-tools { background: #fff; }
.acura-tools-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 15px; }
.acura-payment, .acura-trade { min-height: 480px; padding: 42px; border: 1px solid var(--acura-line); border-radius: 5px; }
.acura-payment { background: #f4f6f8; }
.acura-payment-fields { margin: 27px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.acura-payment-fields label, .acura-trade label { color: var(--acura-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.acura-payment-fields label > span { position: relative; display: block; }
.acura-payment-fields b { position: absolute; z-index: 1; left: 12px; top: 17px; }
.acura-payment-fields input, .acura-payment-fields select, .acura-trade input { width: 100%; height: 47px; margin-top: 6px; padding: 0 13px; border: 1px solid #ccd1d7; border-radius: 3px; background: #fff; color: var(--acura-ink); }
.acura-payment-fields input { padding-left: 27px; }
.acura-payment-result { margin-bottom: 24px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px; }
.acura-payment-result strong { font: 800 44px/1 var(--display); letter-spacing: -.035em; }
.acura-payment-result span { color: var(--acura-muted); font-size: 12px; }
.acura-payment-result small { width: 100%; margin-top: 4px; color: #7a828c; font-size: 9px; }
.acura-trade { color: #fff; background: linear-gradient(135deg, #151a22, #090b0f); }
.acura-trade > div { display: flex; align-items: center; gap: 12px; color: #ff7169; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.acura-trade > div svg { width: 28px; }
.acura-trade h2 { margin-top: 18px; }
.acura-trade > p { margin: 20px 0 28px; color: #b6bec8; font-size: 13px; }
.acura-trade form { display: grid; grid-template-columns: 1fr 150px; gap: 12px; }
.acura-trade label { color: #aeb7c2; }
.acura-trade input { border-color: #49515d; background: #fff; color: var(--acura-ink); }
.acura-trade form button { grid-column: 1 / -1; }
.acura-trade form p { grid-column: 1 / -1; margin: 0; color: #89939e; font-size: 9px; }

.acura-visit { padding-top: 10px; background: #fff; }
.acura-visit-card { display: grid; grid-template-columns: 1.15fr .85fr; overflow: hidden; border-radius: 6px; background: #edf0f3; }
.acura-visit-card > img { width: 100%; height: 100%; min-height: 530px; object-fit: cover; }
.acura-visit-card > div { padding: 55px; }
.acura-visit-card > div > span { color: var(--acura-red); font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.acura-visit-card > div > p { color: var(--acura-muted); font-size: 13px; }
.acura-visit-card ul { margin: 24px 0; padding: 0; list-style: none; }
.acura-visit-card li { padding: 8px 0 8px 26px; position: relative; border-bottom: 1px solid #d8dde2; font-size: 11px; }
.acura-visit-card li::before { content: '✓'; position: absolute; left: 3px; color: var(--acura-red); font-weight: 900; }
.acura-visit-card address { margin-top: 24px; font-size: 12px; font-style: normal; }
.acura-hours { margin: 7px 0 18px; }
.acura-visit-actions { display: flex; align-items: center; gap: 18px; }
.acura-visit-actions > a:last-child { color: var(--acura-red); font-size: 13px; font-weight: 800; }

.acura-service { padding: 36px 0; color: #fff; background: var(--acura-ink); }
.acura-service .container { display: grid; grid-template-columns: repeat(3, 1fr); }
.acura-service .container > div { padding: 5px 30px; display: grid; grid-template-columns: 38px 1fr; column-gap: 14px; border-right: 1px solid #444a52; }
.acura-service .container > div:last-child { border: 0; }
.acura-service span { grid-row: span 2; }
.acura-service svg { width: 32px; height: 32px; color: #ff7169; }
.acura-service p { margin: 0; color: #b9c0c8; font-size: 10px; }
.acura-service strong { display: block; color: #fff; font-size: 14px; }
.acura-service a { margin-top: 5px; color: #ff8a83; font-size: 10px; font-weight: 750; }

@media (min-width: 1800px) {
    .new-acura-page .acura-inventory .container { width: min(1760px, calc(100vw - 120px)); }
    .acura-inventory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 2400px) {
    .new-acura-page .acura-inventory .container { width: min(2640px, calc(100vw - 140px)); }
    .acura-inventory-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

@media (min-width: 3200px) {
    .new-acura-page .acura-inventory .container { width: min(3360px, calc(100vw - 160px)); }
    .acura-inventory-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}

@media (max-width: 1120px) {
    .acura-hero-model-grid > a { padding-inline: 10px; grid-template-columns: minmax(80px, 1fr) auto; }
    .acura-hero-model-grid strong { font-size: 17px; }
    .acura-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .acura-value-grid { grid-template-columns: repeat(2, 1fr); }
    .acura-value-grid article { border-bottom: 1px solid #373d45; }
    .acura-value-grid article:nth-child(2) { border-right: 0; }
    .acura-value-grid article:nth-child(n+3) { border-bottom: 0; }
    .acura-inventory-grid { grid-template-columns: repeat(2, 1fr); }
    .acura-compare-status { max-width: none; text-align: left; }
    .acura-knowledge-layout { gap: 40px; }
    .acura-help-strip article { padding-inline: 20px; }
    .acura-offer-grid { grid-template-columns: repeat(2, 1fr); }
    .acura-guide-panel > header { grid-template-columns: 1fr; gap: 22px; }
    .acura-seo-guide-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .new-acura-page .container { width: min(720px, calc(100vw - 36px)); }
    .acura-section { padding: 64px 0; }
    .acura-heading { align-items: flex-start; flex-direction: column; gap: 13px; }
    .acura-hero, .acura-hero-inner { min-height: 850px; }
    .acura-hero-photo { object-position: 54% center; }
    .acura-hero-shade { background: linear-gradient(180deg, rgba(7,10,15,.85) 0%, rgba(7,10,15,.44) 50%, rgba(7,10,15,.84) 100%); }
    .acura-hero-inner { padding-top: 42px; padding-bottom: 22px; }
    .acura-hero h1 { font-size: clamp(48px, 14vw, 65px); }
    .acura-hero-copy > p { font-size: 14px; }
    .acura-hero-actions { display: grid; }
    .acura-hero-models { margin-inline: -1px; }
    .acura-hero-models-heading { align-items: flex-start; flex-direction: column; gap: 8px; padding: 14px 16px; }
    .acura-hero-models-heading > div { align-items: flex-start; flex-direction: column; gap: 4px; }
    .acura-hero-model-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
    .acura-hero-model-grid > a { min-width: 190px; padding: 8px 14px 13px; grid-template-columns: 1fr; gap: 0; border-right: 1px solid #e0e3e7; scroll-snap-align: start; }
    .acura-hero-model-grid img { max-width: 150px; margin: auto; }
    .acura-hero-model-grid > a > span { padding: 0 4px; }
    .acura-feature-grid, .acura-inventory-grid, .acura-tools-grid, .acura-visit-card, .acura-knowledge-layout, .acura-seo-guide-grid { grid-template-columns: 1fr; }
    .acura-value-lead, .acura-value-grid { grid-template-columns: 1fr; }
    .acura-offers-lead, .acura-offer-grid { grid-template-columns: 1fr; }
    .acura-offers-lead { gap: 20px; }
    .acura-value-lead { gap: 20px; }
    .acura-value-grid article, .acura-value-grid article:nth-child(2), .acura-value-grid article:nth-child(n+3) { border-right: 0; border-bottom: 1px solid #373d45; }
    .acura-value-grid article:last-child { border-bottom: 0; }
    .acura-value-grid h3 { min-height: 0; }
    .acura-value-grid p { font-size: 11px; }
    .acura-value-footer { flex-direction: column; }
    .acura-value-footer > div { justify-content: flex-start; }
    .acura-filter-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
    .acura-filter-tabs a { flex: 0 0 auto; }
    .acura-card-media { height: 225px; }
    .acura-help-strip .container, .acura-service .container { grid-template-columns: 1fr; }
    .acura-help-strip article, .acura-service .container > div { padding: 18px 5px; border-right: 0; border-bottom: 1px solid var(--acura-line); }
    .acura-service .container > div { border-color: #444a52; }
    .acura-help-strip article:last-child, .acura-service .container > div:last-child { border-bottom: 0; }
    .acura-knowledge-layout { gap: 35px; }
    .acura-guide-heading { grid-template-columns: 1fr; gap: 20px; }
    .acura-guide-heading img { height: 210px; }
    .acura-guide-tabs { display: flex; overflow-x: auto; padding-bottom: 5px; }
    .acura-guide-tabs button { min-width: 112px; }
    .acura-guide-panel > header, .acura-trim-guide, .acura-feature-groups, .acura-guide-panel > footer { padding-left: 22px; padding-right: 22px; }
    .acura-guide-panel > header dl { flex-wrap: wrap; }
    .acura-trim-table > div { grid-template-columns: 1fr auto; gap: 6px 14px; }
    .acura-trim-table p { grid-column: 1 / -1; }
    .acura-feature-groups ul { grid-template-columns: 1fr; }
    .acura-guide-panel > footer { align-items: flex-start; flex-direction: column; }
    .acura-guide-panel > footer > div { align-items: flex-start; flex-direction: column; white-space: normal; }
    .acura-payment, .acura-trade, .acura-visit-card > div { padding: 30px 24px; }
    .acura-payment-fields { grid-template-columns: 1fr; }
    .acura-trade form { grid-template-columns: 1fr; }
    .acura-visit-card > img { min-height: 300px; }
    .acura-visit-actions { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .new-acura-page .container { width: min(520px, calc(100vw - 28px)); }
    .acura-hero, .acura-hero-inner { min-height: 875px; }
    .acura-wordmark { width: 145px; margin-bottom: 18px; }
    .acura-overline { margin-bottom: 16px; }
    .acura-hero-actions .acura-button { width: 100%; }
    .acura-inventory-grid { grid-template-columns: 1fr; }
    .acura-card-actions { grid-template-columns: 1fr; }
    .acura-feature-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .acura-main *, .acura-main *::before, .acura-main *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Marketplace-style new Acura inventory */
.new-acura-page { background: #f0f2f5; }
.acura-marketplace-head {
    position: relative;
    min-height: 430px;
    padding: 42px 0 24px;
    display: flex;
    align-items: stretch;
    color: #fff;
    border-bottom: 1px solid #171c22;
    background:
        linear-gradient(90deg, rgba(5, 8, 12, .94) 0%, rgba(5, 8, 12, .84) 35%, rgba(5, 8, 12, .46) 64%, rgba(5, 8, 12, .23) 100%),
        linear-gradient(0deg, rgba(5, 8, 12, .88) 0%, rgba(5, 8, 12, .16) 55%, rgba(5, 8, 12, .2) 100%),
        url('../images/acura/type-s-mdx-hero.jpg') center center / cover no-repeat;
}
.acura-marketplace-head > .container,
.new-acura-page .acura-inventory > .container { width: min(1180px, calc(100% - 48px)); }
.acura-marketplace-head > .container { display: flex; flex-direction: column; justify-content: space-between; }
.acura-marketplace-breadcrumb { display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .78); font-size: 12px; text-shadow: 0 1px 8px rgba(0, 0, 0, .65); }
.acura-marketplace-breadcrumb a:hover { color: #fff; }
.acura-marketplace-title-row { margin-top: 34px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 38px; }
.acura-marketplace-title-row .acura-overline { margin-bottom: 8px; color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, .8); }
.acura-marketplace-title-row h1 { margin: 0; color: #fff; font-size: clamp(42px, 5.2vw, 68px); line-height: 1.01; text-shadow: 0 2px 18px rgba(0, 0, 0, .78); }
.acura-marketplace-title-row p { max-width: 680px; margin: 14px 0 0; color: #f2f4f7; font-size: 15px; line-height: 1.6; text-shadow: 0 1px 10px rgba(0, 0, 0, .9); }
.acura-marketplace-count { min-width: 150px; padding: 16px 19px; border: 1px solid rgba(255, 255, 255, .38); border-radius: 10px; background: rgba(5, 8, 12, .68); box-shadow: 0 12px 32px rgba(0, 0, 0, .2); backdrop-filter: blur(7px); }
.acura-marketplace-count strong { display: block; font: 800 36px/.95 var(--display); }
.acura-marketplace-count span { margin-top: 6px; display: block; color: rgba(255, 255, 255, .78); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.acura-marketplace-models { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.acura-marketplace-models > span { margin-right: 2px; color: rgba(255, 255, 255, .82); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-shadow: 0 1px 8px rgba(0, 0, 0, .7); text-transform: uppercase; }
.acura-marketplace-models a { padding: 9px 14px; border: 1px solid rgba(255, 255, 255, .52); border-radius: 999px; color: #15181d; background: rgba(255, 255, 255, .93); box-shadow: 0 4px 14px rgba(0, 0, 0, .18); font-size: 12px; font-weight: 750; }
.acura-marketplace-models a:hover,
.acura-marketplace-models a[aria-current="page"] { border-color: var(--acura-red); color: #fff; background: var(--acura-red); }
.new-acura-page .acura-inventory { padding: 26px 0 72px; background: #f0f2f5; }
.new-acura-page .acura-inventory .acura-heading { margin-bottom: 18px; }
.new-acura-page .acura-inventory .acura-heading h2 { font-size: clamp(25px, 2.7vw, 36px); }
.new-acura-page .acura-inventory .acura-filter-tabs { display: none; }
.new-acura-page .acura-inventory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.acura-vehicle-card-marketplace { overflow: hidden; border-color: #d8dce1; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.acura-vehicle-card-marketplace:hover { border-color: #b8bec6; box-shadow: 0 8px 24px rgba(0, 0, 0, .1); }
.acura-marketplace-card-link { height: 100%; display: flex; flex-direction: column; }
.acura-vehicle-card-marketplace .acura-card-media { height: auto; aspect-ratio: 16 / 10; background: #e4e6eb; }
.acura-vehicle-card-marketplace .acura-card-media img { width: 100%; height: 100%; object-fit: cover; }
.acura-card-reference { position: absolute; right: 8px; bottom: 8px; padding: 4px 6px; display: flex; gap: 7px; border-radius: 4px; background: rgba(19, 20, 23, .82); color: #fff; font-size: 8px; font-weight: 750; line-height: 1.2; letter-spacing: .02em; }
.acura-vehicle-card-marketplace .acura-card-body { flex: 1; padding: 16px 17px 18px; }
.acura-vehicle-card-marketplace .acura-card-body > small { color: #65676b; }
.acura-vehicle-card-marketplace .acura-card-body h3 { margin-top: 4px; font-size: clamp(18px, 2vw, 23px); }
.acura-vehicle-card-marketplace .acura-card-trim { min-height: 0; margin: 4px 0 11px; color: #606770; font-size: 12px; font-weight: 500; }
.acura-marketplace-facts { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; color: #606770; font-size: 11px; }
.acura-marketplace-facts span { padding: 5px 8px; border-radius: 999px; background: #f0f2f5; }
.acura-marketplace-price { margin-top: 15px; padding-top: 13px; display: flex; align-items: end; justify-content: space-between; gap: 14px; border-top: 1px solid #e4e6eb; }
.acura-marketplace-price-values { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; }
.acura-marketplace-price-values strong { font: 800 clamp(21px, 2.3vw, 28px)/1 var(--display); letter-spacing: -.04em; }
.acura-marketplace-price-values small { color: #65676b; font-size: 10px; font-weight: 650; white-space: nowrap; }
.acura-marketplace-price span { max-width: 145px; color: #606770; font-size: 10px; line-height: 1.3; text-align: right; }
.acura-marketplace-price .acura-marketplace-price-values { max-width: none; text-align: left; }

@media (max-width: 680px) {
    .acura-marketplace-head > .container,
    .new-acura-page .acura-inventory > .container { width: min(100% - 28px, 620px); }
    .acura-marketplace-title-row { grid-template-columns: 1fr; gap: 18px; }
    .acura-marketplace-count { width: 100%; }
    .new-acura-page .acura-inventory-grid { grid-template-columns: 1fr; }
    .acura-marketplace-price { align-items: flex-start; flex-direction: column; gap: 7px; }
    .acura-marketplace-price span { max-width: none; text-align: left; }
}

/* Facebook Marketplace reference: dense two-up vehicle feed. */
.new-acura-page .acura-inventory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.acura-vehicle-card-marketplace,
.acura-vehicle-card-marketplace:hover { border: 0; border-radius: 0; box-shadow: none; transform: none; }
.acura-vehicle-card-marketplace .acura-card-media { aspect-ratio: 1 / 1; }
.acura-vehicle-card-marketplace .acura-card-body { padding: 7px 10px 12px; }
.acura-vehicle-card-marketplace .acura-card-body .acura-marketplace-titleline { margin: 0; overflow: hidden; font: 600 15px/1.3 var(--sans); letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.acura-marketplace-titleline strong { font-weight: 800; }
.acura-marketplace-titleline small { margin-left: 6px; color: #65676b; font-size: 9px; font-weight: 600; }
.acura-marketplace-price-line { display: flex; align-items: baseline; }
.acura-marketplace-vehicle-name { margin-top: 1px; display: block; overflow: hidden; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.acura-marketplace-subline { margin: 3px 0 0; overflow: hidden; color: #65676b; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.acura-vehicle-card-marketplace .acura-card-media > span { top: 8px; bottom: auto; left: 8px; padding: 4px 7px; border-radius: 4px; }
.new-acura-page .acura-inventory-grid .acura-vehicle-card.is-extra { display: block; }
.new-acura-page .acura-show-more { display: none; }

@media (max-width: 680px) {
    .acura-marketplace-head > .container,
    .new-acura-page .acura-inventory > .container { width: 100%; }
    .acura-marketplace-head { min-height: 350px; padding: 22px 14px 16px; background-position: 55% center; }
    .acura-marketplace-title-row { margin-top: 10px; }
    .acura-marketplace-title-row h1 { font-size: 36px; }
    .acura-marketplace-title-row p { display: block; max-width: 36rem; color: #f2f4f7; font-size: 12px; line-height: 1.55; }
    .acura-marketplace-count { display: none; }
    .acura-marketplace-models { flex-wrap: nowrap; overflow-x: auto; }
    .acura-marketplace-models > span,
    .acura-marketplace-models a { flex: 0 0 auto; }
    .new-acura-page .acura-inventory { padding-top: 0; }
    .new-acura-page .acura-inventory .acura-heading { margin: 0; padding: 12px 14px 9px; display: block; }
    .new-acura-page .acura-inventory .acura-heading h2 { font-size: 20px; }
    .new-acura-page .acura-inventory .acura-heading span,
    .new-acura-page .acura-inventory .acura-heading p,
    .new-acura-page .acura-inventory .acura-heading > a { display: none; }
    .new-acura-page .acura-inventory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
    .acura-vehicle-card-marketplace .acura-card-body { padding: 7px 8px 11px; }
    .acura-vehicle-card-marketplace .acura-card-body .acura-marketplace-titleline { font-size: 14px; }
    .acura-marketplace-subline { font-size: 10px; }
}

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

@media (min-width: 681px) {
    .new-acura-page .acura-inventory-grid { gap: 18px; }
    .acura-vehicle-card-marketplace { border: 1px solid #d8dce1; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
    .acura-vehicle-card-marketplace:hover { border-color: #b8bec6; box-shadow: 0 8px 24px rgba(0, 0, 0, .1); transform: translateY(-2px); }
    .acura-vehicle-card-marketplace .acura-card-media { aspect-ratio: 16 / 10; }
    .acura-vehicle-card-marketplace .acura-card-body { padding: 16px 17px 18px; }
    .acura-vehicle-card-marketplace .acura-card-media > span { top: auto; bottom: 12px; left: 13px; padding: 6px 9px; }
}

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