/* =================================================================
   EKOFUTBOL — SECTION STİLLERİ
   Türkiye Maçları kutusu, Ev Sahibi Şehirler, Grup Merkezi
   ================================================================= */
/* ---------- TÜRKİYE MAÇLARI KUTUSU ---------- */
/* ---------- EV SAHİBİ ŞEHİRLER ---------- */
.sehir-filter-btn.active {
  background: var(--c-gold);
  color: var(--c-night);
  border-color: var(--c-gold);
  font-weight: 600;
}
/* ---------- GRUP MERKEZİ ---------- */
/* ---------- DOĞRULAMA UYARI ROZETLERİ ---------- */
/* ---------- MOBİL ---------- */
/* ---------- KART POLISH (v1.2) ---------- */
/* Sehir kartı premium hover — saha çizgisi alt vurgusu */
/* Grup kartı premium — sol kenar gold çubuğu (hover) */
/* Pasif modül rozeti */
@keyframes pulse-soft {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.15); }
}
/* Footer kaynak/doğrulama notu */
/* ---------- MOBİL OPTİMİZASYON (v1.2) ---------- */
@media (max-width: 720px) {
  .hero {
    padding: 2rem 0 1.5rem !important;
  }
  .hero-inner {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .hero-panel {
    order: 2;
    padding: 1.2rem !important;
  }
  /* Türkiye section'ı ilk scroll içinde — büyük başlık küçültülmüş */
  #turkiye {
    padding-top: 1rem;
  }
  #turkiye .section-title {
    font-size: clamp(1.4rem, 5vw, 1.8rem);
    margin-top: 0.5rem;
  }
  #turkiye .section-lead {
    font-size: 0.95rem;
  }
  /* Banner mobilde de pulse'lansın (sağ üst köşeden hafif glow) */
  
}
/* ---------- v1.3 SVG GÖRSEL ENTEGRASYONU ---------- */
/* Stadyum atmosfer dekoratif görsel — sehir kartlarına ince üst şerit */
/* Video poster — video kartlarda fallback */
/* ---------- v1.5 ŞOV ODAKLI HERO (Broadcast Control Room) ---------- */
@keyframes live-pulse-anim {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}
/* Türkiye maçları grid - ana sayfa içinde DK section'ı */
/* Süper Lig section akcenti */
#super-lig-home {
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
}
/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  v1.7  CINEMATIC BROADCAST HERO + PREMIUM MATCH CENTER              ║
   ║  EkoFutbol açıldığında jenerik hissi — yayın başlıyor                ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
/* ───────── HERO SAHNE KATMANLARI ───────── */
@keyframes light-grid-drift {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(-22px, -14px); }
}
/* ───────── ANIMASYONLU IŞIK HUZMELERİ ───────── */
@keyframes stadium-light-sweep {
  0%, 100% { transform: rotate(var(--rot)); opacity: 0.85; }
  50%      { transform: rotate(calc(var(--rot) + 1.5deg)); opacity: 1; }
}
/* ───────── VERİ ORBİTİ (float dots) ───────── */
@keyframes data-orbit {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.55; }
  25%      { transform: translate(28px, -18px) scale(1.15); opacity: 0.85; }
  50%      { transform: translate(-14px, 32px) scale(0.85); opacity: 0.45; }
  75%      { transform: translate(-30px, -14px) scale(1.05); opacity: 0.7; }
}
/* ───────── RADAR ORBİT (sağ üst, dekoratif) ───────── */
@keyframes orbit-rotate {
  from { transform: rotate(0); }
  to   { transform: rotate(360deg); }
}
/* ───────── SCANLINE + NOISE + VINETTE ───────── */
@keyframes line-scan {
  0%   { transform: translateY(0); }
  100% { transform: translateY(4px); }
}
/* Ana sayfa: sol metin alanı okunaklılık katmanı (v2.0.12) —
   yeni premium arka görsel metin/CTA'yı boğmasın diye.
   Yatay (sol blok) + dikey (paragraf + CTA bölgesi) iki katman. */
/* ───────── HERO İÇERİĞİ ───────── */
.hero-cinematic .container { position: relative; z-index: 3; }
/* ───────── ROZET ───────── */
@keyframes pulse-onair {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.5; transform: scale(0.75); }
}
/* ───────── MEGA BAŞLIK ───────── */
@keyframes brand-reveal {
  0%   { opacity: 0; transform: translateY(28px); filter: blur(8px); }
  100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}
