/* ==========================================================================
   TGTV — Modern/Premium rafine katman (en son yüklenir)
   Amaç: daha çok beyaz alan, rafine tipografi, kenarlıksız yumuşak kartlar,
   sade ikon kullanımı, sinematik manşet.
   ========================================================================== */

:root{
  --tgtv-section-y: 112px;
  --tgtv-radius: 18px;
  --tgtv-radius-sm: 12px;
  --tgtv-shadow: 0 10px 34px rgba(16,46,87,.06);
  --tgtv-shadow-lg: 0 26px 64px rgba(16,46,87,.13);
  --tgtv-shadow-hover: 0 22px 50px rgba(16,46,87,.16);
  --tgtv-ink: #18222F;
  --tgtv-muted: #5A6B7B;
  --tgtv-line: #EDF1F6;
  --tgtv-bg-soft: #F7F9FC;
}
@media (max-width:768px){ :root{ --tgtv-section-y: 64px; } }

body { color: var(--tgtv-ink); -webkit-font-smoothing: antialiased; letter-spacing:-.005em; font-family: 'Roboto', 'Inter', -apple-system, Segoe UI, sans-serif; }
h1,h2,h3,h4,h5,h6,.phero__title,.section-head h2 { font-family: 'Roboto', 'Inter', sans-serif; }

