.vehicle-detail-page{background:#f3f6f8}.vehicle-breadcrumb{margin-bottom:0;padding-block:28px;color:var(--muted)}.vehicle-breadcrumb a{color:var(--blue)}
.vehicle-detail-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:42px;padding-bottom:72px}.vehicle-gallery,.vehicle-summary{min-width:0}.vehicle-main-photo{position:relative;background:#dfe5ea;aspect-ratio:4/3;overflow:hidden}.vehicle-main-photo img{width:100%;height:100%;object-fit:cover}.vehicle-main-photo>span{position:absolute;top:18px;left:18px;background:var(--red);color:#fff;padding:8px 12px;text-transform:uppercase;font:800 11px "Barlow Condensed"}.vehicle-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.vehicle-thumbs button{flex:0 0 102px;height:74px;padding:0;border:2px solid transparent;background:#fff}.vehicle-thumbs button.active{border-color:var(--red)}.vehicle-thumbs img{width:100%;height:100%;object-fit:cover}
.vehicle-summary{background:#fff;border-top:5px solid var(--red);padding:38px;align-self:start;box-shadow:0 18px 45px rgba(5,20,35,.08)}.vehicle-summary h1{font:800 clamp(44px,5vw,66px)/.88 "Barlow Condensed";text-transform:uppercase;color:var(--blue-deep);margin:10px 0 8px}.vehicle-detail-variant{color:var(--muted);line-height:1.5}.vehicle-detail-price{display:block;font:800 38px "Barlow Condensed";color:var(--blue);margin-top:26px}.vehicle-stock-ref,.vehicle-finance-note{font-size:10px;color:var(--muted)}.vehicle-detail-specs{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border:1px solid var(--line)}.vehicle-detail-specs div{padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.vehicle-detail-specs div:nth-child(2n){border-right:0}.vehicle-detail-specs dt{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.vehicle-detail-specs dd{margin:4px 0 0;font:800 17px "Barlow Condensed";color:var(--blue-deep)}.vehicle-detail-actions{display:grid;gap:8px}.vehicle-finance-button{background:var(--blue)}
.vehicle-copy{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;padding-block:68px;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.vehicle-copy h2{font:800 42px "Barlow Condensed";text-transform:uppercase;color:var(--blue-deep);margin:0}.vehicle-copy>p{line-height:1.75;color:var(--muted)}.vehicle-detail-data{padding-block:70px}.vehicle-detail-data details{background:#fff;border:1px solid var(--line);margin-bottom:14px}.vehicle-detail-data summary{padding:20px 24px;font:800 25px "Barlow Condensed";text-transform:uppercase;color:var(--blue);cursor:pointer}.vehicle-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 24px 28px}.vehicle-data-grid h3{font:800 20px "Barlow Condensed";text-transform:uppercase;color:var(--blue-deep)}.vehicle-data-grid ul{padding-left:18px;color:var(--muted);font-size:11px;line-height:1.7}.vehicle-data-grid dl div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line);font-size:10px}.vehicle-data-grid dd{margin:0;text-align:right;color:var(--blue)}.vehicle-detail-cta{background:var(--red);color:#fff;padding-block:55px}.vehicle-detail-cta .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.vehicle-detail-cta h2{font:800 44px "Barlow Condensed";text-transform:uppercase;margin:4px 0 0}
.vehicle-video-overlay{position:fixed;z-index:1100;inset:0;background:rgba(3,16,29,.94);display:grid;place-items:center;padding:30px}.vehicle-video-overlay video{width:min(100%,1000px);max-height:82vh}.vehicle-video-overlay button{position:absolute;top:20px;right:25px;border:0;background:#fff;color:var(--blue);width:44px;height:44px;font-size:25px}
@media(max-width:900px){.vehicle-detail-hero{grid-template-columns:1fr}.vehicle-summary{width:100%}.vehicle-data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.vehicle-breadcrumb{padding-block:20px}.vehicle-detail-hero{gap:20px;padding-bottom:45px}.vehicle-summary{padding:25px 20px}.vehicle-summary h1{font-size:46px}.vehicle-thumbs button{flex-basis:84px;height:62px}.vehicle-copy{grid-template-columns:1fr;gap:15px;padding-block:48px}.vehicle-data-grid{grid-template-columns:1fr}.vehicle-detail-cta .container{align-items:flex-start;flex-direction:column}.vehicle-detail-cta h2{font-size:36px}}
