/* Image boxes remain responsive, but never exceed their decoded pixel budget. */
.qc-image-open{display:flex;align-items:center;justify-content:center}
:is(#vImg,.hero-image img,.qc-sheet-hero img,.related-image img,.benda-visual img,.finder-result img,.aixam-launch-visual img).qc-natural-image{max-width:min(100%,var(--qc-native-width))!important;max-height:var(--qc-native-height)!important;margin-inline:auto!important;object-fit:contain!important;filter:none!important;transform:none!important}
#qcGallery .qc-gallery-stage.is-zoomed .qc-gallery-canvas{width:var(--qc-canvas-width,100%);height:var(--qc-canvas-height,100%)}
#qcGallery .qc-gallery-canvas img{max-width:none;max-height:none;flex:none;filter:none;transform:none}
#qcGallery [data-gallery-zoom]:disabled{opacity:.55;cursor:default}

/* The stage has its own silhouette-aware geometry and pixel budget. */
#neonStage .neon-stage-vehicle{inset:0;overflow:visible;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(var(--shift-x),var(--shift-y),0)}
#neonStage.is-photo .neon-stage-vehicle{inset:40px 0;overflow:hidden}
#neonStage #neonStageImage{position:absolute;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 12px 10px #0007)!important}
@media(max-width:520px){#neonStage.is-photo .neon-stage-vehicle{inset:25px 0}}

/* Keep the consultation scene square and level; trim only its baked-in white edge. */
.neon-site #ueber-uns .about-image{min-width:0;min-height:0;max-height:none;height:auto;aspect-ratio:auto;transform:none;box-shadow:0 18px 48px #0004;border:1px solid #354352;border-radius:16px;background:#0b1017;align-self:center}
.neon-site #ueber-uns .about-image img{display:block;position:static;inset:auto;width:100%;height:auto;min-height:0;max-height:none;max-width:100%;object-fit:contain;object-position:center;transform:none;clip-path:inset(1% round 12px)}

/* Reserve the close control's space for the entire mobile sheet heading. */
#qcSheet .qc-sheet-toolbar a.qc-extra-primary{min-height:44px;padding:10px 16px;border:1px solid #ff655b;border-radius:10px;color:#fff;font:700 13px/1.4 Arial,sans-serif;text-align:center}
@media(max-width:620px){
 #qcSheet .qc-sheet-toolbar>div{flex:1 1 100%;min-width:0;padding-right:56px}
 #qcSheet .qc-sheet-toolbar h2{padding-right:0}
 #qcSheet .qc-sheet-toolbar>a,#qcSheet .qc-sheet-toolbar>button:not(.qc-extra-close){width:100%;justify-content:center}
}
/* Global mobile navigation rules must not position the purchase wizard's nav. */
#purchaseJourney #journeySteps{position:static;inset:auto;width:auto;max-width:100%;max-height:none;overflow:visible;padding:0;margin:0;background:transparent;border:0;box-shadow:none;transform:none}
/* Keep all vehicle-page navigation and both actions reachable on narrow phones. */
@media(max-width:600px){
 .neon-detail{padding-bottom:130px}
 .neon-detail .header-inner{height:auto;min-height:72px;flex-wrap:wrap;gap:0 14px;padding-block:10px}
 .neon-detail .header .logo img{width:148px;height:46px}
 .neon-detail .header nav{flex:1 1 100%;justify-content:space-between;flex-wrap:wrap;gap:10px}
 .neon-detail .header nav a{padding-block:9px;font-size:11px}
 .neon-detail .header nav a:nth-child(2){display:inline-flex}
 .neon-detail .mobile-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
 .neon-detail .mobile-action>div{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
 .neon-detail .mobile-action>div span{flex:1;min-width:0;max-width:none;font-size:10px;margin:0}
 .neon-detail .mobile-action strong{flex:none;font-size:14px;white-space:nowrap}
 .neon-detail .mobile-action .button{width:100%;min-width:0;min-height:44px;font-size:11px;padding:10px 8px}
}