/* Fahrzeugdatenbank · Seitengestaltung v2 (Black-Copper)
   Nur für /fahrzeugdatenbank (body.scdb-page). Wird nach luxe-database.css geladen. */
html body.scdb-page{--cu:#d49a6a;--cu-hi:#f0c194;--cu-lo:#8a5a37;--ink:#0b0908;--panel:#15100d;--line:#d49a6a2e;--txt:#ece4dc;--mute:#a89786;background:radial-gradient(1200px 520px at 50% -120px,#3a22134d,transparent 70%),#0b0908!important;color:var(--txt)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html body.scdb-page *{box-sizing:border-box}
html body.scdb-page [hidden]{display:none!important}

/* Kopfzeile */
html body.scdb-page .scdb-header{position:sticky!important;top:0;z-index:40;display:flex!important;align-items:center!important;gap:28px!important;height:auto!important;min-height:72px;padding:8px max(28px,var(--sc-safe-right,0px)) 8px max(28px,var(--sc-safe-left,0px))!important;background:#0b0908e6!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important}
html body.scdb-page .scdb-header .scdb-logo img{width:128px!important;height:64px!important;object-fit:contain!important;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
html body.scdb-page .scdb-nav{display:flex!important;gap:6px!important}
html body.scdb-page .scdb-header .scdb-nav a{font:600 14px/1 Inter,system-ui,sans-serif!important;color:var(--mute)!important;padding:11px 16px!important;border:1px solid transparent!important;border-radius:999px;transition:color .2s,background .2s,border-color .2s}
html body.scdb-page .scdb-header .scdb-nav a:hover{color:var(--txt)!important;background:#ffffff08}
html body.scdb-page .scdb-header .scdb-nav a.active{color:#1a0f08!important;background:linear-gradient(135deg,var(--cu-hi),var(--cu))!important;border-color:transparent!important;padding:11px 16px!important}
html body.scdb-page .scdb-header-actions{gap:10px!important}
html body.scdb-page .scdb-header-actions a,html body.scdb-page .scdb-header-actions button{display:inline-flex;align-items:center;gap:8px;font:600 13px Inter,system-ui,sans-serif;color:var(--txt)!important;padding:10px 16px!important;border:1px solid var(--line)!important;border-radius:999px;text-decoration:none;background:#ffffff06!important}
html body.scdb-page .scdb-header-actions a:hover{border-color:var(--cu)!important;color:var(--cu-hi)!important}

/* Einleitung */
.scdb-hero>*,.scdb-hero-stats>*{min-width:0}
.scdb-hero{position:relative;max-width:1400px;margin:0 auto;padding:56px 28px 10px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end}
.scdb-hero-kicker{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:2.6px;text-transform:uppercase;color:var(--cu)}
.scdb-hero-kicker::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--cu),transparent)}
.scdb-hero h1{margin:16px 0 14px;font:italic 800 clamp(38px,5.4vw,72px)/.95 SCMotorsport,"Barlow Condensed",Impact,sans-serif;letter-spacing:-.5px;text-transform:uppercase;color:#f3ece5}
.scdb-hero h1 span{display:block;background:linear-gradient(100deg,var(--cu-hi),var(--cu) 55%,var(--cu-lo));-webkit-background-clip:text;background-clip:text;color:transparent}
.scdb-hero p{margin:0;max-width:560px;font-size:16px;line-height:1.6;color:var(--mute)}
.scdb-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.scdb-hero-stats div{padding:18px 18px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#21170f,#120d0a)}
.scdb-hero-stats b{display:block;font:italic 800 clamp(24px,2.4vw,34px)/1 SCMotorsport,Impact,sans-serif;color:var(--cu-hi);font-variant-numeric:tabular-nums}
.scdb-hero-stats span{display:block;margin-top:8px;font-size:12px;letter-spacing:.4px;color:var(--mute)}
.scdb-hero-live{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:12px;color:var(--mute)}
.scdb-hero-live::before{content:"";display:block;flex:0 0 8px;width:8px!important;height:8px!important;border-radius:50%!important;background:#6fcf8a;box-shadow:0 0 0 4px #6fcf8a22}
.scdb-hero-live[data-state="off"]::before{background:#c9a24a;box-shadow:0 0 0 4px #c9a24a22}

/* Filterbereich als Karte */
html body.scdb-page main#database{max-width:1400px;margin:0 auto;padding:22px 28px 10px!important;min-height:60vh}
html body.scdb-page main#database .scdb-filters{position:relative;padding:44px 18px 16px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(180deg,#18110d,#100c0a)!important;box-shadow:0 24px 60px -30px #000c}
html body.scdb-page main#database .scdb-filters::before{content:"Fahrzeug wählen";position:absolute;top:16px;left:20px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:var(--cu)}
html body.scdb-page main#database .scdb-filter label{color:var(--mute)!important;font:600 11px Inter,system-ui,sans-serif!important;letter-spacing:.6px!important}
html body.scdb-page main#database .scdb-filter select{border-radius:12px!important;font-size:15px!important}
html body.scdb-page main#database .scdb-filter select:focus-visible{outline:2px solid var(--cu)!important;outline-offset:2px}
html body.scdb-page main#database .scdb-fuel-buttons{gap:8px!important;flex-wrap:wrap}
html body.scdb-page main#database .scdb-fuel-buttons button,html body.scdb-page main#database .scdb-fuel-buttons button[data-fuel=""]{display:inline-flex!important;align-items:center;min-height:36px;padding:8px 16px!important;font:600 13px Inter,system-ui,sans-serif!important;color:var(--mute)!important;background:#ffffff05!important;border:1px solid var(--line)!important;border-radius:999px!important;cursor:pointer}
html body.scdb-page main#database .scdb-fuel-buttons button:hover{color:var(--txt)!important;border-color:var(--cu)!important}
html body.scdb-page main#database .scdb-fuel-buttons button[aria-pressed="true"]{color:#1a0f08!important;background:linear-gradient(135deg,var(--cu-hi),var(--cu))!important;border-color:transparent!important}
html body.scdb-page main#database .scdb-fuel-buttons button{flex:0 0 auto!important;width:auto!important;white-space:nowrap}
html body.scdb-page main#database .scdb-reset{min-height:36px;padding:8px 14px!important;border:1px solid var(--line)!important;border-radius:999px!important;font-size:13px!important;color:var(--mute)!important}
html body.scdb-page main#database .scdb-reset:hover{color:var(--cu-hi)!important;border-color:var(--cu)!important}

/* Fahrzeugkarte und Stufen */
html body.scdb-page main#database .scdb-future-hero{border-radius:22px!important;box-shadow:0 40px 80px -40px #000,0 0 0 1px var(--line)!important}
html body.scdb-page main#database .scdb-future-levels{border-radius:18px!important;overflow:hidden}
html body.scdb-page main#database .scdb-future-action{display:flex!important;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-radius:18px!important;padding:22px 24px!important}
html body.scdb-page main#database .scdb-future-action-title span{font-size:14px!important;color:var(--mute)!important}
html body.scdb-page main#database .scdb-future-cta{display:inline-flex!important;align-items:center;gap:14px;min-height:50px;padding:0 26px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--cu-hi),var(--cu) 60%,#b97a4c)!important;color:#1a0f08!important;font:700 15px Inter,system-ui,sans-serif!important;cursor:pointer;box-shadow:0 14px 30px -14px #d49a6acc;transition:transform .15s,box-shadow .15s}
html body.scdb-page main#database .scdb-future-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px -14px #d49a6a}
html body.scdb-page main#database .scdb-future-cta:disabled{background:#2a201a!important;color:var(--mute)!important;box-shadow:none;cursor:not-allowed}
html body.scdb-page main#database .scdb-future-foot{font-size:12px!important;color:var(--mute)!important}
html body.scdb-page main#database .scdb-future-foot summary{cursor:pointer;color:var(--cu-hi)!important}
html body.scdb-page main#database .scdb-welcome{border-radius:22px!important}

/* So funktioniert es */
.scdb-steps{max-width:1400px;margin:0 auto;padding:30px 28px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;counter-reset:step}
.scdb-steps li{counter-increment:step;position:relative;padding:22px 22px 22px 70px;border:1px solid var(--line);border-radius:18px;background:#120d0a}
.scdb-steps li::before{content:counter(step);position:absolute;left:20px;top:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:italic 800 17px/1 SCMotorsport,Impact,sans-serif;color:#1a0f08;background:linear-gradient(135deg,var(--cu-hi),var(--cu))}
.scdb-steps b{display:block;font-size:15px;color:var(--txt);margin-bottom:4px}
.scdb-steps span{font-size:13px;line-height:1.5;color:var(--mute)}

/* Fußzeile */
.scdb-page-footer{max-width:1400px;margin:34px auto 0;padding:26px 28px calc(30px + var(--sc-safe-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.scdb-page-footer img{width:92px;height:46px;object-fit:contain;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;vertical-align:middle;margin-right:10px}
.scdb-page-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.scdb-page-footer a{color:var(--mute);text-decoration:none}
.scdb-page-footer a:hover{color:var(--cu-hi)}

/* Hinweis Nutzungsstatistik */
html body.scdb-page aside[aria-label="Optionale Nutzungsstatistik"]{max-width:1344px;margin:16px auto calc(16px + var(--sc-safe-bottom,0px))!important;border-color:var(--line)!important;border-radius:16px!important;background:#15100d!important;color:var(--txt)!important}
html body.scdb-page aside[aria-label="Optionale Nutzungsstatistik"] p{color:var(--mute)}
html body.scdb-page aside[aria-label="Optionale Nutzungsstatistik"] button{min-height:40px;padding:8px 18px;margin:4px 6px 0 0;border-radius:999px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;color:var(--txt);background:transparent;border:1px solid var(--line)}
html body.scdb-page aside[aria-label="Optionale Nutzungsstatistik"] button[data-yes]{color:#1a0f08;border-color:transparent;background:linear-gradient(135deg,var(--cu-hi),var(--cu))}

@media(max-width:980px){
 .scdb-hero{grid-template-columns:1fr;gap:26px;padding-top:40px}
 .scdb-steps{grid-template-columns:1fr}
}
@media(max-width:760px){
 html body.scdb-page .scdb-header{flex-wrap:wrap;gap:6px 12px!important;min-height:0;padding:6px max(14px,var(--sc-safe-right,0px)) 10px max(14px,var(--sc-safe-left,0px))!important}
 html body.scdb-page .scdb-header .scdb-logo img{width:104px!important;height:54px!important}
 html body.scdb-page .scdb-header-actions{margin-left:auto}
 html body.scdb-page .scdb-header-actions a,html body.scdb-page .scdb-header-actions button{padding:9px 14px!important;font-size:12px}
 html body.scdb-page .scdb-nav{order:3;display:flex!important;width:100%;overflow-x:auto;scrollbar-width:none;gap:6px!important;padding-bottom:2px}
 html body.scdb-page .scdb-nav::-webkit-scrollbar{display:none}
 html body.scdb-page .scdb-header .scdb-nav a,html body.scdb-page .scdb-header .scdb-nav a.active{flex:0 0 auto;padding:10px 14px!important;font-size:13px!important;background-color:#ffffff06}
 html body.scdb-page .scdb-header .scdb-nav a{border-color:var(--line)!important}
 .scdb-hero{padding:28px 16px 4px}
 .scdb-hero p{font-size:15px}
 .scdb-hero-stats{gap:8px}
 .scdb-hero-stats div{padding:14px 12px;border-radius:14px}
 .scdb-hero-stats span{font-size:11px}
 html body.scdb-page main#database{padding:16px 14px 6px!important}
 html body.scdb-page main#database .scdb-filters{padding:40px 12px 12px!important;border-radius:18px!important}
 html body.scdb-page main#database .scdb-filters::before{left:14px;top:15px}
 html body.scdb-page main#database .scdb-fuel-control,html body.scdb-page main#database .scdb-reset{grid-column:1/-1!important;width:100%!important}
 html body.scdb-page main#database .scdb-fuel-buttons{width:100%!important;height:auto!important}
 html body.scdb-page main#database .scdb-reset{justify-content:center;min-height:42px;height:auto!important}
 html body.scdb-page main#database .scdb-future-action{padding:18px!important}
 html body.scdb-page main#database .scdb-future-cta{width:100%;justify-content:center}
 .scdb-steps{padding:22px 14px 6px}
 .scdb-page-footer{padding-left:16px;padding-right:16px;flex-direction:column;align-items:flex-start}
}
@media(max-width:400px){
 .scdb-hero-stats div{padding:12px 9px}
 .scdb-hero-stats b{font-size:21px}
 .scdb-hero-kicker{letter-spacing:1.6px}
}
@media(prefers-reduced-motion:reduce){html body.scdb-page *{transition:none!important}}