.product-detail{color:var(--content);text-align:right}.product-detail :focus-visible{outline-color:var(--cta-gold-hover)}.detail-container{min-width:0;max-width:1200px;margin-inline:auto;padding-inline:16px}.detail-banner{background:var(--brand-navy);color:#fff;isolation:isolate;position:relative;overflow:hidden}.detail-banner:before{content:"";z-index:-1;opacity:.35;background:linear-gradient(90deg,var(--brand-navy),transparent),url(/images/fuel-gauge-reference.png) right 56% / 340px auto no-repeat;position:absolute;inset:0}.detail-banner h1{overflow-wrap:anywhere;max-width:1000px}.detail-overview{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.detail-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#fff;min-width:0;padding:16px}.detail-info{order:2}.detail-gallery{flex-direction:column;order:1;min-width:0;display:flex}.detail-gallery-stage{justify-content:center;align-items:center;height:260px;padding:4px 32px;display:flex}.detail-gallery-arrow{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--content);cursor:pointer;box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:999px;justify-content:center;align-items:center;font-size:18px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.detail-gallery-arrow:hover{border-color:var(--cta-gold)}.detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.detail-thumbnails[hidden]{display:none}.detail-thumbnail{border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;min-width:0;height:64px;padding:4px}.detail-thumbnail[aria-current=true]{border-color:var(--cta-gold-hover);box-shadow:inset 0 0 0 1px var(--cta-gold)}.detail-metadata{border:1px solid var(--border-subtle);background:var(--surface-alt);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:16px 10px;display:grid}.detail-metadata>div{min-width:0;padding:10px}.detail-metadata dt{color:var(--content-muted);font-size:12px}.detail-metadata dd{overflow-wrap:anywhere;margin-top:5px;font-size:13px;line-height:1.8}.detail-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.detail-button{border-radius:var(--radius-control);text-align:right;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.7;display:inline-flex}.detail-tables{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;margin-top:16px;display:grid}.detail-section-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;line-height:1.8;display:flex}.detail-table{border-collapse:collapse;text-align:right;width:100%;font-size:13px;line-height:1.8}.detail-table td,.detail-table th{border:1px solid var(--border-subtle);vertical-align:top;padding:8px 10px}.detail-table th{font-weight:600}.detail-table tr:nth-child(odd){background:var(--surface-alt)}.detail-specifications{table-layout:fixed}.detail-specifications th{width:31%}.detail-specifications td{overflow-wrap:anywhere;color:var(--content-muted)}.detail-table-scroll{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.detail-fitments{min-width:520px}.detail-fitments td{color:var(--content-muted)}.detail-fitments td:nth-child(3){white-space:nowrap}.detail-empty{color:var(--content-muted);padding:12px 0;font-size:14px;line-height:2}.detail-related{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.detail-related-card{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#fff;grid-template-columns:minmax(0,1fr) 105px;min-width:0;min-height:134px;padding:12px;display:grid}.detail-contact{isolation:isolate;background:var(--brand-navy);color:#fff;border-radius:var(--radius-control);position:relative;overflow:hidden}.detail-contact:before{content:"";z-index:-1;opacity:.18;background:linear-gradient(90deg,transparent,var(--brand-navy) 55%),url(/images/banners/about-car.webp) left center / cover no-repeat;position:absolute;inset:0}@media (width>=640px){.detail-container{padding-inline:24px}.detail-panel{padding:18px}.detail-gallery-stage{height:310px}.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.detail-overview{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.detail-info{order:1}.detail-gallery{order:2}.detail-gallery-stage{flex:1;min-height:280px;max-height:420px}.detail-metadata{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-tables{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.detail-related{grid-template-columns:repeat(3,minmax(0,1fr))}}
