/* Scoped to the folierung experience. No global routing or layout changes. */
body:has(#page-fahrzeugfolierung.active){overflow-x:clip}
#page-fahrzeugfolierung section.gw-garage{overflow:visible;padding-bottom:70px}
#page-fahrzeugfolierung .gw-garage .gw-garage-head{grid-template-columns:1fr 1fr;max-width:1180px;margin:0 auto 50px;gap:50px}
#page-fahrzeugfolierung .gw-garage .gw-garage-head h2{font-size:clamp(42px,5vw,68px);line-height:1}
#page-fahrzeugfolierung .gw-garage:before{display:none}
[data-wrap-story]{--wrap-top:80px;position:relative;width:100%;isolation:isolate;background:#08090d;color:#fff}
[data-wrap-frame]{position:relative;height:min(840px,calc(100svh - var(--wrap-top)));min-height:540px;overflow:hidden;background:#08090d}
[data-wrap-canvas]{position:absolute;inset:0;z-index:0}
[data-wrap-canvas] canvas{display:block;width:100%;height:100%}
.gw-wrap-top{position:absolute;z-index:2;top:32px;left:clamp(24px,5vw,90px);right:clamp(24px,5vw,90px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none}
.gw-wrap-eyebrow{display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#b9a9c2;margin-bottom:12px}
.gw-wrap-title{font:900 clamp(30px,4.7vw,72px)/.95 var(--font-disp,Impact),sans-serif;letter-spacing:-.02em;color:#fff;max-width:480px;margin:0}
.gw-wrap-title span{color:#d259f1}
.gw-wrap-spec{font:500 10px/1.8 Arial,sans-serif;letter-spacing:.11em;text-align:right;color:#ada5b7;border-top:1px solid #5e4c67;padding-top:10px}
.gw-wrap-spec strong{display:block;color:#f2eef5;font-size:12px;font-weight:500}
.gw-wrap-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:55px clamp(24px,5vw,90px) 88px;background:linear-gradient(transparent,rgba(8,9,13,.94));pointer-events:none}
.gw-wrap-statusrow{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
[data-wrap-phase]{color:#d259f1;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.16em;display:block;margin-bottom:8px}
[data-wrap-note]{color:#e2dfe5;font:400 clamp(13px,1.1vw,16px)/1.6 Arial,sans-serif;margin:0}
.gw-wrap-scrollhint{color:#a8a2b1;font:400 10px/1.6 Arial,sans-serif;text-align:right;letter-spacing:.05em;white-space:nowrap}
.gw-wrap-controls{display:flex;gap:28px;align-items:center;pointer-events:auto;border-top:1px solid #ffffff24;padding-top:15px}
.gw-wrap-controls button{border:0;background:transparent;color:#bab3c4;padding:10px 0;cursor:pointer;font:500 11px/1 Arial,sans-serif;letter-spacing:.05em;white-space:nowrap;min-height:36px}
.gw-wrap-controls button:hover,.gw-wrap-controls button:focus-visible{color:#fff}
.gw-wrap-controls button:focus-visible{outline:2px solid #d259f1;outline-offset:5px}
.gw-wrap-controls button:disabled{opacity:.35;cursor:wait}
.gw-wrap-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15}
[data-wrap-progress]{height:100%;background:linear-gradient(90deg,#652187,#cf37fa);transform:scaleX(0);transform-origin:left}
[data-wrap-loading]{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 55%,#21152b,#08090d 65%)}
[data-wrap-loading][hidden]{display:none}
[data-wrap-loader-title]{font:500 clamp(22px,3vw,36px)/1.3 Arial,sans-serif;color:#fff}
[data-wrap-status]{font:400 13px/1.7 Arial,sans-serif;color:#b9adbf;max-width:420px}
[data-wrap-spinner]{width:32px;height:32px;border:1px solid #47324d;border-top-color:#df65ff;border-radius:50%;animation:gw-wrap-load 1s linear infinite}
[data-wrap-retry]{border:1px solid #7c448b;border-radius:4px;padding:12px 20px;background:#291731;color:white;cursor:pointer}
@keyframes gw-wrap-load{to{transform:rotate(360deg)}}
[data-wrap-story][data-failed=true]{height:auto}
[data-wrap-story][data-failed=true] [data-wrap-frame]{position:relative;height:440px;min-height:0;top:0}
[data-wrap-story][data-failed=true] .gw-wrap-top,[data-wrap-story][data-failed=true] .gw-wrap-bottom{display:none}
#page-fahrzeugfolierung .gw-garage-process{margin-top:50px}
@media(max-width:700px){
 #page-fahrzeugfolierung .gw-garage .gw-garage-head{grid-template-columns:1fr;gap:20px;margin-bottom:35px}
 [data-wrap-story]{--wrap-top:64px}
 [data-wrap-frame]{height:calc(100svh - var(--wrap-top));min-height:520px}
 .gw-wrap-top{top:24px;left:22px;right:22px;display:block}
 .gw-wrap-title{font-size:36px;max-width:320px}
 .gw-wrap-spec{display:none}
 .gw-wrap-eyebrow{font-size:8px;letter-spacing:.15em}
 .gw-wrap-bottom{padding:60px 22px 88px}
 .gw-wrap-statusrow{display:block;margin-bottom:15px}
 .gw-wrap-scrollhint{margin-top:8px;text-align:left;font-size:9px}
 .gw-wrap-controls{gap:14px;flex-wrap:wrap}
 .gw-wrap-controls button{font-size:10px}
}
@media(max-height:600px) and (min-width:701px){[data-wrap-frame]{min-height:420px}.gw-wrap-title{font-size:30px}.gw-wrap-top{top:18px}.gw-wrap-bottom{padding-bottom:76px}.gw-wrap-statusrow{margin-bottom:10px}.gw-wrap-scrollhint{display:none}}
@media(prefers-reduced-motion:reduce){[data-wrap-frame]{height:75svh}.gw-wrap-scrollhint{display:none}[data-wrap-spinner]{animation:none}}
