.vehicle-detail { padding-block: 80px; background: var(--color-bg-cream); }
.vehicle-detail__intro { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: 54px; }
.vehicle-detail__copy { padding-top: 18px; }
.vehicle-detail__copy h1 { font-size: clamp(50px,5vw,72px); }
.vehicle-detail__description { margin-block: 24px 32px; color: var(--color-text-secondary); line-height: 1.65; }
.vehicle-gallery__main { aspect-ratio: 1.55; overflow: hidden; background: var(--color-placeholder); }
.vehicle-gallery__main img { width: 100%; height: 100%; object-fit: cover; }
.vehicle-gallery__thumbs { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 10px; }
.vehicle-gallery__thumb { aspect-ratio: 1.45; padding: 0; overflow: hidden; border: 1px solid transparent; background: none; cursor: pointer; }
.vehicle-gallery__thumb.is-active { border-color: var(--color-accent); }
.vehicle-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }
.vehicle-details { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 42px; border-top: 1px solid var(--color-border); }
.vehicle-accordion__trigger { width: 100%; display: flex; justify-content: space-between; padding: 30px 0; border: 0; background: transparent; color: inherit; font-family: var(--font-heading); font-size: 38px; text-align: left; cursor: pointer; }
.vehicle-accordion__trigger [data-accordion-icon] { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--color-accent); border-radius: 50%; color: var(--color-accent); font-family: var(--font-body); font-size: 22px; }
.vehicle-accordion__panel { padding-bottom: 28px; color: var(--color-text-secondary); }
.vehicle-specs { margin: 0; }
.vehicle-specs > div { display: flex; justify-content: space-between; gap: 24px; padding: 9px 0; }
.vehicle-specs dd { margin: 0; color: var(--color-text-primary); font-weight: 600; text-align: right; }
.vehicle-highlights { margin: 0 0 32px; padding-left: 20px; }
.vehicle-accordion__panel h3 { margin-top: 24px; font-size: 30px; }
@media (max-width: 768px) { .vehicle-detail { padding-block: 40px; } .vehicle-detail__intro { display: flex; flex-direction: column-reverse; gap: 34px; } .vehicle-detail__copy h1 { font-size: 42px; } .vehicle-details { grid-template-columns: 1fr; gap: 0; } .vehicle-accordion__trigger { font-size: 32px; } }