/* ───────── CTA'LAR ───────── */
/* ───────── BROADCAST CONSOLE (sağ panel — TV rejisi) ───────── */
@keyframes panel-glow {
  0%, 100% { box-shadow: 0 32px 60px -20px rgba(0,0,0,0.55), inset 0 1px 0 rgba(244,240,232,0.07); }
  50%      { box-shadow: 0 32px 60px -20px rgba(0,0,0,0.55), inset 0 1px 0 rgba(244,240,232,0.07), 0 0 32px -8px rgba(214, 168, 79, 0.18); }
}
/* İnce progress çizgisi */
/* ───────── HIZLI EYLEM KARTLARI ───────── */
/* ───────── SCROLL CUE ───────── */
@keyframes scroll-cue-drop {
  0%   { top: -50%; opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
/* ───────── BUGÜNÜN VITRINI (hero sonrası) ───────── */
/* ───────── MOBİL (≤880px) ───────── */
/* prefers-reduced-motion — animasyonları durdur */
/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  v1.8  SIGNATURE VISUAL IDENTITY + HERO FINAL CUT                    ║
   ║  Hedef: spor programı jeneriği hissi                                  ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
/* ───────── DERINLIK 3 KATMAN ───────── */
/* z-index hiyerarşisi:
   0   bg-stadium (en arka)
   1   light-grid + light-beams + match-orbit
   2   data-orbit dots
   3   FOREGROUND PITCH (ön saha perspektifi)
   4   noise + vignette
   5   içerik
   6   broadcast-console (en önde)                  */
@keyframes pitch-pulse {
  0%, 100% { opacity: 0.78; }
  50%      { opacity: 0.95; }
}
.hero-cinematic .container { z-index: 5; }
/* ───────── 1 SANİYELİK YAYIN AÇILIŞ JENERİĞİ ───────── */
/* 1. Açılışta tüm sahne soldan beliriyor (sinematik fade) */
@keyframes broadcast-curtain {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
/* 2. Stadium katmanı parlaklık geçişiyle açılır (ışıklar yanıyor) */
@keyframes stadium-power-on {
  0%   { filter: brightness(0.2) saturate(0.3); opacity: 0; }
  40%  { filter: brightness(0.6) saturate(0.6); opacity: 0.4; }
  100% { filter: brightness(1) saturate(1); opacity: 0.72; }
}
/* 3. Işık huzmeleri sonradan yanar */
@keyframes beam-power-on {
  0%   { opacity: 0; transform: rotate(var(--rot)) scaleY(0.7); }
  100% { opacity: 0.85; transform: rotate(var(--rot)) scaleY(1); }
}
/* 4. Veri noktaları "belirir" — delay 0.85s, scale up */
@keyframes dot-appear {
  0%   { opacity: 0; transform: scale(0); }
  100% { opacity: 0.55; transform: scale(1); }
}
/* 5. Foreground pitch en son belirir (sahne dolmuş) */
@keyframes pitch-power-on {
  0%   { opacity: 0; transform: translateY(30px); }
  100% { opacity: 0.85; transform: translateY(0); }
}
/* ───────── SIGNATURE WORDMARK ───────── */
/* Brand-word'ü SVG wordmark ile değiştir — inline kullanım */
/* ───────── BROADCAST CONSOLE — PREMIUM TV REJİSİ ───────── */
/* Konsola broadcast wall arka deseni ekle */
/* Konsol üst sağ rejisi LED bar */
@keyframes led-blink {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 1; }
}
/* Broadcast console alt timecode bar — TV rejisi hissi */
/* ───────── BUGÜNÜN VİTRİNİ — HABER KANALI EDITORIAL ───────── */
/* Editorial header — saat damgası + canlı durum */
.broadcast-showcase .section-title {
  font-family: var(--f-display);
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  letter-spacing: -0.03em;
  margin-bottom: 0.6rem;
  color: var(--c-cream);
  font-weight: 800;
}
.broadcast-showcase .section-lead {
  max-width: 65ch;
  color: var(--c-muted);
  font-size: 1.05rem;
  line-height: 1.6;
}
/* Editorial showcase grid — 1 büyük + 3 küçük (gazete vitrin) */
/* Büyük kart — sol, 2 satıra yayılır */
/* ───────── MOBİL ───────── */
/* prefers-reduced-motion — yeni animasyonları da durdur */
/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  v1.9  ÇİFT SAAT KARTI — Türkiye Saati / Stadyum Yerel Saati          ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
.match-card-v19 {
  position: relative;
  padding: 1.5rem 1.4rem;
  background: linear-gradient(180deg,
    rgba(13, 27, 47, 0.65),
    rgba(7, 17, 31, 0.4));
  border: 1px solid rgba(244, 240, 232, 0.10);
  border-radius: 16px;
  transition: all 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
.match-card-v19:hover {
  border-color: var(--c-gold);
  transform: translateY(-3px);
}
.match-card-v19.turkey-match {
  border-left: 3px solid #E30A17;
  background: linear-gradient(135deg,
    rgba(227, 10, 23, 0.04),
    rgba(13, 27, 47, 0.65));
}
.match-card-v19 .mc-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 0.8rem;
}
.match-card-v19 .mc-stage {
  font-family: var(--f-mono);
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-gold);
  font-weight: 700;
}
.match-card-v19.turkey-match .mc-stage {
  color: #FF6B7A;
}
.match-card-v19 .mc-stage::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 1px;
  background: currentColor;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.match-card-v19 .mc-broadcast {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 4px 10px;
  background: rgba(79, 209, 161, 0.10);
  border: 1px solid rgba(79, 209, 161, 0.3);
  border-radius: 100px;
  font-family: var(--f-mono);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-pitch);
  font-weight: 700;
}
.match-card-v19 .mc-title {
  font-family: var(--f-display);
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-cream);
  letter-spacing: -0.02em;
  margin: 0 0 0.4rem;
  line-height: 1.15;
}
.match-card-v19 .mc-venue {
  font-family: var(--f-mono);
  font-size: 0.74rem;
  color: var(--c-muted);
  letter-spacing: 0.04em;
  margin-bottom: 1.2rem;
}
.match-card-v19 .mc-venue::before {
  content: '📍 ';
  filter: grayscale(0.3);
}
/* ÇİFT SAAT BLOĞU */
.mc-times {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
  padding: 1rem;
  background: rgba(7, 17, 31, 0.55);
  border: 1px solid rgba(244, 240, 232, 0.07);
  border-radius: 12px;
  margin-bottom: 1rem;
}
.mc-times .time-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mc-times .time-block.primary {
  position: relative;
  padding-right: 0.6rem;
  border-right: 1px solid rgba(244, 240, 232, 0.07);
}
.mc-times .time-label {
  font-family: var(--f-mono);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-muted-2);
  font-weight: 700;
}
.mc-times .time-block.primary .time-label {
  color: var(--c-gold);
}
.mc-times .time-value {
  font-family: var(--f-display);
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--c-cream);
  letter-spacing: -0.02em;
  line-height: 1;
}
.mc-times .time-block.primary .time-value {
  font-size: 1.65rem;
  background: linear-gradient(135deg, #FFD27A, #D6A84F);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mc-times .time-date {
  font-family: var(--f-body);
  font-size: 0.78rem;
  color: var(--c-cream);
  font-weight: 600;
  line-height: 1.2;
}
.mc-times .time-block:not(.primary) .time-date,
.mc-times .time-block:not(.primary) .time-value {
  color: var(--c-muted);
}
.mc-times .time-city {
  font-family: var(--f-mono);
  font-size: 0.62rem;
  color: var(--c-muted-2);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* SAAT DOĞRULAMA BEKLEYEN */
.mc-times.pending {
  grid-template-columns: 1fr;
  text-align: center;
  padding: 1.4rem 1rem;
}
.mc-times.pending .pending-msg {
  font-family: var(--f-display);
  font-size: 0.92rem;
  color: var(--c-cream);
  line-height: 1.5;
}
.mc-times.pending .pending-note {
  font-family: var(--f-mono);
  font-size: 0.66rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-muted-2);
  margin-top: 0.5rem;
}
/* Yayın etiketi alt satır */
.match-card-v19 .mc-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(244, 240, 232, 0.06);
  font-family: var(--f-mono);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.match-card-v19 .mc-foot .foot-label { color: var(--c-muted-2); }
.match-card-v19 .mc-foot .foot-value {
  color: var(--c-gold);
  font-weight: 700;
}
/* Mobile */
@media (max-width: 720px) {
  .mc-times {
    grid-template-columns: 1fr;
    gap: 0.9rem;
  }
  .mc-times .time-block.primary {
    border-right: none;
    padding-right: 0;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid rgba(244, 240, 232, 0.07);
  }
  .mc-times .time-block.primary .time-value { font-size: 1.5rem; }
  .match-card-v19 .mc-title { font-size: 1.15rem; }
}
/* DK FİLTRE CHIP'LERİ */
.match-card-v19.dk-hidden, .sl-match-row.sl-hidden, .sl-week.sl-week-hidden {
  display: none !important;
}
/* ---------- FİKSTÜR MAÇ SKORU (v2.0.25) ---------- */
.mc-score {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.2rem 0 0.5rem;
  padding: 0.3rem 0.7rem;
  border: 1px solid var(--c-gold);
  border-radius: 999px;
  background: rgba(214,168,79,0.10);
}
.mc-score-state {
  font-family: var(--f-mono);
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-gold);
  font-weight: 800;
}
.mc-score-val {
  font-family: var(--f-display);
  font-weight: 800;
  font-size: 1rem;
  color: var(--c-cream);
  letter-spacing: 0.02em;
}
.mc-score-upcoming {
  border-color: var(--c-line);
  background: rgba(13,27,47,0.5);
}
.mc-score-upcoming .mc-score-state { color: var(--c-muted); }
/* ---------- SKOR NOTU: penaltı / uzatma detayı (v2.1.0) ---------- */
.mc-score-note {
  font-family: var(--f-mono);
  font-size: 0.6rem;
  letter-spacing: 0.06em;
  color: var(--c-muted);
  padding-left: 0.45rem;
  border-left: 1px solid var(--c-line);
  white-space: nowrap;
}
/* =================================================================
   v2.1.0 — GEÇİŞ MİMARİSİ
   Faz A: Dünya Kupası final haftası + Süper Lig sezon hazırlığı
   ================================================================= */
