/* 3D Stadyumlar liste sayfası — sitenin css/style.css değişkenlerini kullanır */
.st-hero{position:relative;height:min(88vh,820px);overflow:hidden;margin-top:calc(var(--nav-h) * -1)}
.st-hero-stage{position:absolute;inset:0}
.st-hero-stage canvas{display:block}
.labels3d{position:absolute;inset:0;pointer-events:none}
.stand-label{padding:5px 10px;border-radius:8px;background:#000a;border:1px solid #ffffff22;font-weight:800;letter-spacing:2px;font-size:11px;color:#fff}
.st-hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,#07070cb3 38%,transparent 70%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.st-hero-copy{position:absolute;left:0;right:0;top:55%;transform:translateY(-50%);pointer-events:none}
.st-hero-copy>*{max-width:560px}
.st-hero-copy a{pointer-events:auto}
.st-hero-copy h1{font-size:clamp(36px,4.6vw,62px);line-height:1.04;letter-spacing:-.03em;margin:14px 0}
.st-hero-copy p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6;margin-bottom:26px}
.st-section{padding:90px 0}
.st-section h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.02em}
.st-sub{color:var(--muted);margin:8px 0 34px}
.st-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.st-card{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform var(--dur) var(--ease),border-color var(--dur)}
a.st-card:hover{transform:translateY(-5px);border-color:var(--gold)}
.st-card.disabled{opacity:.55}
.st-img{display:flex;align-items:center;justify-content:center;height:180px;background:radial-gradient(circle at 50% 58%,#3c9541 0 20%,#1b1b1d 21% 46%,var(--a) 47% 54%,#20252c 55%)}
.st-body{padding:18px}.st-body h3{font-size:19px;margin-bottom:4px}.st-body small{color:var(--muted)}
.st-tag{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:800;z-index:1}
.st-tag.live{background:var(--gold);color:var(--on-gold)}
.st-tag.soon{background:#ffffff1f;color:#d5d8e2}

.st-why{padding-top:0}
.st-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:30px}
.st-steps>div{padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}
.st-steps b{color:var(--gold);font-family:var(--mono);font-size:13px}
.st-steps h3{margin:10px 0 8px;font-size:19px}.st-steps p{color:var(--muted);line-height:1.6;font-size:15px}

.st-img img{height:118px;width:auto;filter:drop-shadow(0 6px 14px #000a)}
.st-img em{font-style:normal;font-weight:800;font-size:22px;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px #000;text-transform:uppercase}