/* 3D gömülü stadyum görünümleri (tanıtım sayfaları) */
.st3d{position:relative;overflow:hidden;background:#05070c var(--poster) center/cover no-repeat}
.st3d .st3d-stage{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.st3d.st3d-live .st3d-stage{opacity:1}
.st3d .st3d-stage canvas{display:block;width:100%;height:100%;pointer-events:none}
.st3d .labels3d{display:none}
.hero-3d{position:absolute;inset:0;z-index:-2}
.hero--3d .hero-canvas,.hero--3d .hero-slide,.hero--3d .hero-slider-dots{display:none}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chip-row button{padding:9px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#e8ecf3;font:600 13px/1 inherit;cursor:pointer;touch-action:manipulation}
.chip-row button.is-active{background:#2f7bff;border-color:#2f7bff;color:#fff}
.gallery-stage{width:100%;aspect-ratio:16/8;border-radius:16px;border:1px solid rgba(255,255,255,.12);min-height:300px}
@media(max-width:700px){.gallery-stage{aspect-ratio:4/3}}
.feature-media .st3d-stage{position:absolute;inset:0}
.hero--3d .hero-veil{background:linear-gradient(90deg,rgba(5,7,12,.88) 0%,rgba(5,7,12,.6) 45%,rgba(5,7,12,.15) 100%),linear-gradient(0deg,rgba(5,7,12,.85) 0%,transparent 40%)!important}
/* Canlı demo konsolu ve kartlar: 3D arka plan olarak tam doldur */
.st3d-fill{position:absolute!important;inset:0;z-index:0}
.s3d-media .st3d-fill{z-index:0}.s3d-media>span{z-index:2}
.crowd-visual>*:not(.st3d){position:relative;z-index:2}
.crowd-visual .crowd-lights,.crowd-visual .crowd-horizon{display:none}
.crowd-visual .crowd-tag{position:absolute;z-index:2}
.music-stage::before{display:none}
.music-stage>*:not(.st3d){z-index:2}
.music-stage .music-eq{align-self:end;min-height:0;height:70px;opacity:.55}
.demo-stage .stage-veil{pointer-events:none}

/* Anlatımlı 3D demo altyazısı */
.demo-story{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;max-width:460px;padding:12px 14px 10px;border-radius:14px;background:linear-gradient(180deg,#0b0f17cc,#0b0f17ee);border:1px solid #ffffff22;backdrop-filter:blur(6px);color:#fff;pointer-events:auto}
.demo-story .ds-num{font:700 11px/1 system-ui;letter-spacing:.08em;color:#f5c542}
.demo-story .ds-title{display:block;margin:5px 0 3px;font-size:16px}
.demo-story .ds-text{margin:0;font-size:13px;line-height:1.45;color:#ffffffcc}
.demo-story .ds-dots{display:flex;gap:5px;margin-top:9px}
.demo-story .ds-dots i{flex:1;height:4px;border-radius:2px;background:#ffffff2a;cursor:pointer;transition:background .3s}
.demo-story .ds-dots i.on{background:#f5c542}
.demo-story.ds-in .ds-title,.demo-story.ds-in .ds-text{animation:dsIn .45s ease}
@keyframes dsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){.demo-story{left:8px;right:8px;bottom:8px;padding:9px 11px 8px}.demo-story .ds-title{font-size:14px}.demo-story .ds-text{font-size:12px}}
.demo-stage:has(#demo-story) .demo-hud{inset:14px 16px auto;align-items:flex-start;z-index:4;color:#ffffffb0}