/* ---------- SÜPER LİG GERİ SAYIM BANDI ---------- */
.sl-cd-sub {
  font-family: var(--f-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-muted);
}
/* Sponsor slotu — bant ticari varlık olarak tasarlandı */
/* ---------- FİNAL YOLU (BRACKET) ---------- */
/* ---------- YAYIN AKIŞI SEKMELERİ ---------- */
.ya-tab.active { color: var(--c-bg); background: var(--c-gold); border-color: var(--c-gold); }
.ya-tab.active[data-ya-tab="superlig"] { background: var(--c-pitch); border-color: var(--c-pitch); color: #0B1E17; }
.ya-panel.active { display: block; }
/* ---------- SEZON HAZIRLIK TAKVİMİ ---------- */
/* ---------- DERBİ HAFTA KARTLARI ---------- */
/* ---------- TÜRKİYE TURNUVA BİLANÇOSU ---------- */
/* =================================================================
   v2.2.0 — SÜPER LİG TARİH ARŞİVİ + FUTBOL EKONOMİSİ MERCEĞİ
   ================================================================= */
/* ---------- HHI MANŞET ---------- */
/* ---------- ŞAMPİYONLUK TABLOSU ---------- */
/* ---------- MBP GRAFİĞİ ---------- */
/* ---------- REKORLAR ---------- */
/* ---------- 68 SEZON TABLOSU ---------- */
/* ---------- ANA SAYFA FUTBOL EKONOMİSİ BÖLÜMÜ ---------- */
/* =================================================================
   v3.0.0 — A MİLLİ ARŞİVİ + SÜPER LİG TÜM ZAMANLAR
   ================================================================= */
/* ---------- BİLANÇO ŞERİDİ ---------- */
/* ---------- A MİLLİ MAÇ TABLOSU + FİLTRE ---------- */
.am-t { color:var(--c-muted-2) !important; font-size:0.74rem !important; }
.am-r { color:var(--c-cream) !important; font-family:var(--f-display) !important; font-weight:700; font-size:0.9rem !important; }
.am-sk { font-weight:800 !important; font-size:0.86rem !important; }
.am-sk.is-win  { color:#4FD1A1 !important; }
.am-sk.is-draw { color:var(--c-muted) !important; }
.am-sk.is-loss { color:#E8734A !important; }
.am-sa, .am-tu { font-size:0.74rem !important; }
.am-c { color:var(--c-muted-2) !important; font-size:0.72rem !important; }
tr.am-gizli { display:none; }
/* ---------- TURNUVA TARİHÇESİ ---------- */
.tn-mac.is-win .tn-sk { color:#4FD1A1; }
.tn-mac.is-draw .tn-sk { color:var(--c-muted); }
.tn-mac.is-loss .tn-sk { color:#E8734A; }
/* ---------- KAYNAK KUTUSU ---------- */
/* ---------- EV SAHİBİ AVANTAJI GRAFİĞİ ---------- */
/* ---------- DERBİ KARTLARI ---------- */
/* ---------- ANA SAYFA A MİLLİ BÖLÜMÜ ---------- */
/* =================================================================
   v4.0.0 — EVERGREEN PORTAL
   ================================================================= */
/* ---------- DOĞRULAMA ROZETİ (veri sıcaklığı) ---------- */
.dr-rozet {
  display:inline-flex; align-items:center; gap:0.3rem;
  font-family:var(--f-mono); font-size:0.6rem; font-weight:800;
  letter-spacing:0.08em; text-transform:uppercase;
  padding:0.28rem 0.6rem; border-radius:999px; white-space:nowrap; cursor:help;
}
.dr-degisken { color:#1A1305; background:#D6A84F; }
.dr-mevzuat  { color:#1F0D06; background:#E8734A; }
/* ---------- KAYNAK ŞERİDİ ---------- */
/* ---------- BÖLÜM MERKEZİ ---------- */
/* ---------- ANA SAYFA: NİYET GİRİŞLERİ ---------- */
/* ---------- BUGÜN PANELİ ---------- */
/* ---------- 8 BÖLÜM VİTRİNİ ---------- */
/* ---------- MEVKİ TESTİ ---------- */
/* ---------- KARİYER EŞLEŞTİRİCİ ---------- */
/* ---------- KURAL SORUSU ---------- */
/* ---------- TRANSFER MALİYETİ ---------- */
/* ---------- TEDARİKÇİ SKORU ---------- */
/* ---------- BUGÜN FUTBOLDA ---------- */
/* ---------- DOLANDIRICILIK ALARMI ---------- */
/* ---------- SORU HAVUZU ---------- */
/* ---------- YÖNTEM ---------- */
/* =================================================================
   v4.1.0 — REHBERLER · ARAÇLAR · GÜVEN · ARAMA
   ================================================================= */
/* ---------- AMİRAL REHBER SAYFASI ---------- */
/* ---------- MEVZUAT KUTUSU ---------- */
/* ---------- GÜVENLİ FUTBOL ---------- */
/* ---------- SİTE ARAMASI ---------- */
.site-ara-sonuc { position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:60; background:rgba(7,17,31,0.98); border:1px solid var(--c-gold); border-radius:14px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.5); max-height:420px; overflow-y:auto; }
.sa-sonuc { display:grid; grid-template-columns:auto 1fr; gap:0.2rem 0.7rem; padding:0.75rem 1rem; border-bottom:1px solid var(--c-line); transition:background 0.15s; }
.sa-sonuc:last-child { border-bottom:none; }
.sa-sonuc:hover { background:rgba(214,168,79,0.1); }
.sa-tip { font-family:var(--f-mono); font-size:0.55rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; padding:0.2rem 0.45rem; border-radius:999px; align-self:start; white-space:nowrap; }
.sa-baslik { color:var(--c-cream); font-size:0.92rem; line-height:1.4; }
.sa-alt { grid-column:2; font-family:var(--f-mono); font-size:0.62rem; color:var(--c-muted-2); }
.sa-bos { padding:1.2rem; text-align:center; color:var(--c-muted); font-size:0.9rem; }
.sa-bos a { color:var(--c-gold); }
/* ---------- GÜNDEM KOMPAKT ---------- */
/* ---------- KARŞILAŞTIRICI ---------- */
.ka-mod-btn.active { background:var(--c-pitch); border-color:var(--c-pitch); color:#0B1E17; }
/* ---------- KRAMPON SEÇİCİ ---------- */
/* ---------- YENİ KURAL ROZETİ ---------- */
/* =================================================================
   v4.2.0 — CEVAP MOTORU · KONU KARTLARI
   ================================================================= */
/* ---------- REHBER FAQ (gerçek cevaplı) ---------- */
/* ---------- KONU KARTLARI ---------- */
/* ---------- SİTE ARAMA SONUÇLARI ---------- */
.site-ara-sonuc { position:absolute; top:100%; left:0; right:0; z-index:50; margin-top:0.4rem;
  background:rgba(7,17,31,0.98); border:1px solid var(--c-gold); border-radius:14px;
  max-height:400px; overflow-y:auto; box-shadow:0 12px 40px rgba(0,0,0,0.5); }
.sa-sonuc { display:block; padding:0.75rem 1rem; border-bottom:1px solid var(--c-line); }
.sa-sonuc:last-child { border-bottom:none; }
.sa-sonuc:hover { background:rgba(214,168,79,0.1); }
.sa-tip { font-family:var(--f-mono); font-size:0.56rem; font-weight:800; letter-spacing:0.08em;
  text-transform:uppercase; padding:0.15rem 0.4rem; border-radius:4px; margin-right:0.5rem;
  background:rgba(255,255,255,0.08); color:var(--c-muted); }
.sa-baslik { color:var(--c-cream); font-size:0.9rem; }
.sa-alt { display:block; font-family:var(--f-mono); font-size:0.62rem; color:var(--c-muted-2); margin-top:0.2rem; }
.sa-bos { padding:1rem; color:var(--c-muted); font-size:0.88rem; text-align:center; }
/* =================================================================
   v5.0.0 — GÖRSEL SİSTEM · YENİ IA
   ================================================================= */
/* ---------- SAYFA HERO ARKA PLANI ---------- */
.page-hero { position: relative; overflow: hidden; }
.page-hero-bg {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
}
.page-hero-bg img {
  width: 100%; height: 100%; object-fit: cover; object-position: center right;
  opacity: 0.85;
}
.page-hero-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--c-bg) 0%, rgba(7,17,31,0.86) 42%, rgba(7,17,31,0.35) 100%);
}
.page-hero > .container { position: relative; z-index: 1; }
@media (max-width: 780px) {
  .page-hero-bg img { object-position: 70% center; opacity: 0.55; }
  .page-hero-bg::after { background: linear-gradient(180deg, rgba(7,17,31,0.72), var(--c-bg) 88%); }
}
/* ---------- NAV UTILITY ŞERİDİ ---------- */
.nav-cta { display: flex; align-items: center; gap: 0.7rem; }
.nav-ara { position: relative; }
.nav-ara input {
  background: rgba(13,27,47,0.8); border: 1px solid var(--c-line); border-radius: 999px;
  color: var(--c-cream); padding: 0.45rem 0.9rem 0.45rem 2rem; font-size: 0.8rem;
  width: 130px; outline: none; transition: width 0.25s, border-color 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A8698' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: 0.6rem center; background-size: 14px;
}
.nav-ara input:focus { width: 210px; border-color: var(--c-gold); }
.nav-util {
  font-family: var(--f-mono); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.04em;
  color: var(--c-muted); white-space: nowrap; padding: 0.35rem 0;
}
.nav-util:hover { color: var(--c-cream); }
.nav-util em {
  font-style: normal; color: var(--c-gold); font-size: 0.6rem; margin-left: 0.18rem;
  background: rgba(214,168,79,0.14); padding: 0.08rem 0.3rem; border-radius: 4px;
}
.btn-sm { padding: 0.45rem 0.9rem !important; font-size: 0.72rem !important; }
@media (max-width: 1180px) { .nav-ara, .nav-util { display: none; } }
/* ---------- FOOTER — TAM SİTE HARİTASI ---------- */
.footer { padding: 3.4rem 0 1.6rem; border-top: 1px solid var(--c-line);
  background: linear-gradient(180deg, rgba(7,17,31,0.4), rgba(7,17,31,0.95)); }
.footer-top {
  display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: 2rem;
  align-items: center; padding-bottom: 2rem; margin-bottom: 2rem;
  border-bottom: 1px solid var(--c-line);
}
.footer-wordmark { height: 26px; width: auto; display: block; margin-bottom: 0.7rem; }
.footer-slogan { font-size: 0.86rem; color: var(--c-muted); line-height: 1.55; margin: 0; }
.footer-slogan strong { color: var(--c-cream); }
.footer-iddia { text-align: right; }
.footer-iddia p { margin: 0; color: var(--c-muted); font-size: 0.92rem; line-height: 1.6; }
.footer-iddia strong { color: var(--c-cream); }
.footer-iddia-alt {
  font-family: var(--f-mono) !important; font-size: 0.68rem !important;
  color: var(--c-pitch) !important; letter-spacing: 0.04em; margin-top: 0.35rem !important;
}
@media (max-width: 880px) {
  .footer-top { grid-template-columns: 1fr; gap: 1.2rem; }
  .footer-iddia { text-align: left; }
}
.footer-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6rem;
  padding-bottom: 2rem; margin-bottom: 1.6rem; border-bottom: 1px solid var(--c-line);
}
@media (max-width: 1080px) { .footer-grid { grid-template-columns: repeat(3, 1fr); gap: 1.8rem 1.2rem; } }
@media (max-width: 640px)  { .footer-grid { grid-template-columns: repeat(2, 1fr); } }
.footer-col h4 {
  font-family: var(--f-mono); font-size: 0.64rem; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--c-gold); margin: 0 0 0.9rem;
}
.footer-col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.42rem; }
.footer-col li a {
  display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
  color: var(--c-muted); font-size: 0.8rem; line-height: 1.4; transition: color 0.15s;
}
.footer-col li a:hover { color: var(--c-cream); }
.fl-say {
  font-family: var(--f-mono); font-size: 0.6rem; color: var(--c-muted-2);
  background: rgba(255,255,255,0.05); padding: 0.08rem 0.35rem; border-radius: 4px;
  white-space: nowrap; flex-shrink: 0;
}
.fl-tumu a { color: var(--c-pitch) !important; font-weight: 700; font-size: 0.74rem !important; }
.footer-kaynak {
  display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap;
  padding-bottom: 1.4rem; margin-bottom: 1.2rem; border-bottom: 1px solid var(--c-line);
}
.fk-baslik {
  font-family: var(--f-mono); font-size: 0.6rem; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--c-muted-2);
}
.fk-item {
  font-family: var(--f-mono); font-size: 0.64rem; color: var(--c-muted);
  background: rgba(13,27,47,0.7); border: 1px solid var(--c-line);
  padding: 0.28rem 0.6rem; border-radius: 999px;
}
.fk-item em { font-style: normal; color: var(--c-pitch); font-weight: 700; margin-left: 0.3rem; }
.fk-link { font-family: var(--f-mono); font-size: 0.66rem; color: var(--c-gold); font-weight: 700; margin-left: auto; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.footer-legal, .footer-copy {
  font-family: var(--f-mono); font-size: 0.66rem; color: var(--c-muted-2); margin: 0; letter-spacing: 0.03em;
}
.footer-legal a, .footer-copy a { color: var(--c-muted); }
.footer-legal a:hover, .footer-copy a:hover { color: var(--c-cream); }
/* ---------- ARAÇ BAĞLAM KATMANI (v5.0.0) ---------- */
/* ---------- İÇERİK DERİNLİĞİ (v5.0.0) ---------- */
/* ---------- KOMPAKT HERO (legal / alt sayfalar) ---------- */
.page-hero-compact .page-hero-bg img { opacity: 0.5; }
/* =================================================================
   v5.1.0 — KART GÖRSELİ SİSTEMİ
   Oran TÜM SİTEDE SABİT: 16/9. Mobil ve masaüstünde AYNI kırpma.
   ================================================================= */
/* ---------- ORTAK KART GÖRSELİ ---------- */
/* aspect-ratio desteklemeyen tarayıcı için yedek */
/* ---------- REHBER / ARAÇ KARTI ---------- */
/* ---------- ANA SAYFA BÖLÜM VİTRİNİ ---------- */
/* ---------- ARAMA SONUCU THUMBNAIL ---------- */
.sa-sonuc.sa-kartli {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 0.75rem;
  align-items: center;
}
.sa-thumb {
  width: 74px; height: 42px;      /* 16:9 */
  object-fit: cover; border-radius: 6px; display: block;
  border: 1px solid var(--c-line);
}
.sa-metin { display: flex; flex-direction: column; gap: 0.12rem; min-width: 0; }
.sa-metin .sa-baslik { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 480px) {
  .rk-grid, .bk-grid { grid-template-columns: 1fr; }
  .sa-thumb { width: 56px; height: 32px; }
  .sa-sonuc.sa-kartli { grid-template-columns: 56px 1fr; }
}
/* =================================================================
   v5.3.0 — WEBTRUSTENGINE SAFEFIX (a11y + AEO)
   ================================================================= */
/* ---------- SKIP-TO-CONTENT (A11Y-001) ---------- */
.skip-link {
  position: absolute; left: 50%; top: 0; transform: translate(-50%, -140%);
  z-index: 999;
  background: var(--c-gold); color: var(--c-bg);
  font-family: var(--f-mono); font-size: 0.78rem; font-weight: 800;
  letter-spacing: 0.06em; text-transform: uppercase;
  padding: 0.7rem 1.4rem; border-radius: 0 0 10px 10px;
  transition: transform 0.18s ease;
}
.skip-link:focus,
.skip-link:focus-visible {
  transform: translate(-50%, 0);
  outline: 3px solid var(--c-cream); outline-offset: 2px;
}
#icerik:focus { outline: none; }
/* ---------- AEO BLOĞU (AEO-002) ---------- */
/* ---------- FOOTER BAŞLIK (a11y: h2, görünüm h4) ---------- */
.footer-col h2.footer-h {
  font-family: var(--f-mono); font-size: 0.64rem; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--c-gold); margin: 0 0 0.9rem;
}
/* =================================================================
   v6.0.0 — FAZ 1: SORU & KONU SAYFALARI (SSR)
   ================================================================= */
