/* Einheitliche, kompakte 3D-Bedienung. Haustüren behalten ihre bewährte Bühne. */
.explorer-stage[data-model]:not([data-model="haustueren"]){--model-dock-height:255px;height:clamp(720px,calc(100vh - 125px),850px)!important;min-height:720px!important;padding:0!important;cursor:default}
.explorer-stage[data-model]:not([data-model="haustueren"])::after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:0;height:var(--model-dock-height);border-top:1px solid rgba(16,32,24,.16);background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(240,248,235,.99));box-shadow:0 -14px 34px rgba(16,32,24,.08);pointer-events:none}
.explorer-stage[data-model]:not([data-model="haustueren"]) .arch-canvas{top:0!important;right:0!important;bottom:var(--model-dock-height)!important;left:0!important;width:100%!important;height:auto!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-orbit-ring,.explorer-stage[data-model]:not([data-model="haustueren"]) .awning-fallback{top:47%!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.drag-note,.config-model-status,.terrace-model-status,.lab-selection-label){display:none!important}

/* Die Detailpunkte sitzen als feste Leiste beim Modell statt frei im Raum. */
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspots{position:absolute!important;z-index:8!important;right:18px!important;bottom:calc(var(--model-dock-height) + 14px)!important;left:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;transform:none!important;pointer-events:none}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center!important;gap:6px!important;transform:none!important;pointer-events:auto!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(16,32,24,.2)!important;background:#fff!important;box-shadow:4px 4px 0 var(--neon)!important;color:#102018!important;font:900 9px/1 Urbanist,sans-serif!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot b{position:absolute;bottom:39px;left:50%;width:max-content;max-width:170px;padding:6px 8px!important;background:rgba(255,255,255,.96)!important;box-shadow:4px 4px 0 rgba(16,32,24,.08);color:#102018!important;font:800 8px/1.2 Urbanist,sans-serif!important;letter-spacing:.05em;text-transform:uppercase;opacity:0!important;transform:translate(-50%,5px)!important;transition:.18s;pointer-events:none}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot:hover b,.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot:focus-visible b,.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot.active b{opacity:1!important;transform:translate(-50%,0)!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot.active span{background:var(--neon)!important}

/* Untere linke Hälfte: unveränderte Bauteilbeschreibung. */
.explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout{position:absolute!important;z-index:9!important;top:auto!important;right:auto!important;bottom:15px!important;left:15px!important;width:calc(44% - 22px)!important;max-width:none!important;min-height:225px!important;max-height:225px!important;margin:0!important;padding:18px!important;overflow:hidden!important;border:1px solid rgba(16,32,24,.14)!important;border-radius:4px!important;background:#fff!important;box-shadow:7px 7px 0 rgba(16,32,24,.07)!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout strong{font-size:20px!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout p{font-size:11px!important;line-height:1.42!important}

/* Untere rechte Hälfte: überall dieselben vier Hauptaktionen. */
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls{position:absolute!important;z-index:10!important;top:auto!important;right:15px!important;bottom:166px!important;left:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:calc(56% - 22px)!important;margin:0!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls button{min-width:0!important;min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(29,54,39,.18)!important;background:#fff!important;color:#20352a!important;box-shadow:none!important;font:800 9px/1.15 Urbanist,sans-serif!important;letter-spacing:.025em;text-align:left;cursor:pointer}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls button:hover,.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls button:focus-visible{border-color:#75ba18!important;transform:translateY(-1px)}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls button.active{border-color:#8cce23!important;background:#b6ff18!important;color:#142018!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls [data-model-reset]{border-color:#1c2b22!important;background:#1c2b22!important;color:#fff!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls [data-model-reset].is-resetting{background:#5f9f15!important}

/* Varianten bleiben vollständig und ohne Scrollkasten sichtbar. */
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-lab-switches,.terrace-switches,.product-switches,.config-switches),.explorer-stage[data-model]:not([data-model="haustueren"]) .unified-model-summary{position:absolute!important;z-index:9!important;top:auto!important;right:15px!important;bottom:15px!important;left:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:calc(56% - 22px)!important;max-width:none!important;min-height:140px!important;max-height:140px!important;margin:0!important;padding:7px!important;overflow:visible!important;border:1px solid rgba(16,32,24,.14)!important;border-radius:4px!important;background:rgba(247,250,245,.99)!important;box-shadow:6px 6px 0 rgba(16,32,24,.06)!important;backdrop-filter:none!important;align-content:start}
.explorer-stage[data-model]:not([data-model="haustueren"]) .window-system-switch{grid-template-columns:1fr!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group){padding:5px 6px!important;border:1px solid rgba(16,32,24,.11)!important;border-radius:2px!important;background:#fff!important;box-shadow:none!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group) :is(small,span:first-child){display:block;margin:0 0 4px!important;color:#4d9300!important;font:900 7px/1 Urbanist,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase}
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group)>div{display:flex!important;flex-wrap:wrap!important;gap:3px!important}
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group) button{flex:1 1 auto!important;min-width:48px!important;min-height:23px!important;padding:4px 5px!important;border:1px solid rgba(16,32,24,.14)!important;background:#f5f8f1!important;color:#314239!important;box-shadow:none!important;font:800 7px/1.08 Urbanist,sans-serif!important;cursor:pointer}
.explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group) button.active{border-color:#8ed015!important;background:#b6ff18!important;color:#142018!important}
.unified-model-summary{align-content:center;color:#20352a}
.unified-model-summary small{color:#4d9300;font:900 8px/1 Urbanist,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.unified-model-summary strong{font:800 18px/1.15 Archivo,sans-serif}
.unified-model-summary span{color:#68756d;font-size:11px;line-height:1.4}

@media(max-width:680px){
  /* Mobile 3D: echte kompakte Bühne. Modell bekommt den sichtbaren Schwerpunkt,
     Steuerung bleibt darunter vollständig bedienbar. */
  .explorer-stage[data-model]:not([data-model="haustueren"]){--model-dock-height:235px;width:100%!important;height:555px!important;min-height:555px!important;overflow:hidden!important;position:relative!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .arch-canvas{top:0!important;right:0!important;bottom:var(--model-dock-height)!important;left:0!important;width:100%!important;height:auto!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .canvas-hud{padding:9px 10px!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .canvas-hud b{display:none!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .model-orbit-ring,.explorer-stage[data-model]:not([data-model="haustueren"]) .awning-fallback{top:50%!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspots{right:10px!important;bottom:calc(var(--model-dock-height) + 9px)!important;left:10px!important;gap:7px!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot span{width:31px!important;height:31px!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .model-hotspot b{display:none!important}

  .explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls{right:10px!important;bottom:150px!important;left:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:auto!important;gap:6px!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .model-controls button{min-height:40px!important;padding:8px 9px!important;font-size:8px!important;touch-action:manipulation}

  .explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-lab-switches,.terrace-switches,.product-switches,.config-switches),
  .explorer-stage[data-model]:not([data-model="haustueren"]) .unified-model-summary{right:10px!important;bottom:56px!important;left:10px!important;width:auto!important;min-height:90px!important;max-height:90px!important;padding:7px!important;overflow:auto!important;overscroll-behavior:contain!important}

  .explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout{right:10px!important;bottom:8px!important;left:10px!important;width:auto!important;min-height:48px!important;max-height:48px!important;padding:8px 11px!important;overflow:hidden!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout small{font-size:7px!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout strong{font-size:14px!important;line-height:1.05!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout p{display:none!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) .explorer-readout span{font-size:7px!important}
  .explorer-stage[data-model]:not([data-model="haustueren"]) :is(.window-system-switch,.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group) button{min-width:42px!important;min-height:26px!important;padding:4px 5px!important;font-size:6.5px!important;touch-action:manipulation}

  /* Der feste Kontakt-CTA darf die 3D-Bedienfelder nicht verdecken. */
  .explorer-stage[data-model]{z-index:145!important}
}

@media(max-width:680px){
  /* Während ein 3D-Labor im sichtbaren Bereich liegt, verdeckt der feste Kontakt-CTA keine Modellsteuerung. */
  body.model-lab-in-view .contact-drawer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

/* Mobile: komplette 3D-Sektion inklusive Beschreibung ausblenden.
   3D-Modelle und zugehörige Erklärung erscheinen erst ab Tablet/Desktop. */
@media (max-width:768px){
  .explorer-section{
    display:none!important;
  }
}