/* ── Editorial eyebrow (tag) ───────────────────────────────── */
.tag { background: transparent !important; color: var(--tgtv-accent-dark) !important; padding:0 !important; font-size:.78rem; font-weight:700; letter-spacing:.16em; display:inline-flex; align-items:center; }
.tag::before { content:""; width:24px; height:2px; background: var(--tgtv-accent); margin-right:11px; border-radius:2px; }
.tag--light { color: rgba(255,255,255,.85) !important; }
.tag--light::before { background:#fff; }
.section-head .tag { justify-content:center; }
.section-head--left .tag { justify-content:flex-start; }

/* ── Başlıklar ─────────────────────────────────────────────── */
.section-head { margin-bottom: 62px; }
.section-head h2 { font-size: clamp(2rem, 3.3vw, 2.85rem); font-weight: 800; letter-spacing:-.035em; line-height:1.08; margin-top:16px; }
.section-head p { font-size: 1.08rem; color: var(--tgtv-muted); margin-top:14px; }

/* ── Kartlar: kenarlıksız, yumuşak gölge, daha çok nefes ───── */
.tgtv-card, .tgtv-benefit, .tgtv-net, .tgtv-event, .tgtv-report, .tgtv-member,
.tgtv-feature__item, .tgtv-stat {
  border: 0 !important;
  box-shadow: var(--tgtv-shadow);
  border-radius: var(--tgtv-radius);
}
.tgtv-card:hover, .tgtv-benefit:hover, .tgtv-net:hover, .tgtv-feature__item:hover { box-shadow: var(--tgtv-shadow-hover); }
.tgtv-card__body { padding: 26px; }
.tgtv-benefit { padding: 38px 32px; }

/* İkonlar: dolu gradient kutu yerine sade tonlu kare */
.tgtv-benefit__icon, .tgtv-net__icon {
  background: var(--tgtv-primary-50) !important;
  color: var(--tgtv-primary) !important;
  border-radius: 16px;
}
.tgtv-benefit:hover .tgtv-benefit__icon { background: var(--tgtv-primary) !important; color:#fff !important; }

/* ── Görsel placeholder'lar: sinematik, az doygun ──────────── */
.grad-1 { background: linear-gradient(150deg,#13294B 0%, #E4002B 100%) !important; }
.grad-2 { background: linear-gradient(150deg,#0E3B45 0%, #15807C 100%) !important; }
.grad-3 { background: linear-gradient(150deg,#16335E 0%, #24588F 100%) !important; }
.grad-4 { background: linear-gradient(150deg,#10243F 0%, #1C4376 100%) !important; }
.tgtv-card__noimg, .tgtv-feature__item-img i, .tgtv-feature__big-img .ph { color: rgba(255,255,255,.22) !important; }

/* ── Manşet kartları (haber/feature) rafine ────────────────── */
.tgtv-feature__big-img::after { content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(11,26,48,.92) 0%, rgba(11,26,48,.35) 55%, rgba(11,26,48,.05) 100%); }
.tgtv-feature__big-body { background: transparent; padding: 40px; }
.tgtv-feature__big-body h1, .tgtv-feature__big-body h3 { letter-spacing:-.025em; }
.tgtv-badge { background: var(--tgtv-accent); border-radius: 4px; letter-spacing:.08em; padding:5px 11px; }

/* Yan manşet kartları biraz daha havalı */
.tgtv-feature__item { box-shadow: var(--tgtv-shadow); }
.tgtv-feature__item-body h4 { font-weight:700; letter-spacing:-.01em; }

/* ── İstatistik bandı: daha sade, premium ──────────────────── */
.tgtv-statband { background: linear-gradient(135deg,#13294B 0%, #E4002B 100%); padding:64px 0; }
.tgtv-statband__icon { background: rgba(255,255,255,.08); border-radius:14px; }
.tgtv-statband__num { font-size:2.5rem; letter-spacing:-.02em; }
.tgtv-stat::before { height:3px; }

/* ── Butonlar: rafine ──────────────────────────────────────── */
.btn-primary, .btn-ghost-primary, .promo-btn { border-radius: 10px; letter-spacing:.01em; }
.header-cta { border-radius: 10px; }

/* ── Header boşluğu (top bar yok: tek satır 82) ── */
body { padding-top: 82px; }
@media (max-width:992px){ body { padding-top: 64px; } }

/* ── Marquee üyeler: sade ──────────────────────────────────── */
.tgtv-member { box-shadow:none; background:var(--tgtv-bg-soft); border-radius:14px; }
.tgtv-member:hover { box-shadow: var(--tgtv-shadow); background:#fff; }

/* ── Bölümler arası ritim ──────────────────────────────────── */
.tgtv-news, .tgtv-benefits, .tgtv-network, .tgtv-map, .tgtv-er, .tgtv-videos, .tgtv-members, .tgtv-contact { padding-top: var(--tgtv-section-y); padding-bottom: var(--tgtv-section-y); }

/* ==========================================================================
   GENEL TOPARLAMA — tutarlılık geçişi (radius / gölge / boşluk / başlık)
   ========================================================================== */
/* Tüm içerik bölümleri aynı dikey ritim */
.bento-sec, .tgtv-fest { padding-top: 90px; padding-bottom: 90px; }
@media (max-width:768px){ .bento-sec, .tgtv-fest { padding-top: 56px; padding-bottom: 56px; } }

/* Bölüm başlıkları aynı boşluk + hizalama */
.tgtv-shead { margin-bottom: 40px; align-items:center; }
.tgtv-shead h2 { margin-top:12px; }

/* Tüm kart/tile'lar tek radius + tutarlı yumuşak gölge */
.bt, .ncard, .tgtv-card, .tgtv-benefit, .tgtv-net, .tgtv-social__card, .tgtv-stat, .bm-city, .tgtv-bm__map { border-radius: 18px; }
.bt { box-shadow: 0 4px 18px rgba(16,46,87,.05); }
.bt:hover, .ncard:hover, .tgtv-benefit:hover, .tgtv-net:hover { box-shadow: 0 22px 48px rgba(16,46,87,.13); }

/* Bento ızgaralarında tutarlı boşluk */
.bento { gap: 18px; }

/* "Neden TGTV" tile'ları eşit nefes */
.bt-why { padding: 32px 28px; }
.bt-why h3 { font-size:1.15rem; }

/* Şube bulucu ile harita aynı yükseklik hizası */
.tgtv-bm { align-items: stretch; }
.tgtv-bm__side { gap: 14px; }

/* STKFEST kartı diğer bölümlerle aynı köşe yumuşaklığı */
.tgtv-fest__card { border-radius: 22px; }

/* Bağlantı/numara hover tutarlılığı */
.tgtv-shead__all:hover { color: var(--tgtv-accent-dark); }

/* Mobchecks: container yan boşluk tutarlı */
@media (max-width:600px){
  .tgtv-shead { flex-direction:column; align-items:flex-start; gap:6px; }
}

/* ==========================================================================
   ZEMİN DESENLERİ — soft nokta ızgarası + dekoratif ışık lekeleri (özgün)
   ========================================================================== */
.bento-sec, .why2, .tgtv-fest { position:relative; }
.bento-sec { overflow:hidden; }   /* halkaları kırp (sticky yok) */
/* Beyaz bölümler: köşede soft ışık + ince nokta deseni */
.bento-sec {
  background-color:#fff;
  background-image:
    radial-gradient(700px 480px at 100% -8%, rgba(228,0,43,.05), transparent 62%),
    radial-gradient(640px 440px at -6% 108%, rgba(228,0,43,.045), transparent 62%);
}
/* Soft bölümler: aynı sade mesh, biraz daha belirgin */
.bento-sec--soft, .why2 {
  background-color: var(--tgtv-bg-soft);
  background-image:
    radial-gradient(720px 500px at 100% 0%, rgba(228,0,43,.07), transparent 60%),
    radial-gradient(680px 460px at 0% 100%, rgba(228,0,43,.06), transparent 60%);
}
/* İçerik desenin üstünde kalsın */
.bento-sec > .container, .why2 > .container { position:relative; z-index:1; }

/* why2: sticky çalışsın diye overflow YOK — dekor zaten background-image ışıklarıyla */

/* STKFEST bölümü: açık zemine soft ışık + nokta */
.tgtv-fest {
  background-color:#fff;
  background-image: radial-gradient(640px 420px at 0% 0%, rgba(228,0,43,.05), transparent 62%);
}
.tgtv-fest > .container { position:relative; z-index:1; }
/* STKFEST koyu kartının içine ince çapraz çizgi dokusu */
.tgtv-fest__card { position:relative; overflow:hidden; }
.tgtv-fest__card::after {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, transparent 2px 22px);
}
.tgtv-fest__text, .tgtv-fest__mark { position:relative; z-index:1; }

/* Bölüm üst-alt geçişlerinde ince ayraç (zemin değişimini yumuşatır) */
.bento-sec--soft, .why2 { border-top:1px solid rgba(228,0,43,.04); border-bottom:1px solid rgba(228,0,43,.04); }