/* ---------- BREADCRUMB ---------- */
.breadcrumb { margin-bottom: 1.1rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; padding: 0; margin: 0; }
.breadcrumb li { display: flex; align-items: center; gap: 0.4rem;
  font-family: var(--f-mono); font-size: 0.66rem; color: var(--c-muted-2); letter-spacing: 0.03em; }
.breadcrumb li:not(:last-child)::after { content: "/"; color: var(--c-line); }
.breadcrumb a { color: var(--c-muted); }
.breadcrumb a:hover { color: var(--c-gold); }
.breadcrumb [aria-current] { color: var(--c-cream); }
/* ---------- SORU SAYFASI ---------- */
/* ★ CEVAP-ÖNCE — AEO için en üstte */
/* ---------- KONU SAYFASI ---------- */
/* ---------- KONU DİZİNİ ---------- */
/* ---------- SORU HAVUZU (SSR) ---------- */
/* ---------- YAŞLANMA PANOSU ---------- */
/* =================================================================
   v6.1.0 — FAZ 2: SORU SAYFASI BÖLÜMLERİ
   ================================================================= */
/* =================================================================
   v6.4.0 — FAZ 3: KONU MERKEZİ ZENGİNLEŞTİRME
   ================================================================= */
/* ---------- SORU KARTLARI ---------- */
/* ---------- İLGİLİ REHBER ---------- */
.konu-rehber .btn { margin-top: 0.8rem; }
/* ---------- ARAÇLAR ---------- */
/* ---------- KAYNAKLAR ---------- */
/* ---------- İLGİLİ KONULAR ---------- */
/* ---------- v6.4.0 SORU SAYFASI ZENGİNLEŞTİRME ---------- */
/* ---------- v6.5.0 ÖRNEK SENARYO ---------- */
/* konu sayfasında örnek senaryo vurgusu */
/* ---------- v6.6.0 ZAMAN VE MALİYET ---------- */
/* ---------- v6.7.0 ADIM ADIM KONTROL LİSTESİ ---------- */
/* ---------- v6.9.0 KONU: KİMLER İÇİN + DOĞRULAMA ---------- */
/* =================================================================
   v7.0.0 — SORU HAVUZU YENİDEN TASARIM
   ================================================================= */
