/* ============================================================
   KIZIL AFİŞ — ElmaFM teması
   Kaynak: Google Stitch "ElmaFM Kirmizi Siyah Tema 2" (çerçevesiz, gölgeli sürüm) → saf CSS.
   Kural: hiçbir öğede çerçeve yok; ayrım zemin tonu + yumuşak gölge.
   ============================================================ */
/* Yazı tipleri sunucudan (Google Fonts bağımlılığı yok), Türkçe harfler latin-ext dosyasında */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/temalar/oswald-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/temalar/oswald-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/temalar/plus-jakarta-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/temalar/plus-jakarta-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/temalar/space-grotesk-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/temalar/space-grotesk-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --ka-zemin: #f9f9f9;
    --ka-beyaz: #ffffff;
    --ka-yuzey-1: #f3f3f3;
    --ka-yuzey-2: #eeeeee;
    --ka-yuzey-3: #e8e8e8;
    --ka-yuzey-4: #e2e2e2;
    --ka-sonuk: #dadada;
    --ka-murekkep: #1a1c1c;
    --ka-koyu: #2f3131;
    --ka-gri: #5f5e5e;
    --ka-kahve: #5f3f3a;
    --ka-kirmizi: #e60000;
    --ka-bordo: #b70100;
    --ka-pembe: #fff7f5;
    --ka-golge: 0 8px 30px rgba(0, 0, 0, .16);
    --ka-golge-k: 0 4px 16px rgba(0, 0, 0, .14);
    --ka-golge-kirmizi: 0 8px 30px rgba(230, 0, 0, .30);
    --ka-baslik: 'Oswald', 'Arial Narrow', sans-serif;
    --ka-govde: 'Plus Jakarta Sans', system-ui, sans-serif;
    --ka-etiket: 'Space Grotesk', system-ui, sans-serif;

    /* Üyelik ve sohbet sayfaları Klasik view'dan gelir; renklerini bu değişkenlerden alır. */
    --k-zemin: #ffffff;
    --k-murekkep: #1a1c1c;
    --k-koyu: #1a1c1c;
    --k-koyu-yazi: #f9f9f9;
    --k-cizgi-koyu: transparent;
    --k-girdi: #f3f3f3;
    --k-beyaz-yazi: #ffffff;
    --k-ikincil: #5f3f3a;
    --k-soluk: #5f5e5e;
    --k-soluk2: #5f5e5e;
    --k-cizgi: transparent;
    --k-cizgi2: #eeeeee;
    --k-yuzey: #eeeeee;
    --k-vurgu: #e60000;
    --k-lacivert: #e60000;
    --k-yesil: #0f7b4f;
    --k-altin: #e60000;
    --k-altin2: #b70100;
    --k-metin: #1a1c1c;
    --k-baslik-font: 'Oswald';
    --k-govde-font: 'Plus Jakarta Sans';
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.ka {
    margin: 0; background: var(--ka-zemin); color: var(--ka-murekkep);
    font-family: var(--ka-govde); font-size: 15px; line-height: 1.6;
    -webkit-font-smoothing: antialiased; padding-bottom: 112px;
}
/* Sıfırlamalar :where() ile — özgüllüğü sıfır, bileşen sınıfları her zaman kazanır. */
.ka :where(a) { color: inherit; text-decoration: none; }
.ka :where(img) { display: block; max-width: 100%; }
.ka :where(button, input, textarea, select) { font: inherit; color: inherit; }
.ka :where(h1, h2, h3, h4) { margin: 0; font-family: var(--ka-baslik); text-transform: uppercase; font-weight: 700; color: var(--ka-murekkep); }
.ka :where(p) { margin: 0; }
.ka ::selection { background: var(--ka-kirmizi); color: #fff; }
.ka .ikon { flex-shrink: 0; }

.ka-kap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 32px; }

