/* Five explicit model destinations; the full names remain legible on phones. */
.evocars-header .model-switch{gap:8px}
.evocars-header .model-switch button{white-space:nowrap;font-size:13px;padding:10px 14px;min-width:90px}
body:is([data-model="900"],[data-model="09"],[data-model="06"]) .showroom-heading h1{font-size:30px;letter-spacing:-1px}
body:is([data-model="900"],[data-model="09"],[data-model="06"]) .evocars-intro-film{background:#d7dcde}
body:is([data-model="900"],[data-model="09"],[data-model="06"]) .evocars-intro-poster{object-fit:cover;object-position:center;opacity:1}
body:is([data-model="900"],[data-model="09"],[data-model="06"]) .evocars-intro:after{background:linear-gradient(0deg,#080e12ed,transparent 48%)}
@media(max-width:760px){
 :root{--mobile-header:108px}
 .evocars-header{height:var(--mobile-header);grid-template-columns:1fr auto;grid-template-rows:54px 54px;gap:0;padding:0 16px}
 .evocars-header .evocars-brand{grid-row:1;grid-column:1}
 .evocars-header-actions{grid-row:1;grid-column:2}
 .evocars-header .model-switch{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-self:stretch;width:100%;padding:0;gap:0;border-top:1px solid #ffffff1c}
 .evocars-header .model-switch button{min-width:0;font-size:12px;padding:9px 6px;min-height:48px}
 .evocars-header .model-switch button.active:after{left:8px;right:8px;bottom:0}
 #configuration{scroll-margin-top:var(--mobile-header)}
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .showroom-heading h1{font-size:21px}
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .evocars-intro-poster{object-position:center;object-fit:cover;transform:none}
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .evocars-intro:after{background:linear-gradient(0deg,#080e12eb,transparent 65%)}
}
@media(max-width:900px),(max-width:1024px) and (max-height:600px){
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .workspace[data-step="3"] .compact-card{display:grid;grid-template-columns:104px minmax(0,1fr)}
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .workspace[data-step="3"] .compact-image{width:104px;height:100%;min-height:104px;aspect-ratio:auto}
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .workspace[data-step="3"] .compact-image img{object-fit:cover;object-position:center}
 body:is([data-model="900"],[data-model="09"],[data-model="06"]) .workspace[data-step="3"] .group-title{margin-top:8px}
}
@media(max-width:760px){.evocars-intro{min-height:max(440px,calc(100svh - var(--mobile-header)))}#intro{scroll-margin-top:var(--mobile-header)}}

@media(max-width:760px){.evocars-header .model-switch button{font-size:16px;line-height:1.15;padding:5px 2px}.evocars-header .model-switch button span{display:block;font-size:10px;font-weight:500;letter-spacing:.02em;margin-bottom:3px}}

/* The manufacturer's wheel detail has generous transparent margins. Frame the wheel itself. */
body[data-model="06"] .workspace[data-step="2"] .compact-image{overflow:hidden}
body[data-model="06"] .workspace[data-step="2"] .compact-image img{object-fit:cover;object-position:45% 100%;transform:scale(2);transform-origin:45% 85%}

/* Paint samples are selectors; full vehicle photographs stay in Details. */
body:is([data-model="06"],[data-model="900"],[data-model="09"]) .paint-sample{display:grid;place-items:center;background:transparent;padding:14px;min-height:92px}
.paint-chip{display:block;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#ffffff24,transparent 55%,#00000010),var(--paint);box-shadow:inset 0 0 0 1px #00000014;flex:none}
.selected .paint-chip{outline:1px solid #5d685e;outline-offset:5px}
.product-image.paint-sample .paint-chip{width:72px;height:72px}
body:is([data-model="06"],[data-model="900"],[data-model="09"]) .compact-card:has(.paint-sample) .compact-body{padding:10px 12px;gap:4px}
body:is([data-model="06"],[data-model="900"],[data-model="09"]) .compact-card:has(.paint-sample) .compact-body>strong{min-height:1.45em}
@media(max-width:900px),(max-width:1024px) and (max-height:600px){
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .compact-options{grid-template-columns:1fr;gap:8px}
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .compact-card:has(.paint-sample){display:grid;grid-template-columns:64px minmax(0,1fr)}
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .compact-image.paint-sample{width:64px;height:100%;min-height:92px;padding:12px}
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .compact-card:has(.paint-sample) .compact-body>strong{font-size:14px;line-height:1.45}
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .option-controls .option-action{font-size:12px}
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .option-controls .check{position:static}
 body:is([data-model="06"],[data-model="900"],[data-model="09"]) .workspace:is([data-step="1"],[data-step="3"]) .paint-chip{width:40px;height:40px}
}

.paint-chip.two-tone{background:linear-gradient(140deg,#ffffff24,transparent 55%,#00000010),linear-gradient(135deg,var(--paint) 0 50%,var(--paint-secondary) 50% 100%)}

/* Keep five model tabs clear of the contacts on medium desktop widths. */
@media(min-width:761px) and (max-width:1280px){
 .evocars-header .model-switch{gap:0}
 .evocars-header .model-switch button{min-width:62px;padding:9px 8px;font-size:12px}
 .evocars-header .model-switch button span{display:block;font-size:9px;margin-bottom:2px}
}
@media(max-width:380px){.evocars-header .model-switch button span{font-size:9px}}
body[data-model="09"] .workspace[data-step="2"] .compact-image img{object-fit:contain}
/* A single included wheel design is still a full-width, readable choice. */
body[data-model="09"] .workspace[data-step="2"] .compact-image{overflow:hidden}
body[data-model="09"] .workspace[data-step="2"] .compact-image img{object-fit:cover;object-position:42% 100%;transform:scale(2.3);transform-origin:42% 85%}
@media(max-width:900px),(max-width:1024px) and (max-height:600px){
 body[data-model="09"] .workspace[data-step="2"] .compact-options{grid-template-columns:1fr}
 body[data-model="09"] .workspace[data-step="2"] .compact-card{display:grid;grid-template-columns:88px minmax(0,1fr)}
 body[data-model="09"] .workspace[data-step="2"] .compact-image{width:88px;height:100%;min-height:110px;aspect-ratio:auto}
 body[data-model="09"] .workspace[data-step="2"] .compact-body>strong{min-height:1.45em}
 body[data-model="09"] .workspace[data-step="2"] .option-controls .check{position:static}
}