/* ---------- BUGÜNÜN SORUSU ---------- */
/* ---------- FİLTRELER ---------- */
/* ---------- SORU KARTLARI ---------- */
/* ---------- v6.9.3 SORU HAVUZU: KOMPAKT GRUPLU LİSTE ---------- */
.ht-grup {
  margin-bottom: 0.8rem;
  background: rgba(13,27,47,0.45); border: 1px solid var(--c-line); border-radius: 14px;
  overflow: hidden;
}
.ht-ozet {
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.95rem 1.3rem; cursor: pointer; list-style: none;
  font-family: var(--f-display); font-size: 1.02rem; color: var(--c-cream);
  transition: background 0.15s;
}
.ht-ozet::-webkit-details-marker { display: none; }
.ht-ozet::after {
  content: "▾"; margin-left: auto; color: var(--c-muted-2);
  transition: transform 0.2s; font-size: 0.85rem;
}
.ht-grup[open] .ht-ozet::after { transform: rotate(180deg); }
.ht-ozet:hover { background: rgba(255,255,255,0.03); }
.ht-say {
  font-family: var(--f-mono); font-size: 0.66rem; font-weight: 800;
  color: var(--c-bg); background: var(--c-pitch);
  padding: 0.16rem 0.5rem; border-radius: 999px;
}
.ht-liste {
  list-style: none; padding: 0.3rem 0.6rem 0.9rem; margin: 0;
  border-top: 1px solid var(--c-line);
  display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 0.15rem;
}
.ht-satir a {
  display: flex; align-items: baseline; gap: 0.55rem;
  padding: 0.55rem 0.7rem; border-radius: 8px;
  transition: background 0.12s;
}
.ht-satir a:hover { background: rgba(79,209,161,0.08); }
.ht-yuz {
  flex: 0 0 auto;
  font-family: var(--f-mono); font-size: 0.56rem; font-weight: 800; letter-spacing: 0.07em;
  text-transform: uppercase; color: var(--c-pitch);
  border: 1px solid rgba(79,209,161,0.35); border-radius: 4px;
  padding: 0.1rem 0.35rem;
}
.ht-soru { color: var(--c-muted); font-size: 0.9rem; line-height: 1.5; }
.ht-satir a:hover .ht-soru { color: var(--c-cream); }
@media (max-width: 640px) {
  .ht-liste { grid-template-columns: 1fr; }
  .ht-yuz { display: none; }
}
/* =================================================================
   v7.2.0 — ÖĞRENME YOLLARI
   "Site cevap veriyor ama öğretmiyor" → çözüm: SIRA
   ================================================================= */