@keyframes ka-nabiz { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(.9); } }
.ka-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--ka-kirmizi); display: inline-block; flex-shrink: 0; animation: ka-nabiz 1.2s ease-in-out infinite; }
.ka-nokta.beyaz { background: #fff; }

/* etiket ve rozetler (Space Grotesk) */
.ka-mono { font-family: var(--ka-etiket); font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ka-yayin { font-family: var(--ka-etiket); font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ka-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; font-family: var(--ka-etiket); font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: var(--ka-kirmizi); color: #fff; }
.ka-rozet.siyah { background: var(--ka-murekkep); color: var(--ka-zemin); }
.ka-rozet.beyaz { background: #fff; color: var(--ka-kirmizi); }
.ka-rozet.gri { background: var(--ka-yuzey-4); color: var(--ka-gri); }
.ka-rozet.buyuk { font-size: 14px; line-height: 16px; letter-spacing: .08em; padding: 4px 10px; }
.ka-cip { display: inline-block; padding: 3px 8px; background: var(--ka-yuzey-2); font-family: var(--ka-etiket); font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }

/* düğmeler */
.ka-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border: 0; cursor: pointer; font-family: var(--ka-etiket); font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--ka-kirmizi); box-shadow: var(--ka-golge-k); transition: background .15s, transform .1s; white-space: nowrap; }
.ka-dugme:hover { background: var(--ka-murekkep); }
.ka-dugme:active { transform: translate(1px, 1px); }
.ka-dugme.siyah { background: var(--ka-murekkep); }
.ka-dugme.siyah:hover { background: var(--ka-kirmizi); }
.ka-dugme.beyaz { background: #fff; color: var(--ka-murekkep); }
.ka-dugme.beyaz:hover { background: var(--ka-murekkep); color: #fff; }
.ka-dugme.kucuk { padding: 8px 16px; }
.ka-dugme.mini { padding: 6px 12px; box-shadow: none; }
.ka-dugme.tam { width: 100%; }
.ka-bag { display: inline-flex; align-items: center; gap: 4px; font-family: var(--ka-etiket); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ka-murekkep); transition: color .15s; }
.ka-bag:hover, .ka-bag.kirmizi { color: var(--ka-kirmizi); }

/* kartlar */
.ka-kart { background: var(--ka-beyaz); box-shadow: var(--ka-golge); }
.ka-kart.gri { background: var(--ka-yuzey-2); }

/* bölüm başlığı */
.ka-bolum { margin-top: 64px; }
.ka-bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 32px; }
.ka-bolum-bas .ust { color: var(--ka-kirmizi); }
.ka-bolum-bas h2 { font-size: 64px; line-height: 68px; letter-spacing: -.01em; }

/* önizleme şeridi */
.tema-onizleme a { color: #e60000; }

/* ============================================================
   ŞERİT + MENÜ
   ============================================================ */
.ka-serit { background: var(--ka-murekkep); color: var(--ka-zemin); padding: 6px 0; }
.ka-serit .ka-kap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; }
.ka-serit-sol, .ka-serit-sag { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ka-serit .canli { display: inline-flex; align-items: center; gap: 6px; color: var(--ka-kirmizi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ka-serit .ayrac { color: var(--ka-gri); }
.ka-serit .sonuk { color: var(--ka-yuzey-4); }

.ka-ust { position: sticky; top: 0; z-index: 40; background: var(--ka-zemin); box-shadow: 0 6px 24px rgba(0, 0, 0, .08); }
.ka-ust .ka-kap { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 80px; }
.ka-logo { display: flex; align-items: center; gap: 6px; flex-shrink: 0; user-select: none; }
.ka-logo span { font-family: var(--ka-baslik); font-size: 26px; line-height: 30px; font-weight: 700; letter-spacing: -.01em; text-transform: uppercase; }
.ka-logo .vurgu { background: var(--ka-kirmizi); color: #fff; padding: 2px 8px; }
.ka-nav { display: flex; align-items: center; gap: 28px; }
.ka-nav a { position: relative; padding: 4px 0; white-space: nowrap; transition: color .15s; }
.ka-nav a:hover, .ka-nav a.acik { color: var(--ka-kirmizi); }
.ka-nav a.acik::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 3px; background: var(--ka-kirmizi); }
.ka-ust-sag { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.ka-kullanici { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: var(--ka-beyaz); box-shadow: var(--ka-golge-k); transition: color .15s; }
.ka-kullanici:hover { color: var(--ka-kirmizi); }
.ka-kullanici span { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ka-dinle { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border: 0; cursor: pointer; background: var(--ka-kirmizi); color: #fff; box-shadow: var(--ka-golge); transition: background .15s, transform .1s; white-space: nowrap; }
.ka-dinle:hover { background: var(--ka-murekkep); }
.ka-dinle:active { transform: translate(1px, 1px); }
.ka-menu-ac { display: none; width: 44px; height: 44px; border: 0; background: var(--ka-murekkep); color: #fff; cursor: pointer; align-items: center; justify-content: center; }

.ka-menu-panel { position: fixed; inset: 0; z-index: 150; background: var(--ka-zemin); display: flex; flex-direction: column; padding: 18px 20px 120px; overflow-y: auto; }
.ka-menu-panel[hidden] { display: none; }
.ka-menu-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.ka-menu-kapat { width: 44px; height: 44px; border: 0; background: var(--ka-murekkep); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ka-menu-liste { display: flex; flex-direction: column; gap: 8px; }
.ka-menu-liste a { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: #fff; box-shadow: var(--ka-golge-k); font-family: var(--ka-baslik); font-size: 24px; font-weight: 700; text-transform: uppercase; }
.ka-menu-liste a.acik { background: var(--ka-kirmizi); color: #fff; }
.ka-menu-alt { margin-top: 24px; display: flex; flex-direction: column; gap: 6px; color: var(--ka-gri); }

/* reklam */
.ka-reklam { position: relative; background: var(--ka-yuzey-3); padding: 28px 10px 10px; display: flex; justify-content: center; box-shadow: var(--ka-golge-k); }
.ka-reklam > .ka-rozet { position: absolute; top: 6px; left: 8px; }
.ka-reklam-ic { width: 100%; max-width: 970px; }
.ka-reklam img { width: 100%; height: auto; }
.ka-reklam-serit { margin-top: 16px; }

/* ============================================================
   ANA SAYFA
   ============================================================ */
.ka-onair { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; background: var(--ka-kirmizi); color: #fff; box-shadow: var(--ka-golge); }
.ka-onair-sol, .ka-onair-sag { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ka-onair-sag { gap: 24px; }
.ka-onair-sag span { display: inline-flex; align-items: center; gap: 4px; }

.ka-izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
.ka-izgara.genis { gap: 32px; }
.ka-s8 { grid-column: span 8; }
.ka-s6 { grid-column: span 6; }
.ka-s4 { grid-column: span 4; }

/* manşet */
.ka-manset { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.ka-manset-gorsel { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ka-murekkep); }
.ka-manset-gorsel img, .ka-gri-foto { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.25); transition: filter .3s, transform .3s; }
.ka-manset:hover .ka-manset-gorsel img { filter: none; }
.ka-manset-gorsel .ka-rozet { position: absolute; top: 16px; left: 16px; }
.ka-manset-ic { padding: 32px; }
.ka-manset-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; color: var(--ka-gri); margin-bottom: 12px; }
.ka-manset-meta b { color: var(--ka-murekkep); }
.ka-manset-meta .kirmizi { color: var(--ka-kirmizi); display: inline-flex; align-items: center; gap: 4px; }
.ka-manset h1 { font-size: 64px; line-height: 68px; letter-spacing: -.01em; line-height: 1; margin-bottom: 16px; transition: color .15s; }
.ka-manset:hover h1 { color: var(--ka-bordo); }
.ka-manset-ozet { font-size: 18px; line-height: 28px; color: var(--ka-kahve); }
.ka-manset-alt { padding: 0 32px 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 16px; }

/* bugünün akışı */
.ka-bugun { display: flex; flex-direction: column; overflow: hidden; }
.ka-bugun-bas { background: var(--ka-murekkep); color: var(--ka-zemin); padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ka-bugun-bas h2 { color: var(--ka-zemin); font-size: 26px; line-height: 30px; display: flex; align-items: center; gap: 8px; }
.ka-bugun-bas h2 .ikon { color: var(--ka-kirmizi); }
.ka-slot { padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--ka-beyaz); }
.ka-slot .saat { color: var(--ka-gri); }
.ka-slot .ad { font-family: var(--ka-govde); font-size: 15px; line-height: 22px; font-weight: 700; text-transform: uppercase; }
.ka-slot .kim { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--ka-gri); }
.ka-slot.bitti { background: var(--ka-yuzey-2); opacity: .6; }
.ka-slot.sirada { background: var(--ka-zemin); }
.ka-slot.sirada .saat { color: var(--ka-kirmizi); }
.ka-slot.canli { display: block; padding: 16px; background: var(--ka-kirmizi); color: #fff; }
.ka-slot.canli .ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.ka-slot.canli .ad { font-family: var(--ka-baslik); font-size: 26px; line-height: 30px; margin-top: 4px; }
.ka-slot.canli .kim { color: var(--ka-pembe); font-family: var(--ka-etiket); font-size: 14px; font-weight: 700; letter-spacing: .08em; }
.ka-calan { margin-top: 12px; padding: 8px; background: var(--ka-murekkep); color: var(--ka-zemin); display: flex; align-items: center; gap: 8px; min-width: 0; }
.ka-calan .ikon { color: var(--ka-kirmizi); }
.ka-calan span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* top 10 */
.ka-top { overflow: hidden; }
.ka-top-bas { padding: 24px; background: var(--ka-murekkep); color: var(--ka-zemin); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.ka-top-bas h2 { color: var(--ka-zemin); font-size: 64px; line-height: 68px; letter-spacing: -.01em; margin-top: 8px; }
.ka-top-bas p { color: var(--ka-yuzey-3); font-size: 13px; line-height: 18px; font-weight: 500; margin-top: 4px; }
.ka-sarki { padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--ka-beyaz); transition: background .15s; }
.ka-sarki:nth-child(even) { background: #fcfcfc; }
.ka-sarki:hover { background: var(--ka-zemin); }
.ka-sarki.ilk { background: var(--ka-yuzey-1); }
.ka-sarki-sol { display: flex; align-items: center; gap: 16px; min-width: 0; }
.ka-sira { font-family: var(--ka-baslik); font-size: 64px; line-height: 1; font-weight: 700; width: 64px; flex-shrink: 0; }
.ka-sira.kirmizi { color: var(--ka-kirmizi); }
.ka-sarki-etiketler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 4px; }
.ka-hareket { display: inline-flex; align-items: center; gap: 2px; }
.ka-hareket.up, .ka-hareket.new { color: var(--ka-kirmizi); }
.ka-hareket.down { color: var(--ka-gri); }
.ka-hareket.same { color: var(--ka-gri); }
.ka-sarki h3 { font-size: 26px; line-height: 30px; font-weight: 600; }
.ka-sarki .alt { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--ka-gri); }
.ka-sarki-sag { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.ka-oy-form { margin: 0; }
.ka-oy-durum { font-family: var(--ka-etiket); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ka-gri); padding: 8px 12px; background: var(--ka-yuzey-2); }
.ka-oy-durum.benim { background: var(--ka-murekkep); color: #fff; }
.ka-ufak-izgara { display: grid; gap: 0; }
.ka-ufak-izgara.ikili { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ka-ufak-izgara.uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ka-ufak { padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--ka-beyaz); transition: background .15s; }
.ka-ufak:hover { background: var(--ka-zemin); }
.ka-ufak-izgara.ikili .ka-ufak:nth-child(odd), .ka-ufak-izgara.uclu .ka-ufak:nth-child(2) { background: #fcfcfc; }
.ka-ufak .no { font-family: var(--ka-baslik); font-size: 40px; line-height: 44px; font-weight: 700; width: 44px; flex-shrink: 0; }
.ka-ufak .no.kirmizi { color: var(--ka-kirmizi); }
.ka-ufak h4 { font-size: 20px; line-height: 26px; font-weight: 700; }
.ka-ufak-sol { display: flex; align-items: center; gap: 12px; min-width: 0; }

/* magazin */
.ka-haber { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.ka-haber-gorsel { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ka-murekkep); }
.ka-haber-gorsel img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .3s, transform .3s; }
.ka-haber:hover .ka-haber-gorsel img { filter: none; transform: scale(1.05); }
.ka-haber-gorsel .ka-rozet { position: absolute; top: 12px; left: 12px; }
.ka-haber-ic { padding: 20px; }
.ka-haber-ic .ka-mono { color: var(--ka-gri); margin-bottom: 8px; display: block; }
.ka-haber h3 { font-size: 26px; line-height: 30px; font-weight: 600; transition: color .15s; }
.ka-haber:hover h3 { color: var(--ka-bordo); }
.ka-haber-alt { padding: 0 20px 20px; color: var(--ka-kirmizi); }
.ka-haber:hover .ka-haber-alt { text-decoration: underline; }
.ka-dortlu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.ka-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ka-arsiv { padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.ka-arsiv-bas { margin-bottom: 16px; }
.ka-arsiv-bas h3 { font-size: 26px; line-height: 30px; display: flex; align-items: center; gap: 8px; }
.ka-arsiv-bas h3 .ikon { color: var(--ka-kirmizi); }
.ka-arsiv-bas .ka-mono { color: var(--ka-gri); }
.ka-arsiv-liste { display: flex; flex-direction: column; gap: 14px; }
.ka-arsiv-liste a { display: block; padding: 12px; background: var(--ka-beyaz); box-shadow: var(--ka-golge-k); transition: color .15s; }
.ka-arsiv-liste a .ka-mono { color: var(--ka-gri); }
.ka-arsiv-liste a:first-child .ka-mono { color: var(--ka-kirmizi); }
.ka-arsiv-liste a p { font-size: 15px; line-height: 22px; font-weight: 700; margin-top: 4px; }
.ka-arsiv-liste a:hover p { color: var(--ka-bordo); }

/* programlar */
.ka-program { padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.ka-program h3 { font-size: 26px; line-height: 30px; font-weight: 600; margin-top: 12px; }
.ka-program .kim { color: var(--ka-kirmizi); margin-top: 4px; display: block; }
.ka-program p { color: var(--ka-kahve); margin-top: 16px; }
.ka-program-alt { margin-top: 24px; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; color: var(--ka-gri); box-shadow: 0 -2px 0 var(--ka-yuzey-2); }
.ka-program-alt .ikon { color: var(--ka-kirmizi); }

/* istek + sohbet */
.ka-istek { padding: 32px; }
.ka-istek h3 { font-size: 40px; line-height: 44px; margin-top: 8px; }
.ka-istek > p { color: var(--ka-kahve); margin: 8px 0 24px; }
.ka-form { display: flex; flex-direction: column; gap: 16px; }
.ka-form label { display: flex; flex-direction: column; gap: 4px; }
.ka-form input, .ka-form textarea { width: 100%; border: 0; padding: 12px; background: var(--ka-yuzey-1); font-size: 15px; line-height: 24px; outline: none; box-shadow: inset 0 -2px 0 transparent; transition: box-shadow .15s, background .15s; }
.ka-form input:focus, .ka-form textarea:focus { background: #fff; box-shadow: inset 0 -2px 0 var(--ka-kirmizi), var(--ka-golge-k); }
.ka-form textarea { resize: vertical; }
.ka-bildirim { padding: 12px 14px; background: var(--ka-murekkep); color: #fff; font-weight: 600; font-size: 14px; }
.ka-sohbet { padding: 24px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; }
.ka-sohbet-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ka-sohbet-bas h3 { font-size: 26px; line-height: 30px; font-weight: 600; }
.ka-sohbet-bas .ka-mono { color: var(--ka-kirmizi); display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; }
.ka-sohbet-metin { padding: 12px; background: var(--ka-yuzey-1); font-size: 14px; line-height: 21px; margin-bottom: 16px; }
.ka-sutun { display: flex; flex-direction: column; gap: 24px; }

/* haftalık tablo */
.ka-tablo-kaydir { overflow-x: auto; background: var(--ka-beyaz); box-shadow: var(--ka-golge); }
.ka-tablo { width: 100%; min-width: 900px; border-collapse: collapse; text-align: left; font-size: 13px; line-height: 18px; font-weight: 500; }
.ka-tablo th { padding: 12px; background: var(--ka-murekkep); color: var(--ka-zemin); font-family: var(--ka-baslik); font-size: 22px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
.ka-tablo th.bugun { background: var(--ka-kirmizi); color: #fff; }
.ka-tablo th.haftasonu { background: var(--ka-yuzey-2); color: var(--ka-murekkep); }
.ka-tablo td { padding: 12px; vertical-align: top; }
.ka-tablo tr:nth-child(even) td { background: #fcfcfc; }
.ka-tablo tbody tr:hover td { background: var(--ka-zemin); }
.ka-tablo td.kusak { background: var(--ka-yuzey-2) !important; font-family: var(--ka-baslik); font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; width: 150px; }
.ka-tablo td.bugun { background: var(--ka-yuzey-3) !important; font-weight: 600; }
.ka-tablo td.haftasonu { background: var(--ka-yuzey-1); }
.ka-tablo td.canli { background: var(--ka-kirmizi) !important; color: #fff; font-weight: 700; }
.ka-tablo td.canli .ka-rozet { margin-bottom: 4px; }
.ka-tablo td.bos { color: var(--ka-gri); }

/* programcılar */
.ka-programci { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.ka-programci-foto { aspect-ratio: 1 / 1; overflow: hidden; background: var(--ka-murekkep); }
.ka-programci-foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .3s; }
.ka-programci:hover .ka-programci-foto img { filter: none; }
.ka-programci-ic { padding: 20px; }
.ka-programci-ic .ka-mono { color: var(--ka-kirmizi); }
.ka-programci h3 { font-size: 26px; line-height: 30px; font-weight: 600; margin-top: 4px; }
.ka-programci .prog { color: var(--ka-gri); margin-bottom: 12px; display: block; }
.ka-programci .tanitim { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--ka-kahve); }
.ka-programci-alt { padding: 0 20px 20px; }
.ka-programci-alt .ka-mono { color: var(--ka-gri); display: block; margin-bottom: 6px; }
.ka-cipler { display: flex; flex-wrap: wrap; gap: 4px; }

/* ============================================================
   İÇ SAYFALAR
   ============================================================ */
.ka-sayfa-bas { padding-top: 40px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 32px; align-items: end; }
.ka-sayfa-bas .ust { color: var(--ka-kirmizi); }
.ka-sayfa-bas h1 { font-size: 80px; line-height: 80px; letter-spacing: -.02em; margin-top: 6px; }
.ka-sayfa-bas p { font-size: 17px; line-height: 27px; color: var(--ka-kahve); }
.ka-ic { margin-top: 32px; display: flex; flex-direction: column; gap: 48px; }
.ka-zirve { overflow: hidden; align-self: start; }
.ka-zirve-foto { aspect-ratio: 1 / 1; background: var(--ka-murekkep); overflow: hidden; }
.ka-zirve-foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.2); }
.ka-zirve-ic { padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.ka-zirve-ic .no { font-family: var(--ka-baslik); font-size: 96px; line-height: 88px; font-weight: 700; color: var(--ka-kirmizi); }
.ka-zirve-ic h2 { font-size: 40px; line-height: 44px; }
.ka-haber-detay-foto { aspect-ratio: 16 / 8; background: var(--ka-murekkep); overflow: hidden; }
.ka-haber-detay-foto img { width: 100%; height: 100%; object-fit: cover; }
.ka-haber-detay-ic { padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.ka-haber-detay-ic .ozet { font-size: 20px; line-height: 31px; font-weight: 600; }
.ka-metin { font-size: 17px; line-height: 29px; color: var(--ka-kahve); max-width: 760px; }
.ka-metin p { margin: 0 0 18px; }
.ka-metin h2, .ka-metin h3 { margin: 28px 0 12px; color: var(--ka-murekkep); }
.ka-metin h2 { font-size: 32px; line-height: 38px; }
.ka-metin h3 { font-size: 24px; line-height: 30px; }
.ka-metin img { max-width: 100%; height: auto; margin: 18px 0; }
.ka-metin a { color: var(--ka-kirmizi); text-decoration: underline; }
.ka-metin ul, .ka-metin ol { margin: 0 0 18px 20px; padding: 0; }
.ka-metin blockquote { margin: 22px 0; padding: 16px 20px; background: var(--ka-kirmizi); color: #fff; font-family: var(--ka-baslik); font-size: 24px; line-height: 32px; text-transform: uppercase; }
.ka-metin hr { border: 0; height: 2px; background: var(--ka-yuzey-2); margin: 26px 0; }
.ka-yan-haber { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 12px; align-items: center; padding: 12px; background: var(--ka-beyaz); box-shadow: var(--ka-golge-k); }
.ka-yan-haber img { width: 96px; height: 72px; object-fit: cover; filter: grayscale(1); background: var(--ka-murekkep); }
.ka-yan-haber:hover img { filter: none; }
.ka-yan-haber p { font-weight: 700; font-size: 15px; line-height: 21px; margin: 3px 0; }
.ka-yan-haber:hover p { color: var(--ka-bordo); }
.ka-yan-haber .ka-mono { color: var(--ka-gri); }
.ka-programci-genis { display: grid; grid-template-columns: 340px minmax(0, 1fr) 280px; overflow: hidden; }
.ka-programci-genis .foto { background: var(--ka-murekkep); min-height: 340px; }
.ka-programci-genis .foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .3s; }
.ka-programci-genis:hover .foto img { filter: none; }
.ka-programci-genis .govde { padding: 32px; display: flex; flex-direction: column; gap: 10px; }
.ka-programci-genis h2 { font-size: 48px; line-height: 50px; }
.ka-programci-genis .tanitim { font-size: 16px; line-height: 26px; color: var(--ka-kahve); }
.ka-programci-genis .yan { padding: 28px 24px; background: var(--ka-yuzey-2); display: flex; flex-direction: column; gap: 10px; }
.ka-programci-genis .yan .parca { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.ka-programci-genis .yan .parca .ikon { color: var(--ka-kirmizi); }
.ka-bilgi { padding: 14px 0; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; }
.ka-bilgi + .ka-bilgi { box-shadow: 0 -2px 0 var(--ka-yuzey-1); }
.ka-bilgi b { display: block; font-size: 16px; }
.ka-bilgi small { color: var(--ka-gri); font-size: 13px; }
.ka-teknik { background: var(--ka-murekkep); color: var(--ka-zemin); padding: 24px; box-shadow: var(--ka-golge); }
.ka-teknik-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
.ka-teknik-izgara b { display: block; font-family: var(--ka-baslik); font-size: 28px; line-height: 32px; color: var(--ka-kirmizi); }
.ka-teknik-izgara small { color: var(--ka-sonuk); font-size: 12px; }

/* ============================================================
   ALT BİLGİ
   ============================================================ */
.ka-alt { margin-top: 96px; background: var(--ka-koyu); color: var(--ka-zemin); }
.ka-alt .ka-kap { padding-top: 48px; padding-bottom: 48px; display: flex; flex-direction: column; gap: 32px; }
.ka-alt-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 32px; box-shadow: 0 2px 0 rgba(255, 255, 255, .08); }
.ka-alt-logo { display: flex; align-items: center; gap: 8px; }
.ka-alt-logo span { font-family: var(--ka-baslik); font-size: 64px; line-height: 68px; font-weight: 700; text-transform: uppercase; color: var(--ka-pembe); }
.ka-alt-logo .vurgu { font-size: 26px; line-height: 30px; background: var(--ka-kirmizi); color: #fff; padding: 2px 8px; }
.ka-alt-ust p { color: var(--ka-yuzey-3); max-width: 576px; margin-top: 8px; }
.ka-alt-kolonlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.ka-alt h4 { color: var(--ka-zemin); font-size: 26px; line-height: 30px; letter-spacing: -.01em; margin-bottom: 16px; padding-bottom: 8px; box-shadow: 0 1px 0 rgba(255, 255, 255, .12); }
.ka-alt ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 13px; line-height: 18px; font-weight: 500; color: #f0f1f1; }
.ka-alt li a:hover { color: var(--ka-kirmizi); text-decoration: underline; }
.ka-alt-son { padding-top: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; color: var(--ka-yuzey-3); box-shadow: 0 -2px 0 rgba(255, 255, 255, .08); }

/* ============================================================
   SABİT PLAYER
   ============================================================ */
.ka-player { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--ka-murekkep); color: var(--ka-zemin); box-shadow: 0 -8px 30px rgba(0, 0, 0, .25); }
.ka-player .ka-kap { padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ka-pl-sol { display: flex; align-items: center; gap: 14px; min-width: 0; width: 360px; }
.ka-pl-kapak { width: 48px; height: 48px; flex-shrink: 0; background: var(--ka-kirmizi); display: flex; align-items: center; justify-content: center; overflow: hidden; color: #fff; }
.ka-pl-kapak img { width: 100%; height: 100%; object-fit: cover; }
.ka-pl-bilgi { min-width: 0; }
.ka-pl-bilgi .canli { display: flex; align-items: center; gap: 8px; color: var(--ka-yuzey-3); }
.ka-pl-bilgi .sarki { font-family: var(--ka-baslik); font-size: 20px; line-height: 26px; font-weight: 700; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.ka-pl-bilgi .sanatci { font-size: 13px; line-height: 18px; color: var(--ka-sonuk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.ka-pl-orta { flex: 1; max-width: 576px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ka-oynat { width: 42px; height: 42px; border: 0; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; background: var(--ka-kirmizi); color: #fff; box-shadow: 0 0 0 3px rgba(249, 249, 249, .9), 0 6px 18px rgba(230, 0, 0, .4); transition: background .15s, color .15s; }
.ka-oynat:hover { background: var(--ka-zemin); color: var(--ka-murekkep); }
.ka-pl-cizgi { width: 100%; display: flex; align-items: center; gap: 12px; color: var(--ka-sonuk); }
.ka-cubuklar { flex: 1; height: 24px; display: flex; align-items: center; gap: 2px; overflow: hidden; }
.ka-cubuklar span { flex: 1; min-width: 2px; height: 3px; background: rgba(232, 232, 232, .4); }
.ka-pl-sag { width: 360px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.ka-pl-sag label { display: flex; align-items: center; gap: 8px; }
.ka-pl-sag input { width: 90px; accent-color: var(--ka-kirmizi); cursor: pointer; }

html.yukleniyor #sayfa { opacity: .6; transition: opacity .15s; }

/* ============================================================
   DUYARLI
   ============================================================ */
@media (max-width: 1180px) {
    .ka-nav { gap: 18px; }
    .ka-nav a { font-size: 13px; }
    .ka-dortlu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ka-programci-genis { grid-template-columns: 280px minmax(0, 1fr); }
    .ka-programci-genis .yan { grid-column: 1 / -1; }
}
@media (max-width: 1024px) {
    .ka-nav, .ka-kullanici span { display: none; }
    .ka-menu-ac { display: inline-flex; }
    .ka-s8, .ka-s6, .ka-s4 { grid-column: 1 / -1; }
    .ka-pl-sag { display: none; }
    .ka-pl-sol { width: auto; flex: 1; }
    .ka-sayfa-bas { grid-template-columns: 1fr; gap: 12px; }
    .ka-ufak-izgara.uclu { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .ka-kap { padding: 0 16px; }
    .ka-serit-sag, .ka-serit .gizle-mobil { display: none; }
    .ka-ust .ka-kap { height: 64px; gap: 10px; }
    .ka-dinle { padding: 10px 12px; }
    .ka-dinle .yazi { display: none; }
    .ka-kullanici { padding: 9px; }
    .ka-bolum { margin-top: 44px; }
    .ka-bolum-bas h2, .ka-top-bas h2 { font-size: 38px; line-height: 42px; }
    .ka-manset h1 { font-size: 38px; line-height: 42px; }
    .ka-manset-ic { padding: 20px; }
    .ka-manset-alt { padding: 0 20px 20px; justify-content: stretch; }
    .ka-manset-alt .ka-dugme { width: 100%; }
    .ka-onair-sag { gap: 14px; }
    .ka-sarki { flex-direction: column; align-items: stretch; padding: 16px; }
    .ka-sarki-sag { justify-content: flex-end; }
    .ka-sira { font-size: 44px; width: 48px; }
    .ka-sarki h3 { font-size: 21px; line-height: 25px; }
    .ka-ufak-izgara.ikili { grid-template-columns: 1fr; }
    .ka-dortlu, .ka-ikili { grid-template-columns: 1fr; }
    .ka-istek { padding: 20px; }
    .ka-istek h3 { font-size: 30px; line-height: 34px; }
    .ka-sayfa-bas h1 { font-size: 48px; line-height: 50px; }
    .ka-programci-genis { grid-template-columns: 1fr; }
    .ka-programci-genis .foto { min-height: 300px; height: 300px; }
    .ka-programci-genis .govde { padding: 22px; }
    .ka-programci-genis h2 { font-size: 34px; line-height: 38px; }
    .ka-haber-detay-ic { padding: 20px; }
    .ka-bilgi { grid-template-columns: 1fr; gap: 4px; }
    .ka-teknik-izgara { grid-template-columns: 1fr; }
    .ka-alt-logo span { font-size: 44px; line-height: 48px; }
    .ka-alt-kolonlar { grid-template-columns: 1fr; gap: 24px; }
    .ka-pl-orta { flex: 0 0 auto; }
    .ka-pl-cizgi { display: none; }
    body.ka { padding-bottom: 84px; }
}

/* istek hattı çağrı şeridi (ana sayfa) */
.ka-istek-serit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 32px; background: var(--ka-kirmizi); color: #fff; box-shadow: var(--ka-golge-kirmizi); }
.ka-istek-serit h3 { color: #fff; font-size: 48px; line-height: 52px; margin-top: 10px; }
.ka-istek-serit p { color: var(--ka-pembe); margin-top: 6px; max-width: 640px; }
.ka-istek-serit .ka-dugme { padding: 16px 28px; }
.ka-serit .istek-bag { display: inline-flex; align-items: center; gap: 5px; color: var(--ka-zemin); }
.ka-serit .istek-bag:hover { color: var(--ka-kirmizi); }

/* açılır pencere */
.ka-pencere { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: 16px; }
.ka-pencere[hidden] { display: none; }
.ka-pencere-arka { position: absolute; inset: 0; background: rgba(26, 28, 28, .62); }
.ka-pencere-kutu { position: relative; width: min(520px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; padding: 32px; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); animation: ka-acil .18s ease-out; }
@keyframes ka-acil { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.ka-pencere-kutu h3 { font-size: 40px; line-height: 44px; margin-top: 10px; }
.ka-pencere-kutu > div > p { color: var(--ka-kahve); margin: 6px 0 20px; }
.ka-pencere-kapat { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 0; cursor: pointer; background: var(--ka-yuzey-1); color: var(--ka-murekkep); display: flex; align-items: center; justify-content: center; }
.ka-pencere-kapat:hover { background: var(--ka-murekkep); color: #fff; }
.ka-pencere-hata { margin: 0; padding: 10px 12px; background: var(--ka-pembe); color: var(--ka-bordo); font-weight: 600; font-size: 14px; }
.ka-pencere-tamam { padding: 28px 8px 12px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.ka-pencere-tamam[hidden] { display: none; }
.ka-pencere-tamam .tik { color: var(--ka-kirmizi); }
.ka-pencere-tamam b { font-family: var(--ka-baslik); font-size: 30px; line-height: 34px; text-transform: uppercase; }
.ka-pencere-tamam span:last-child { color: var(--ka-gri); }
@media (max-width: 720px) {
    .ka-istek-serit { padding: 22px; }
    .ka-istek-serit h3 { font-size: 34px; line-height: 38px; }
    .ka-istek-serit .ka-dugme { width: 100%; }
    .ka-pencere-kutu { padding: 24px 20px; }
    .ka-pencere-kutu h3 { font-size: 30px; line-height: 34px; }
}

/* istek hattı açılır penceresi (Views/Shared/_IstekPencere) */
:root { --ip-zemin: #ffffff; --ip-yazi: #1a1c1c; --ip-soluk: #5f3f3a; --ip-girdi: #f3f3f3; --ip-vurgu: #e60000; --ip-baslik: 'Oswald', sans-serif; --ip-baslik-kalinlik: 700; --ip-baslik-buyuk: uppercase; --ip-govde: 'Plus Jakarta Sans', system-ui, sans-serif; --ip-kose: 0; }