/* Chiptuning · Fahrzeugauswahl in der App (Black-Copper)
   Nur für die eingebettete Datenbank im Chiptuning-Bereich (.scdb-inline-catalog). Wird zuletzt geladen. */
.scdb-inline-catalog .scdb.scdb-copper{--cu:#d49a6a;--cu-hi:#f0c194;--cu-line:#d49a6a33;--txt:#ece4dc;--mute:#a89786;min-height:0!important}
.scdb-inline-catalog .scdb-copper .scdb-layout{gap:18px!important}

/* Filterleiste als eigene Karte */
.scdb-inline-catalog .scdb-copper .scdb-filters{margin:0!important;padding:16px!important;gap:12px!important;border:1px solid var(--cu-line)!important;border-radius:16px!important;background:linear-gradient(135deg,#1a130e,#0f0c0a)!important;box-shadow:inset 0 1px 0 #ffe3c412,0 14px 36px #0005!important}
.scdb-inline-catalog .scdb-copper .scdb-filter select:disabled{opacity:.45!important;cursor:not-allowed}

/* Kraftstoff: echte, gut tippbare Chips */
.scdb-inline-catalog .scdb-copper .scdb-fuel-control{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px}
.scdb-inline-catalog .scdb-copper .scdb-fuel-control::before{content:"Kraftstoff";font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.scdb-inline-catalog .scdb-copper .scdb-fuel-buttons{display:flex!important;flex-wrap:wrap;gap:8px!important}
.scdb-inline-catalog .scdb-copper .scdb-fuel-buttons button,.scdb-inline-catalog .scdb-copper .scdb-fuel-buttons button[data-fuel=""]{display:inline-flex!important;align-items:center;justify-content:center;min-width:76px!important;min-height:40px!important;padding:0 16px!important;border:1px solid #d49a6a40!important;border-radius:999px!important;background:#ffffff05!important;color:#cbbcad!important;font:600 13px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;box-shadow:none!important;margin:0!important;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.scdb-inline-catalog .scdb-copper .scdb-fuel-buttons button:hover{border-color:var(--cu)!important;color:var(--cu-hi)!important}
.scdb-inline-catalog .scdb-copper .scdb-fuel-buttons button[aria-pressed=true]{background:linear-gradient(135deg,var(--cu-hi),var(--cu))!important;border-color:transparent!important;color:#1a0f08!important}
.scdb-inline-catalog .scdb-copper .scdb-reset{position:static!important;align-self:center!important;justify-self:end!important;display:inline-flex!important;align-items:center;gap:8px;min-height:40px!important;padding:0 16px!important;border:1px solid var(--cu-line)!important;border-radius:999px!important;background:transparent!important;color:var(--txt)!important;font:600 13px/1 Inter,system-ui,sans-serif!important}
.scdb-inline-catalog .scdb-copper .scdb-reset:hover{border-color:var(--cu)!important;color:var(--cu-hi)!important}
.scdb-inline-catalog .scdb-copper .scdb-reset svg{width:16px;height:16px}

/* Solange kein Modell gewählt ist: nur Marke + Modell zeigen */
.scdb-inline-catalog .scdb-awaiting-model .scdb-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=make]),.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=model]){grid-column:span 2!important}
.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=year]),.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=generation]),.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=engine]),.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=power_ps]){display:none!important}
.scdb-inline-catalog .scdb-awaiting-model .scdb-fuel-control{grid-column:1/4!important}
.scdb-inline-catalog .scdb-awaiting-model .scdb-reset{grid-column:4!important}