/* ilerleme */
/* adımlar */
/* son */
/* dizin */
/* @@EKO:v10-urun:BAŞ */
/* ══════════════════════════════════════════════════════════════════
   v10.0.0 — ÜRÜN SÜRÜMÜ: konu merkezi (km-*) · veri derinliği · ilerleme (il-*)
   ══════════════════════════════════════════════════════════════════ */
/* ilerleme */
/* @@EKO:v10-urun:SON */
/* @@EKO:v80-duzeltme:BAŞ */
/* v8.0.0 — yoğun aile dizini (803 satırlık tablo yerine harf gruplu liste) */
/* turnuva dizinindeki edisyon açılırları */
/* v8.1 — sayfa bazlı gol kaydı kapsama rozeti */
/* v8.1 — bölüm sayfası konu listesi + /sorular/ yükleniyor durumu */
/* v8.1 — yol adımındaki canlı veri alıştırması */
/* v8.2 — tembel yükleme alanı */
/* v8.2 — tek güven dili: içerik rozeti artık tıklanabilir */
a.dr-rozet-a{text-decoration:none;cursor:pointer}
a.dr-rozet-a b{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;
  margin-left:.4em;border-radius:50%;background:currentColor;color:#fff;font-size:.72em;
  font-weight:800;opacity:.55}
