/* Small phones through 8K viewports: full-bleed surfaces, bounded text, growing photography. */
.container>*{min-width:0}
:where(main,footer) :where(input,select,textarea){max-width:100%}
.vehicle-breadcrumbs{flex-wrap:wrap;overflow-wrap:anywhere}
.vehicle-page .showroom-gallery #gallery-stage #gallery-image{object-fit:contain}
@media(min-width:861px){
 .showroom-grid{width:min(240rem,calc(100% - clamp(36px,4vw,160px)));grid-template-columns:minmax(0,1fr) clamp(360px,23vw,520px);gap:clamp(24px,3vw,80px)}
 .showroom-gallery{align-self:start}
 .vehicle-page .showroom-gallery #panel-photos .gallery-stage{height:auto;min-height:min(360px,78svh);max-height:78svh;aspect-ratio:4/3;flex:0 0 auto}
}
@media(min-width:1600px){
 .container{width:min(calc(100% - 96px),clamp(76.25rem,70vw,110rem))}
 .inventory-main .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero,.payment-intro{min-height:clamp(620px,28vw,1100px)}
 .inv-intro.inventory-showroom{min-height:clamp(480px,25vw,1100px)}
 .inventory-hero-photo{min-height:inherit}
 .inventory-hero-copy{padding:clamp(68px,4vw,128px)}
 .inventory-hero-copy>p{max-width:40rem}
 .service-card p,.step p{max-width:65ch}
}
@media(max-width:600px){
 .inventory-main .filter-panel{grid-template-columns:minmax(0,1fr)}
 .inventory-main .card-summary-row{grid-template-columns:minmax(0,1fr)}
 .inventory-main .card-fuel-economy{width:100%}
 .inventory-main .card-actions{grid-template-columns:minmax(0,1fr);gap:8px}
 .inventory-main .card-call{display:flex;align-items:center;justify-content:center}
 .payment-card{padding:20px}
 .payment-contact a,.footer a,.footer p{overflow-wrap:anywhere}
}
@media(max-width:360px){
 .container{width:calc(100% - 28px)}
 .header .container{gap:12px}
 .vehicle-page .media-tabs{gap:16px;padding-inline:14px}
 .vehicle-page .fuel-economy-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}
 .vehicle-page .fuel-combined{grid-column:1/-1}
 .vehicle-page .fuel-city{border-left:0;padding-left:0}
 .vehicle-page .vehicle-contact{grid-template-columns:minmax(0,1fr)}
 .hero-actions .button,.contact-actions .button{width:100%;white-space:normal}
}
@media print{.vehicle-page .showroom-gallery #panel-photos .gallery-stage{min-height:0;max-height:none;height:auto;aspect-ratio:4/3}}