/* Inventory uses the same showroom rhythm as individual vehicle pages. */
.inv-intro.inventory-showroom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;width:100%;max-width:none;margin:0;padding:0;background:#1b1e20;color:#fff;border-bottom:5px solid #df292d;overflow:hidden}
.inventory-hero-photo{position:relative;grid-column:1;grid-row:1;width:135%;min-width:0;min-height:400px;background:#121719;overflow:hidden}
.inventory-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 37%,#1b1e2040 55%,#1b1e20 100%),linear-gradient(0deg,#101416a6,transparent 38%);pointer-events:none}
.inventory-hero-photo::before{content:"";position:absolute;z-index:2;top:0;right:0;width:74px;height:6px;background:#df292d;transform:skewX(-30deg);transform-origin:right;pointer-events:none}
.inventory-hero-photo img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:center}
.inventory-hero-copy{position:relative;z-index:1;grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,4vw,68px);min-width:0}
.inventory-hero-copy .eyebrow{display:flex;align-items:center;gap:12px;color:#ff6169;font-size:.75rem;font-weight:850;line-height:1.5;letter-spacing:.16em;margin:0 0 20px}
.inventory-hero-copy .eyebrow::before{content:"";display:block;width:30px;height:3px;flex:none;background:currentColor}
.inv-intro .inventory-hero-copy h1{font-family:Bahnschrift,"Avenir Next Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(3.15rem,4.8vw,5.4rem);font-weight:800;line-height:1.03;letter-spacing:-.045em;margin:0;max-width:640px}
.inventory-hero-copy h1 span{display:block;color:#ff5259}
.inv-intro .inventory-hero-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.65;color:#cad1d5;max-width:480px;margin:23px 0 0}
.inventory-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:29px}
.inventory-hero-actions .button{min-height:52px;font-size:.97rem;padding:15px 22px}
.inventory-trade-link{color:#fff;font-size:.9rem;font-weight:750;line-height:1.5;text-underline-offset:4px}
.inventory-trade-link:hover{color:#ff7076}
.inventory-main{background:#f5f6f6 url('/accents/geometric-lines.svg') right -90px top 230px / 590px auto no-repeat;padding:45px 0 78px}
.inventory-main .filter-panel{position:relative;background:#e7e8e6;border:1px solid #c5cbcd;border-radius:7px;padding:27px;box-shadow:0 8px 22px #1b27300d;overflow:hidden}
.inventory-main .filter-panel::before{content:"";position:absolute;top:0;left:27px;width:75px;height:5px;background:#df292d;transform:skewX(-30deg)}
.inventory-main .field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.055em;color:#455159;font-weight:800}
.inventory-main .field input,.inventory-main .field select{min-height:51px;background:#fff;border-color:#bbc4c8;border-radius:2px;color:#1b1e20}
.inventory-main .field input:focus-visible,.inventory-main .field select:focus-visible,.inventory-main .results-bar select:focus-visible{outline:2px solid #df292d;outline-offset:2px}
.inventory-main .results-bar{margin:29px 0 23px;padding-bottom:18px;border-bottom:1px solid #cbd1d2;align-items:center}
.inventory-main #count{font-family:Bahnschrift,"Avenir Next Condensed","Arial Narrow",Arial,sans-serif;font-size:1.2rem;color:#1b1e20}
.inventory-main .text-button{font-size:.86rem;margin-left:8px}
.inventory-main .results-options{color:#4c5961}
.inventory-main .vehicle-grid{gap:24px}
.inventory-main .vehicle-card{border-radius:7px;border-color:#c5cbcd;box-shadow:0 8px 22px #1b273010;background:#e7e8e6;transition:transform .2s,border-color .2s,box-shadow .2s}
.inventory-main .vehicle-card:hover{transform:translateY(-3px);border-color:#aeb7ba;box-shadow:0 15px 30px #1b27301c}
.inventory-main .vehicle-visual{aspect-ratio:16/10;min-height:0;background:#e1e4e3}
.inventory-main .vehicle-visual img{height:100%;object-fit:contain;object-position:center;transition:transform .22s ease}
.inventory-main .vehicle-visual::before{content:none}
.inventory-main .vehicle-info{padding:24px 24px 25px}
.inventory-main .vehicle-info h2{font-size:1.53rem;line-height:1.17}
.inventory-main .vehicle-info .trim{margin-bottom:18px}
.inventory-main .card-price{padding-top:18px}
.inventory-main .card-price strong{font-size:2.1rem}
.inventory-main .card-facts{border-radius:6px;background:#f3f4f2;padding:17px;gap:17px 12px}
.inventory-main .card-actions .button{min-height:48px}
.inventory-help{margin:0!important;background:#1b1e20;color:#fff;padding:72px 0;display:block}
.inventory-help-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.inventory-help .eyebrow{color:#ff6169;margin:0 0 14px;font-size:.75rem}
.inventory-help h2{font-family:Bahnschrift,"Avenir Next Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3.1vw,3.1rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 15px}
.inventory-help h2 span{color:#ff5259}
.inventory-help p:not(.eyebrow){max-width:560px;color:#cbd0d4;line-height:1.65;margin:0}
.inventory-help-actions{display:flex;flex-wrap:wrap;gap:11px;flex:none}
.inventory-help-actions .button{min-height:52px}
@media(max-width:1050px){.inventory-hero-photo{min-height:360px}.inventory-hero-copy{padding:36px}.inventory-hero-actions{gap:16px}.inventory-help-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.inv-intro.inventory-showroom{grid-template-columns:1fr}.inventory-hero-photo{grid-column:1;grid-row:1;width:100%;min-height:0;aspect-ratio:16/9}.inventory-hero-photo::after{background:linear-gradient(0deg,#101416a6,transparent 45%)}.inventory-hero-copy{grid-column:1;grid-row:2;padding:40px 24px 45px}.inv-intro .inventory-hero-copy h1{font-size:clamp(3rem,10vw,4.35rem)}.inventory-main{padding:32px 0 58px;background-position:right -210px top 300px;background-size:480px auto}.inventory-main .filter-panel{padding:20px}.inventory-help{padding:58px 0}.inventory-help-actions{width:100%}}
@media(max-width:600px){.inventory-hero-photo{aspect-ratio:16/10}.inventory-main .results-bar{align-items:flex-start}.inventory-main .text-button{margin-left:0}.inventory-main .vehicle-visual{aspect-ratio:16/10}.inventory-main .vehicle-info{padding:22px}.inventory-help-actions{display:grid}.inventory-help-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.inventory-main .vehicle-card,.inventory-main .vehicle-visual img{transition:none!important}.inventory-main .vehicle-card:hover{transform:none}}

/* Photo-led inventory cards with a concise window-sticker fuel summary. */
.inventory-main .vehicle-card-heading{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:start;gap:7px 14px;min-height:100px;padding:20px 22px 18px;text-align:right;background:#e7e8e6}
.inventory-main .vehicle-card-heading::before{content:"";position:absolute;top:0;left:27px;width:74px;height:5px;background:#df292d;transform:skewX(-30deg);pointer-events:none}
.inventory-main .vehicle-card-heading .vehicle-type,.inventory-main .vehicle-card-heading .sold-label{position:static;grid-column:1;grid-row:1 / span 2;align-self:start;margin:0;text-align:left}
.inventory-main .vehicle-card-heading h2{font-family:Bahnschrift,"Avenir Next Condensed","Arial Narrow",Arial,sans-serif;font-size:1.6rem;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#171b1e;grid-column:2;grid-row:1;margin:0;overflow-wrap:anywhere}
.inventory-main .vehicle-card-heading h2 a{text-decoration:none}
.inventory-main .vehicle-card-heading h2 a:hover{color:#bc1e22}
.inventory-main .vehicle-card-heading .trim{grid-column:2;grid-row:2;font-size:.9375rem;line-height:1.45;color:#53616a;margin:0;overflow-wrap:anywhere}
.inventory-main .vehicle-visual{aspect-ratio:4/3;flex-shrink:0}
.inventory-main .vehicle-visual .vehicle-sold-stamp{position:absolute;z-index:2;top:50%;left:50%;display:block;width:min(60%,360px);aspect-ratio:500/220;background:url('/accents/sold-stamp.svg') center/contain no-repeat;transform:translate(-50%,-50%) rotate(-6deg);pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}
.inventory-main .vehicle-card:hover .vehicle-visual img{transform:none}
.inventory-main .vehicle-info{padding:18px 20px 22px}
.inventory-main .card-price{padding-top:18px;margin:0 0 17px;gap:10px}
.inventory-main .card-price strong{font-size:2.45rem;line-height:1.1}
.inventory-main .card-price span{font-size:.875rem}
.inventory-main .card-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 15px;gap:20px 14px;margin-bottom:15px}
.inventory-main .card-facts dt{font-size:.8125rem;letter-spacing:0;align-items:flex-start;line-height:1.45}
.inventory-main .card-fact-icon{width:20px;height:20px;flex-basis:20px}
.inventory-main .card-facts dd{font-size:1.075rem;line-height:1.35;margin-top:6px}
.inventory-main .card-summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(164px,1.1fr);align-items:start;gap:12px;margin-top:auto;margin-bottom:17px}
.inventory-main .card-fuel-economy{background:#fff;color:#171b1e;border:1px solid #252a2d;border-radius:4px;padding:7px 8px;margin:0;min-width:0}
.inventory-main .card-fuel-heading{display:flex;align-items:center;gap:5px;font-size:.75rem;line-height:1.3;font-weight:800;margin:0 0 6px;padding-bottom:5px;border-bottom:1px solid #df292d}
.inventory-main .card-fuel-heading svg{width:15px;height:15px;flex:0 0 15px}
.inventory-main .card-fuel-metrics{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr) minmax(0,1fr);align-items:end;gap:4px;margin:0}
.inventory-main .card-fuel-metrics>div{display:flex;flex-direction:column-reverse;gap:3px;min-width:0}
.inventory-main .card-fuel-metrics dt{font-size:.75rem;line-height:1.35;font-weight:550;color:#4d5860;min-height:1.35em;overflow-wrap:anywhere}
.inventory-main .card-fuel-metrics dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:0;font-family:Bahnschrift,"Avenir Next Condensed","Arial Narrow",Arial,sans-serif;font-variant-numeric:tabular-nums;line-height:1}
.inventory-main .card-fuel-metrics dd strong{font-size:1.1rem;line-height:1;font-weight:800}
.inventory-main .card-fuel-metrics dd span{font-size:.75rem;font-weight:800;line-height:1.2}
.inventory-main .card-fuel-combined dd strong{font-size:1.65rem;letter-spacing:-.035em}
.inventory-main .card-fuel-note{font-size:.75rem;line-height:1.35;color:#53616a;margin:6px 0 0;border-top:1px solid #d3d8da;padding-top:5px}
.inventory-main .card-fuel-note a{color:#313b42;text-underline-offset:2px}
.inventory-main .card-fuel-pending{background:#f3f4f2;border-color:#c5cbcd}
.inventory-main .card-fuel-unconfirmed{font-size:.9375rem;font-weight:700;line-height:1.4;margin:9px 0 0}
.inventory-main .card-history{display:flex;flex-wrap:wrap;align-items:baseline;font-size:.875rem;line-height:1.5;margin:0;padding:10px 0 0;border:0;gap:3px 6px;min-width:0;overflow-wrap:anywhere}
.inventory-main .card-actions{grid-template-columns:minmax(0,1fr) auto;gap:17px}
.inventory-main .card-actions .button{min-height:50px;font-size:1rem;white-space:normal}
.inventory-main .card-call{font-size:.875rem}
@media(max-width:600px){.inventory-main .vehicle-card-heading{min-height:0;padding:20px}.inventory-main .vehicle-card-heading h2{font-size:1.65rem}.inventory-main .vehicle-visual{aspect-ratio:4/3}}
@media(max-width:360px){.inventory-main .vehicle-info{padding:16px}.inventory-main .card-facts{padding:14px 11px;gap:17px 11px}.inventory-main .card-facts dt{font-size:.75rem;gap:5px}.inventory-main .card-summary-row{gap:10px}}