a.dr-rozet-a:hover b{opacity:1}
/* v8.2 — çift yönlü köprü: veri sayfasından yola dönüş */
/* @@EKO:v80-duzeltme:SON */
/* @@EKO:v80-nav:BAŞ */
/* ══════════════════════════════════════════════════════════════════
   v8.0.0 — ULUSLARARASI VERİ MERKEZİ (df-*) + ÖĞRENME YOLU EKLERİ (oy-*)
   ══════════════════════════════════════════════════════════════════ */
.df-hero .breadcrumb,.df-hero .breadcrumb a{color:#9FB3C8}
.df-hero .breadcrumb a:hover{color:#F2D486}
/* ── Öğrenme yolu v8 ekleri ── */
.nav-util-df{white-space:nowrap}
@media print{
  body.oy-baski .nav,body.oy-baski .footer,body.oy-baski .oy-hero,body.oy-baski .oy-liste,
  body.oy-baski .oy-graf,body.oy-baski .oy-son,body.oy-baski .oy-arac,body.oy-baski .breadcrumb{display:none!important}
  body.oy-baski .oy-yazdir-alan{display:block!important}
  body.oy-baski .oy-yazdir-alan h2{font-size:17pt;margin-bottom:.4rem}
  body.oy-baski .oy-yazdir-alan li{margin-bottom:.55rem;font-size:10.5pt;line-height:1.45;page-break-inside:avoid}
  body.oy-baski .oy-yazdir-alan em{color:#444;font-style:normal;font-weight:700}
}
/* @@EKO:v80-nav:SON */