/* The photo itself determines orientation. Both 4:3 and 3:4 stay fully visible. */
#vehicle .detail-wrap{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:start}
#vehicleGallery{width:100%;height:auto;aspect-ratio:4/3;margin-inline:auto;border-radius:12px;background:#f1f3f5;border-color:var(--line)}
#vehicleGallery[data-orientation=portrait]{aspect-ratio:3/4;max-width:440px}
#vehicleGallery img{padding:0;width:100%;height:100%;object-fit:contain}
#vehicleThumbs{align-items:center;padding-block:6px 10px}
#vehicleThumbs .thumb{flex:0 0 96px;height:72px;padding:0;aspect-ratio:4/3;border-radius:6px;background:#f1f3f5}
#vehicleThumbs .thumb[data-orientation=portrait]{flex-basis:54px;aspect-ratio:3/4}
#vehicleThumbs .thumb img{display:block;width:100%;height:100%;object-fit:contain}
#vehicle .summary{border-radius:12px;background:var(--white)}
#vehicle #vstock{font-size:12px;overflow-wrap:anywhere}
#vehicle #vstock:empty{display:none}
#vehicle #vinfo .val{overflow-wrap:anywhere}
html[data-theme=dark] #vehicleGallery,html[data-theme=dark] #vehicleThumbs .thumb{background:#17202b}
@media(max-width:900px){
 #vehicle .detail-wrap{grid-template-columns:1fr}
 #vehicleGallery{max-width:720px}
 #vehicleGallery[data-orientation=portrait]{max-width:440px}
}
@media(max-width:600px){
 #vehicle .detail-wrap{gap:18px}
 #vehicleThumbs .thumb{flex-basis:88px;height:66px}
 #vehicleThumbs .thumb[data-orientation=portrait]{flex-basis:49.5px}
 #vehicle .summary{padding:20px}
}