/* Produktkonfigurator für das interaktive Terrassendach-Modell */
.terrace-product-lab{min-height:850px}
.terrace-switches{position:absolute;z-index:7;left:18px;top:50px;width:min(500px,calc(100% - 175px));display:grid;gap:7px}
.terrace-switch-group{padding:9px 10px;border:1px solid rgba(16,32,24,.14);background:rgba(255,255,255,.93);box-shadow:5px 5px 0 rgba(16,32,24,.08);backdrop-filter:blur(12px)}
.terrace-switch-group>span{display:block;margin-bottom:6px;color:#4d9300;font:900 8px/1 Urbanist,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.terrace-switch-group>div{display:flex;flex-wrap:wrap;gap:5px}
.terrace-switch-group button{flex:1 1 auto;min-width:64px;padding:8px 7px;border:1px solid rgba(16,32,24,.14);background:#f7faf5;color:#102018;font:800 8px/1 Urbanist,sans-serif;cursor:pointer}
.terrace-switch-group button.active{background:var(--neon);border-color:#95d900;box-shadow:3px 3px 0 rgba(16,32,24,.12)}
.terrace-product-lab .model-controls{top:150px}
.terrace-product-lab .explorer-readout{max-width:575px}
.terrace-model-status{position:absolute;z-index:6;left:50%;bottom:151px;transform:translateX(-50%);min-width:250px;padding:8px 12px;border:1px solid rgba(16,32,24,.15);background:rgba(255,255,255,.93);box-shadow:6px 6px 0 rgba(16,32,24,.08);color:#102018;font:900 9px/1.3 Urbanist,sans-serif;letter-spacing:.08em;text-align:center;text-transform:uppercase;pointer-events:none}
@media(max-width:680px){.terrace-product-lab{min-height:800px}.terrace-switches{left:9px;top:46px;width:calc(100% - 122px);gap:4px}.terrace-switch-group{padding:6px}.terrace-switch-group button{min-width:48px;padding:7px 4px;font-size:6px}.terrace-product-lab .model-controls{right:9px;top:46px}.terrace-model-status{bottom:176px;min-width:210px;font-size:7px}}