/* Model detail pages only. Image mappings live in data/cars.json. */
.model-detail { --md-line:#dce4ed; }
.model-detail .md-section { padding:44px 0; scroll-margin-top:100px; }
.model-detail h2 { font-size:clamp(1.35rem,2.3vw,2rem); margin:0 0 18px; }
.model-detail .md-hero { padding:32px 0 40px; background:linear-gradient(120deg,#f5f8fc,#e9f0f7); }
.model-detail .md-hero-grid { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:32px; }
.model-detail h1 { font-size:clamp(2rem,4.2vw,3.8rem); margin:8px 0 16px; line-height:1.05; }
.model-detail .md-hero .intro { font-size:1.05rem; }
.model-detail .md-price-label { margin:24px 0 2px; font-size:.85rem; }
.model-detail .md-hero .price { font-size:2.2rem; margin:0; }
.model-detail .md-hero-media img { width:100%; height:auto; max-height:350px; object-fit:contain; }
.model-detail .actions { gap:10px; }
.model-detail .md-highlights { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.model-detail .md-highlights article { padding:18px; border:1px solid var(--md-line); border-radius:12px; }
.model-detail .md-highlight-number { color:#3774a7; font-size:.75rem; font-weight:800; }
.model-detail .md-highlights h3 { font-size:1rem; margin:8px 0 6px; }
.model-detail .md-highlights p { font-size:.875rem; color:#536477; margin:0; }
.model-detail .md-section-intro { margin:-8px 0 24px; }
.model-detail .md-variants { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.model-detail .md-variants:has(> :last-child:nth-child(2)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.model-detail .md-variant { min-width:0; display:flex; flex-direction:column; background:white; border:1px solid var(--md-line); border-radius:14px; overflow:hidden; padding:22px; }
.model-detail .md-variant h3 { font-size:1.2rem; margin:0 0 6px; }
.model-detail .md-variant .price { font-size:1.6rem; margin:0; }
.model-detail .md-variant img { width:100%; height:150px; object-fit:contain; margin:14px 0; }
.model-detail .md-variant ul { padding:0; margin:0 0 22px; list-style:none; flex:1; }
.model-detail .md-variant li { font-size:.9rem; line-height:1.45; padding:8px 0 8px 18px; position:relative; border-bottom:1px solid #eef2f6; }
.model-detail .md-variant li::before { content:'✓'; position:absolute; left:0; color:#28755c; font-size:.8rem; }
.model-detail .md-variant .btn { width:100%; min-height:46px; padding:12px 8px; font-size:.8rem; }
.model-detail .md-photos { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.model-detail figure { margin:0; min-width:0; }
.model-detail .md-photos img { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:white; border-radius:12px; }
.model-detail figcaption { font-size:.85rem; font-weight:700; margin-top:10px; }
.model-detail figcaption span { display:block; font-size:.75rem; font-weight:400; color:#64748b; margin-top:4px; }
.model-detail .md-video { width:100%; max-width:900px; aspect-ratio:16/9; background:#10283f; border-radius:12px; overflow:hidden; }
.model-detail .md-video iframe { width:100%; height:100%; border:0; display:block; }
.model-detail .md-video-placeholder { padding:20px 24px; border:1px solid var(--md-line); border-radius:12px; }
.model-detail .md-video-placeholder p { margin:0; }
.model-detail .md-brochure { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.model-detail .md-brochure h2 { margin-bottom:8px; }
.model-detail .md-brochure p { margin-bottom:0; }
.model-detail .md-final { text-align:center; }
.model-detail .md-final h2 { color:white; }
.model-detail .md-final p { margin:0 0 22px; }
body[data-model] { padding-bottom:0; }
@media(min-width:1700px) {
 .model-detail .md-variants:has(> :last-child:nth-child(5)) { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .model-detail .wrap { width:min(1500px,calc(100% - 64px)); max-width:1500px; }
}
@media(max-width:1000px) {
 .model-detail .md-variants { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .model-detail .md-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .model-detail .md-section { padding:30px 0; }
 .model-detail .md-hero { padding:24px 0; }
 .model-detail .md-hero-grid { grid-template-columns:1fr; gap:18px; }
 .model-detail .md-hero-media img { max-height:210px; }
 .model-detail .md-hero .actions { display:grid; grid-template-columns:1fr 1fr; }
 .model-detail .md-hero .btn { font-size:.72rem; padding:12px 8px; }
 .model-detail .md-highlights { gap:10px; }
 .model-detail .md-highlights article { padding:14px; }
 .model-detail .md-highlights h3 { font-size:.95rem; }
 .model-detail .md-highlights p { font-size:.8rem; }
 .model-detail .md-variants,.model-detail .md-variants:has(> :last-child:nth-child(2)),.model-detail .md-photos { grid-template-columns:1fr; }
 .model-detail .md-variant { padding:20px; }
 .model-detail .md-variant img { height:145px; }
 .model-detail .md-brochure { flex-direction:column; align-items:stretch; gap:20px; }
 .model-detail .md-brochure .btn { width:100%; }
 .model-detail .md-final h2 { font-size:1.45rem; }
}


@media(max-width:600px) {
 .model-detail .md-hero .intro { font-size:14px; line-height:1.45; margin:0 0 10px; }
 .model-detail .md-price-label { margin:12px 0 2px; }
 .model-detail .md-hero .note { margin:6px 0 10px; line-height:1.4; }
 .model-detail .md-hero .actions { margin-top:12px; }
 .model-detail .md-hero-grid { gap:12px; }
 .model-detail #variants .md-section-intro { font-size:14px; line-height:1.45; margin:-6px 0 14px; }
}