/* Startkarte über die volle Breite */
.scdb-inline-catalog .scdb-copper .scdb-detail:has(.scdb-welcome){display:block!important;margin:18px 0 0!important}
.scdb-inline-catalog .scdb-copper .scdb-welcome{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:center!important;gap:40px!important;width:100%!important;min-height:380px!important;padding:48px 56px!important;border:1px solid var(--cu-line)!important;border-radius:18px!important;background:linear-gradient(90deg,#0d0a08f2 0%,#0d0a08c4 45%,#0d0a0855 100%),url(copper-showroom.png) center/cover no-repeat,#0d0a08!important;box-shadow:0 24px 60px #0006!important;overflow:hidden}
.scdb-inline-catalog .scdb-copper .scdb-welcome>div{max-width:560px}
.scdb-inline-catalog .scdb-copper .scdb-welcome>div>span{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 Inter,system-ui,sans-serif!important;letter-spacing:2.4px;color:var(--cu)}
.scdb-inline-catalog .scdb-copper .scdb-welcome>div>span::before{content:"";width:28px;height:1px;background:var(--cu)}
.scdb-inline-catalog .scdb-copper .scdb-welcome h2{font-size:clamp(40px,4.4vw,64px)!important;line-height:1!important;margin:18px 0 16px!important;color:#f1d3b2!important}
.scdb-inline-catalog .scdb-copper .scdb-welcome p{margin:0;max-width:460px;font:15px/1.6 Inter,system-ui,sans-serif!important;color:#c9b8a6!important}
.scdb-inline-catalog .scdb-copper .scdb-welcome img{width:100%!important;max-height:280px!important;object-fit:contain;filter:drop-shadow(0 18px 40px #d49a6a33)}

.scdb-welcome-steps{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.scdb-welcome-steps li{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid #ffffff14;border-radius:999px;background:#0b0908b3;font:600 13px/1 Inter,system-ui,sans-serif;color:var(--mute)}
.scdb-welcome-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #ffffff22;font:700 12px/1 Inter,system-ui,sans-serif;color:var(--mute)}
.scdb-welcome-steps li.active{border-color:var(--cu);color:var(--txt)}
.scdb-welcome-steps li.active b{background:linear-gradient(135deg,var(--cu-hi),var(--cu));border-color:transparent;color:#1a0f08}
.scdb-welcome-steps li.done{color:var(--cu-hi)}
.scdb-welcome-steps li.done b{border-color:var(--cu);color:var(--cu-hi)}

.scdb-welcome-picks{margin-top:22px}
.scdb-welcome-picks[hidden]{display:none!important}
.scdb-welcome-picks small{display:block;margin-bottom:10px;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute)}
.scdb-welcome-picks>div{display:flex;flex-wrap:wrap;gap:8px}
.scdb-inline-catalog .scdb-copper .scdb-welcome-picks button{min-height:40px;padding:0 16px;border:1px solid #d49a6a40;border-radius:999px;background:#0b0908b3;color:var(--txt);font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.scdb-welcome-picks button:hover,.scdb-welcome-picks button:focus-visible{border-color:var(--cu);color:var(--cu-hi);background:#d49a6a14;outline:none}

@media(max-width:1050px){
 .scdb-inline-catalog .scdb-copper .scdb-welcome{padding:36px!important;gap:24px!important}
}
@media(max-width:760px){
 .scdb-inline-catalog .scdb-copper .scdb-filters{padding:12px!important;gap:10px!important;border-radius:14px!important}
 .scdb-inline-catalog .scdb-awaiting-model .scdb-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=make]),.scdb-inline-catalog .scdb-awaiting-model .scdb-filter:has([data-filter=model]){grid-column:span 1!important}
 .scdb-inline-catalog .scdb-copper .scdb-fuel-control,.scdb-inline-catalog .scdb-awaiting-model .scdb-fuel-control{grid-column:1/-1!important;flex-direction:column;align-items:stretch!important;gap:8px!important}
 .scdb-inline-catalog .scdb-copper .scdb-fuel-buttons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important}
 .scdb-inline-catalog .scdb-copper .scdb-fuel-buttons button,.scdb-inline-catalog .scdb-copper .scdb-fuel-buttons button[data-fuel=""]{min-width:0!important;width:auto!important;padding:0 4px!important;font-size:12px!important}
 .scdb-inline-catalog .scdb-copper .scdb-reset,.scdb-inline-catalog .scdb-awaiting-model .scdb-reset{grid-column:1/-1!important;justify-self:stretch!important;justify-content:center}
 .scdb-inline-catalog .scdb-copper .scdb-welcome{grid-template-columns:1fr!important;min-height:0!important;padding:26px 20px!important;gap:18px!important;border-radius:16px!important;background:linear-gradient(180deg,#0d0a08f0,#0d0a08b8),url(copper-showroom.png) center/cover no-repeat,#0d0a08!important}
 .scdb-inline-catalog .scdb-copper .scdb-welcome h2{font-size:38px!important}
 .scdb-inline-catalog .scdb-copper .scdb-welcome p{font-size:14px!important}
 .scdb-inline-catalog .scdb-copper .scdb-welcome img{max-height:130px!important;order:-1}
 .scdb-welcome-steps li{font-size:12px;padding-right:12px}
}