/* Wheels On Demand — single vehicle detail page layout.
   Reuses the .vdetail-* gallery/specs/description/cta styles already
   defined in vehicle-lightbox.css (enqueued alongside this file) —
   this file only adds the full-page grid these pieces sit in. */

.vdp-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 40px;
  align-items: start;
  padding: 8px 0 64px;
}

@media (max-width: 860px) {
  .vdp-grid { grid-template-columns: 1fr; gap: 28px; }
}

.vdp-gallery {
  background: var(--navy-900);
  border-radius: var(--r-xl, 22px);
  overflow: hidden;
  position: sticky;
  top: 24px;
}

@media (max-width: 860px) {
  .vdp-gallery { position: static; }
}

.vdp-gallery .vdetail-main { aspect-ratio: 4/3; }

.vdp-info {
  padding: 0;
  gap: 22px;
}

.vdp-info .vdetail-specs { grid-template-columns: 1fr 1fr; }

@media (max-width: 480px) {
  .vdp-info .vdetail-specs { grid-template-columns: 1fr; }
}