/* Vehicle case detail — uses the existing MOBOX typography and colour tokens. */
.detail-package { display:grid; grid-template-columns:.85fr 1.4fr; gap:72px; padding:0 0 80px; }
.detail-package-heading h2 { margin:12px 0 0; font-size:30px; font-weight:500; line-height:42px; letter-spacing:1.8px; }
.detail-package-list { margin:0; border-top:1px solid var(--case-line); }
.detail-package-list > div { display:flex; justify-content:space-between; align-items:baseline; gap:24px; padding:20px 0; border-bottom:1px solid var(--case-line); font-size:14px; line-height:1.8; }
.detail-package-list dt { color:var(--case-ink); }
.detail-package-list dd { margin:0; color:var(--case-muted); text-align:right; }
.detail-package-list a { color:var(--case-gold); }
.detail-package-list a span { margin-left:20px; }
@media (max-width:900px) { .detail-package { gap:32px; grid-template-columns:1fr 1.25fr; } }
@media (max-width:640px) { .detail-package { grid-template-columns:1fr; gap:24px; padding-bottom:44px; } .detail-package-heading h2 { font-size:24px; line-height:34px; } .detail-package-list > div { font-size:13px; padding:18px 0; } }
.detail-main { padding-top: 100px; }
.detail-main a { text-decoration: none; }
.detail-main a:focus-visible { outline: 2px solid var(--case-gold); outline-offset: 6px; }
.detail-breadcrumb { display:flex; justify-content:space-between; gap:24px; padding:30px 0; border-bottom:1px solid var(--case-line); font-size:12px; line-height:1.8; color:var(--case-muted); }
.detail-breadcrumb a:hover, .detail-return a:hover { color:var(--case-gold); }
.detail-breadcrumb > span { color:var(--case-dim); }
.detail-opening { display:grid; grid-template-columns: .85fr 1.4fr; gap:72px; align-items:center; padding:48px 0 88px; }
.detail-heading { padding:0 0 54px; }
.detail-heading h1 { margin:26px 0 12px; color:var(--case-ink); font-size:40px; font-weight:500; line-height:1.8; letter-spacing:3.2px; }
.detail-model { margin:0; color:var(--case-gold); font-size:20px; font-weight:400; line-height:1.8; letter-spacing:2px; }
.detail-model span { margin-left:18px; color:var(--case-muted); font-size:14px; letter-spacing:1px; }
.detail-product { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; padding:14px 0; border-bottom:1px solid rgba(233,201,126,.4); font-size:12px; line-height:1.8; letter-spacing:1px; color:var(--case-gold); }
.detail-heading .detail-product { margin-top:52px; }
.detail-product:hover { border-color:var(--case-gold); color:var(--case-ink); }
.detail-main figure { margin:0; min-width:0; }
.detail-main-photo { width:100%; max-width:550px; justify-self:end; }
.detail-main-photo a, .detail-gallery a { display:block; background:var(--case-panel); }
.detail-main img { display:block; width:100%; height:auto; }
.detail-main figcaption { display:flex; justify-content:space-between; padding-top:14px; font-size:11px; color:var(--case-muted); line-height:1.8; letter-spacing:1px; }
.detail-gallery { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:0 0 80px; }
.detail-accessories { display:grid; grid-template-columns:.85fr 1.4fr; gap:72px; padding:0 0 80px; }
.detail-accessories-heading h2 { margin:12px 0 18px; font-size:30px; font-weight:500; line-height:42px; letter-spacing:1.8px; }
.detail-accessories-heading p { max-width:290px; margin:0; color:var(--case-muted); font-size:13px; line-height:2; }
.detail-accessory-stage { min-width:0; border-top:1px solid var(--case-line); }
.detail-accessory-slide { position:relative; min-height:340px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,0) 58%),var(--case-panel); }
.detail-accessory-slide[aria-hidden="true"] { display:none; }
.detail-accessory-art { position:absolute; inset:0; display:grid; place-items:center; color:rgba(233,201,126,.72); }
.detail-accessory-art::before { content:""; position:absolute; inset:24px; border:1px solid rgba(233,201,126,.12); }
.detail-accessory-art img { width:min(78%,520px); height:auto; opacity:.88; }
.detail-accessory-art .accessory-index { position:absolute; top:34px; left:38px; color:var(--case-dim); font-size:10px; letter-spacing:2.6px; }
.detail-accessory-art .accessory-note { position:absolute; right:38px; bottom:32px; color:var(--case-muted); font-size:11px; letter-spacing:1px; }
.detail-accessory-controls { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:22px; padding:18px 0 0; }
.detail-accessory-controls button { display:grid; width:42px; height:42px; padding:0; place-items:center; border:1px solid var(--case-line); border-radius:50%; background:transparent; color:var(--case-ink); cursor:pointer; transition:border-color .2s ease,color .2s ease; }
.detail-accessory-controls button:hover { border-color:var(--case-gold); color:var(--case-gold); }
.detail-accessory-controls button:focus-visible { outline:2px solid var(--case-gold); outline-offset:4px; }
.detail-accessory-name { color:var(--case-ink); font-size:14px; letter-spacing:1px; }
.detail-accessory-counter { color:var(--case-muted); font-size:11px; letter-spacing:1.4px; }
.detail-product-strip { display:flex; justify-content:space-between; align-items:center; gap:32px; border-top:1px solid var(--case-line); border-bottom:1px solid var(--case-line); padding:40px 0; }
.detail-product-strip h2 { margin:10px 0 0; font-size:30px; line-height:42px; font-weight:500; letter-spacing:1.8px; }
.detail-product-strip h2 span { margin-left:16px; font-size:15px; color:var(--case-muted); letter-spacing:1px; }
.detail-return { display:flex; justify-content:space-between; gap:24px; padding:36px 0 64px; font-size:12px; line-height:1.8; color:var(--case-muted); }
.detail-return > span { font-size:10px; letter-spacing:2.6px; color:var(--case-dim); }
@media (max-width:900px) {
 .detail-opening { gap:32px; grid-template-columns:1fr 1.25fr; }
 .detail-heading h1 { font-size:32px; letter-spacing:2px; }
 .detail-accessories { gap:32px; grid-template-columns:1fr 1.25fr; }
}
@media (max-width:640px) {
 .detail-main { padding-top:74px; }
 .detail-breadcrumb { padding:22px 0; }
 .detail-breadcrumb > span { display:none; }
 .detail-opening { grid-template-columns:1fr; gap:28px; padding:32px 0 44px; }
 .detail-heading { padding:0; }
 .detail-heading h1 { font-size:30px; line-height:1.45; margin:18px 0 10px; }
 .detail-model { font-size:18px; }
 .detail-heading .detail-product { margin-top:18px; }
 .detail-main-photo { max-width:none; }
 .detail-gallery { grid-template-columns:1fr; gap:32px; padding-bottom:44px; }
 .detail-accessories { grid-template-columns:1fr; gap:24px; padding-bottom:44px; }
 .detail-accessories-heading h2 { font-size:24px; line-height:34px; margin-bottom:10px; }
 .detail-accessories-heading p { max-width:none; }
 .detail-accessory-slide { min-height:260px; }
 .detail-accessory-art::before { inset:14px; }
 .detail-accessory-art .accessory-index { top:24px; left:26px; }
 .detail-accessory-art .accessory-note { right:26px; bottom:23px; }
 .detail-accessory-controls { grid-template-columns:auto 1fr auto auto; gap:12px; }
 .detail-product-strip { align-items:flex-start; flex-direction:column; gap:12px; padding:28px 0; }
 .detail-product-strip h2 { font-size:24px; line-height:34px; }
 .detail-return { padding:28px 0 40px; }
 .detail-return > span { display:none; }
}