/* Blaauw Empire · Automotive: Ergänzungen zu css/site.css, nur für automotive.html.
   Tokens, Hero, Kapitel, Flotte, Dialog kommen aus site.css; hier stehen nur Feinheiten dieser Seite. */

/* <picture> soll die Größenregeln der Komponenten nicht unterbrechen (img bleibt direkt am Container) */
.cine-hero .media picture,.chapter .media picture,.cta-band .bg picture,.fz .pic picture,.fzd-hero picture,.fzd-gallery picture{display:contents}

/* Video über dem Standbild: site.css gibt .cine-video z-index:-2, damit läge es hinter dem Bild */
.cine-hero .media .cine-video,.chapter .media .cine-video{z-index:1}
.chapter .media::after{z-index:2}
.chapter .media .cap{z-index:3}

/* Kapitel: Knopfzeile unter dem Versprechen */
.chapter .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* Flotte: Demo-Hinweis, Werkzeuge, Statuszeile, verstecktes Label */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.fleet-demo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0;color:var(--muted);font-size:14px}
.fleet-section .fleet-tools{margin-top:22px}
.fleet-bar{display:flex;justify-content:space-between;align-items:baseline;gap:12px 28px;flex-wrap:wrap;margin:0 0 22px;padding-top:18px;border-top:1px solid var(--line)}
.fleet-kurz{margin:0;color:var(--text);font-size:clamp(15px,1.2vw,17px);max-width:60ch;min-height:1.6em}
.fleet{min-height:240px}

/* Tapflächen mindestens 44 px (Chips, Suche, Sortierung) */
.fleet-tools .chip,.fleet-tools input,.fleet-tools select{min-height:44px}

/* Karten: Innenteile als Block (die Karte ist ein <button>, daher Name als span statt h3), Linien-Icons an den Daten */
.fz .pic,.fz .body,.fz .cat{display:block}
.fz .name{display:block;font:400 clamp(20px,1.7vw,24px)/1.2 var(--fd);color:#fff;margin:8px 0 10px}
.fz .specs span{display:inline-flex;align-items:center;gap:7px}
.fz .specs svg{width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fz:focus-visible{border-color:var(--gold)}
.fleet-empty p{margin:0 0 14px;color:var(--text)}
.fleet-empty a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}

/* Detail-Vollbild */
body.fzd-open{overflow:hidden}
.fzd-hero .k{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.fzd-hero .klasse{display:block;margin-top:14px;color:var(--muted);font-size:14px}
.fzd-body .lead{color:var(--muted);margin:0 0 30px;max-width:56ch}
.fzd-gallery .span2{grid-column:span 2}
.fzd-gallery .folgt{display:grid;place-items:center;border:1px dashed rgba(255,255,255,.18);border-radius:4px;color:var(--muted);font-size:13px;text-align:center;padding:16px;aspect-ratio:16/10}
.fzd-rent .k{display:block;margin-bottom:14px}
.fzd-rent .btn+.btn{margin-top:12px}
@media (max-width:600px){.fzd-close{top:14px;right:14px}.fzd-hero{padding-top:90px;min-height:56svh}.fzd-gallery{grid-template-columns:1fr 1fr}}
/* Fahrzeugkarten V5: Studio-Bild ganz sichtbar, helle ruhige Fläche, klare Typografie */
.fleet{gap:22px}
.fz{background:linear-gradient(180deg,#0b1430,#070d22);border-color:rgba(255,255,255,.1);border-radius:6px}
.fz:hover{border-color:rgba(200,169,90,.6);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.fz .pic{aspect-ratio:16/9;background:radial-gradient(80% 70% at 50% 60%,#13245a 0%,#0a1536 60%,#070d22 100%)}
.fz .pic img{object-fit:cover;object-position:center 58%;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.fz:hover .pic img{transform:scale(1.04) translateX(4px)}
.fz .pic::after{background:linear-gradient(180deg,transparent 78%,rgba(7,13,34,.75))}
.fz .body{padding:22px 22px 20px}
.fz .cat{font-size:10px;letter-spacing:.3em}
.fz .name,.fz h3{font:400 clamp(22px,1.9vw,27px)/1.15 var(--fd);color:#fff;margin:8px 0 12px;display:block}
.fz .specs{gap:8px 18px;font-size:13.5px;color:rgba(239,236,228,.75)}
.fz .specs svg{width:16px;height:16px;stroke:var(--gold)}
.fz .more{margin-top:4px;padding-top:16px;color:var(--gold);opacity:.9;letter-spacing:.2em}
.fz .demo-tag{left:14px;top:14px;background:rgba(233,213,154,.92)}
@media (max-width:600px){.fz .pic{aspect-ratio:16/9}.fz .body{padding:18px 18px 16px}}