/* Kudüs TV ön yüz. Yön bağımsız (logical) özellikler: RTL dillerde de aynı CSS çalışır.
   Tasarım dili (kanal7 düzeni, sade ve ferah): marka renginde ince başlık, tam genişlik manşet,
   yuvarlak köşeli kartlar, açık gri yüzeyler, az çizgi. Koyu zemin yalnız başlık, manşet ve alt bilgide. */

/* --- Temalar (html[data-tema]); panelde Genel Ayarlar > Renk --- */
:root, [data-tema="gece"] {
  --ana: #17305a;
  --ana-koyu: #0f2143;
  --vurgu: #a8801f;
  --vurgu-koyu-zemin: #e8c56d;
}
[data-tema="yesil"] { --ana: #123b35; --ana-koyu: #0c2925; --vurgu: #a8801f; --vurgu-koyu-zemin: #d9b65e; }
[data-tema="zumrut"] { --ana: #0b5a45; --ana-koyu: #07402f; --vurgu: #a8801f; --vurgu-koyu-zemin: #e3c06a; }
[data-tema="petrol"] { --ana: #0f4b5c; --ana-koyu: #0a3441; --vurgu: #a67c1c; --vurgu-koyu-zemin: #e6c46e; }
[data-tema="zeytin"] { --ana: #34482a; --ana-koyu: #23321c; --vurgu: #9c7a1f; --vurgu-koyu-zemin: #dcbc68; }
[data-tema="lacivert"] { --ana: #0f1f38; --ana-koyu: #0a1528; --vurgu: #c8102e; --vurgu-koyu-zemin: #ff6b7d; }
[data-tema="tas"] { --ana: #1f1d1a; --ana-koyu: #151412; --vurgu: #9a6b1f; --vurgu-koyu-zemin: #d8b27a; }
:root {
  --canli: #e0202c;
  --canli-koyu: #b8141f;
  --zemin: #ffffff;
  --zemin-2: #f4f6f9;
  --zemin-3: #eaeef5;
  --metin: #131a26;
  --soluk: #5d6677;
  --cizgi: #e3e7ee;
  --r: 12px;
  --r-k: 8px;
  --golge: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .08);
  --kap: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font-family: var(--f-govde); font-size: 16px; line-height: 1.55; overflow-x: hidden;
}
body.yazi-arap, body.yazi-fars { font-size: 17px; line-height: 1.8; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--vurgu-koyu-zemin); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--f-baslik); line-height: 1.2; margin: 0; }
button { font: inherit; cursor: pointer; }
time { font-variant-numeric: tabular-nums; }

.kap { width: 100%; max-width: var(--kap); margin-inline: auto; padding-inline: 20px; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; inset-inline-start: 8px; top: -60px; z-index: 100; background: #fff; color: #000; padding: 8px 14px; border-radius: var(--r-k); }
.atla:focus { top: 8px; }
.ik { width: 1.25em; height: 1.25em; flex: none; }
.ik-k { width: 1em; height: 1em; }
.soluk { color: var(--soluk); }

/* Küçük yuvarlak etiket (kategori, program adı) */
.hap {
  display: inline-block; align-self: flex-start; font: 700 12px/1 var(--f-govde); padding: 6px 10px; border-radius: 999px;
  background: var(--vurgu-koyu-zemin); color: #1c1606; letter-spacing: .01em;
}
.etiket { display: inline-block; font-size: 12.5px; font-weight: 700; color: var(--vurgu); letter-spacing: .02em; }
.bos-durum { background: var(--zemin-2); padding: 28px; text-align: center; color: var(--soluk); margin: 0; border-radius: var(--r); }
.dugme { display: inline-flex; align-items: center; gap: 8px; background: var(--ana); color: #fff; font-weight: 700; padding: 12px 22px; border-radius: 999px; }
.dugme:hover { background: var(--ana-koyu); }
.canli-etiket {
  display: inline-flex; align-items: center; gap: 7px; background: var(--canli); color: #fff;
  font: 700 12px/1 var(--f-baslik); padding: 6px 10px; letter-spacing: .03em; border-radius: 999px;
}
.canli-etiket::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: yanip 1.6s steps(2, jump-none) infinite; }
@keyframes yanip { 50% { opacity: .25; } }

/* --- Logo --- */
.logo { display: inline-flex; align-items: center; gap: 9px; color: #fff; flex: none; }
.logo-isaret {
  display: inline-block; width: 30px; height: 30px; flex: none; background: currentColor;
  -webkit-mask: url(../img/kubbe.svg) center / contain no-repeat; mask: url(../img/kubbe.svg) center / contain no-repeat;
}
.logo-resim { height: 56px; width: auto; display: block; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .45)); }
.logo-yazi { direction: ltr; display: flex; align-items: baseline; gap: 6px; font-family: var(--f-rakam); line-height: 1; }
.logo-yazi b { font-size: 25px; font-weight: 800; }
.logo-yazi i { font-style: normal; font-size: 25px; font-weight: 400; opacity: .75; }

/* --- Üst şerit: tarih ve diller (açık, ince) --- */
.ust-serit { background: var(--zemin-2); color: var(--soluk); font-size: 13px; border-bottom: 1px solid var(--cizgi); }
.ust-serit-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 34px; }
.bugun-tarih { white-space: nowrap; }
.dil-serit { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px; }
.dil-serit a { padding: 4px 8px; line-height: 1.2; border-radius: 6px; }
.dil-serit a:hover { color: var(--metin); background: var(--zemin-3); }
.dil-serit a[aria-current] { color: var(--ana); font-weight: 700; }

/* --- Başlık --- */
.baslik { background: var(--ana); color: #fff; position: sticky; top: 0; z-index: 40; box-shadow: 0 1px 0 rgba(0, 0, 0, .12); }
.baslik-ic { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.ana-menu { display: flex; align-items: center; gap: 2px; flex: 1; }
.ana-menu > a {
  font-family: var(--f-baslik); font-weight: 600; font-size: 16.5px; padding: 8px 12px; border-radius: var(--r-k);
  white-space: nowrap; color: rgba(255, 255, 255, .86);
}
.ana-menu > a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.ana-menu > a[aria-current] { background: rgba(255, 255, 255, .14); color: #fff; }
.menu-diller { display: none; }
.baslik-sag { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; }

.dil-sec { position: relative; }
.dil-sec summary {
  list-style: none; display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .25); cursor: pointer; font-weight: 600; font-size: 14px;
}
.dil-sec summary::-webkit-details-marker { display: none; }
.dil-sec summary:hover, .dil-sec[open] summary { background: rgba(255, 255, 255, .1); }
.dil-sec ul {
  position: absolute; inset-inline-end: 0; top: calc(100% + 8px); margin: 0; padding: 6px; list-style: none;
  background: #fff; color: var(--metin); border-radius: var(--r); box-shadow: 0 16px 40px rgba(16, 24, 40, .2);
  min-width: 210px; z-index: 50;
}
.dil-sec li a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-k); }
.dil-sec li a:hover { background: var(--zemin-2); }
.dil-sec li a[aria-current] { font-weight: 700; background: var(--zemin-3); color: var(--ana); }
.dil-sec .dk { font: 700 11px/1 var(--f-rakam); width: 22px; color: var(--soluk); }

.canli-dugme {
  display: inline-flex; align-items: center; gap: 8px; background: var(--canli); color: #fff; border-radius: 999px;
  font-family: var(--f-baslik); font-weight: 700; font-size: 15.5px; padding: 10px 18px; white-space: nowrap;
  box-shadow: 0 4px 14px rgba(224, 32, 44, .35);
}
.canli-dugme:hover { background: var(--canli-koyu); }
.nabiz { width: 8px; height: 8px; border-radius: 50%; background: #fff; flex: none; animation: yanip 1.6s steps(2, jump-none) infinite; }
.menu-dugme { display: none; background: none; border: 0; color: #fff; padding: 8px; border-radius: var(--r-k); }
.menu-dugme .ik-kapat, .menu-dugme[aria-expanded="true"] .ik-menu { display: none; }
.menu-dugme[aria-expanded="true"] .ik-kapat { display: block; }

/* --- Son dakika: ince, açık şerit --- */
.son-dakika { background: #fff; border-bottom: 1px solid var(--cizgi); font-size: 14.5px; }
.son-dakika-ic { display: flex; align-items: center; gap: 14px; min-height: 44px; overflow: hidden; }
.son-dakika strong {
  font-family: var(--f-baslik); background: var(--canli); color: #fff; padding: 5px 12px; border-radius: 999px; white-space: nowrap; font-size: 13.5px;
}
.kayan { overflow: hidden; flex: 1; }
.kayan-ic { display: flex; gap: 48px; width: max-content; padding-inline-start: 100%; animation: kay var(--kay-sure, 40s) linear infinite; }
.kayan:hover .kayan-ic { animation-play-state: paused; }
.kayan-ic a { white-space: nowrap; font-weight: 600; }
.kayan-ic a:hover { color: var(--ana); text-decoration: underline; }
.kayan-ic time { font-weight: 700; color: var(--canli); margin-inline-end: 6px; }
@keyframes kay { from { transform: translateX(0); } to { transform: translateX(-100%); } }
[dir="rtl"] .kayan-ic { animation-name: kay-rtl; }
@keyframes kay-rtl { from { transform: translateX(0); } to { transform: translateX(100%); } }

/* --- Ortak bölüm başlığı: küçük kırmızı çizgi + başlık, sağda "Tümü" --- */
main { padding-bottom: 40px; }
.bolum { margin-top: 48px; }
.bolum-baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.bolum-baslik h2 { display: flex; align-items: center; gap: 10px; font-size: 25px; font-weight: 700; }
.bolum-baslik h2::before { content: ''; width: 5px; height: 22px; border-radius: 3px; background: var(--canli); flex: none; }
.bolum-baslik a {
  display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--soluk);
  white-space: nowrap; padding: 6px 12px; border-radius: 999px; background: var(--zemin-2);
}
.bolum-baslik a:hover { color: var(--ana); background: var(--zemin-3); }

/* --- Manşet (ana sayfa, tam genişlik) --- */
.vitrin { background: #0b1426; }
.ana-manset { position: relative; }
.manset-sahne { position: relative; overflow: hidden; height: clamp(380px, 38vw, 560px); background: var(--ana-koyu); }
.manset-oge { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.manset-oge.aktif { opacity: 1; visibility: visible; z-index: 1; }
.manset-oge > a { display: block; height: 100%; color: #fff; }
.manset-gorsel { position: absolute; inset: 0; }
.manset-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.manset-gorsel::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(8, 14, 28, .88) 0%, rgba(8, 14, 28, .62) 38%, rgba(8, 14, 28, .1) 72%),
              linear-gradient(0deg, rgba(8, 14, 28, .7) 0%, rgba(8, 14, 28, 0) 45%);
}
[dir="rtl"] .manset-gorsel::after {
  background: linear-gradient(270deg, rgba(8, 14, 28, .88) 0%, rgba(8, 14, 28, .62) 38%, rgba(8, 14, 28, .1) 72%),
              linear-gradient(0deg, rgba(8, 14, 28, .7) 0%, rgba(8, 14, 28, 0) 45%);
}
.manset-oge.gorselsiz > a { background: var(--ana); }
.manset-metin { position: absolute; inset: 0; display: flex; align-items: flex-end; padding-bottom: 104px; }
.manset-icerik { max-width: 640px; display: flex; flex-direction: column; gap: 12px; }
.manset-icerik h2 { font-size: clamp(28px, 3.3vw, 46px); font-weight: 800; line-height: 1.1; text-wrap: balance; }
.manset-icerik p { margin: 0; font-size: 17px; line-height: 1.5; color: rgba(255, 255, 255, .86); }
.manset-icerik time { font-size: 13.5px; color: rgba(255, 255, 255, .7); }
.manset-oge a:hover h2 { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.manset-ilerleme { position: absolute; top: 0; inset-inline: 0; height: 3px; z-index: 3; }
.manset-ilerleme span { display: block; height: 100%; width: 0; background: var(--vurgu-koyu-zemin); }
.manset-ilerleme span.akiyor { width: 100%; transition: width linear; transition-duration: var(--sure, 6000ms); }
.manset-ok {
  position: absolute; top: calc(50% - 44px); z-index: 4; width: 48px; height: 48px; border-radius: 50%; border: 0;
  background: rgba(255, 255, 255, .14); color: #fff; display: grid; place-items: center; backdrop-filter: blur(6px);
}
.manset-ok:hover { background: #fff; color: var(--ana); }
.manset-ok .ik { width: 20px; height: 20px; }
.manset-geri { inset-inline-start: max(16px, calc(50% - var(--kap) / 2 - 64px)); }
.manset-ileri { inset-inline-end: max(16px, calc(50% - var(--kap) / 2 - 64px)); }
.manset-sayfa { position: absolute; z-index: 4; bottom: 64px; inset-inline: 0; display: flex; justify-content: center; gap: 8px; }
.manset-sayfa button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .45); transition: width .25s, background .25s; }
.manset-sayfa button:hover { background: rgba(255, 255, 255, .8); }
.manset-sayfa button[aria-selected="true"] { width: 30px; background: #fff; }

/* --- Bugün yayında: manşetin üstüne binen kart --- */
.bugun { position: relative; z-index: 5; margin-top: -44px; }
.bugun-kart { background: #fff; border-radius: 16px; box-shadow: var(--golge); padding: 16px 18px 12px; border: 1px solid var(--cizgi); }
.bugun-ust { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--cizgi); }
.bugun-ust h2 { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 700; }
.bugun-ust h2 .ik { color: var(--canli); }
.bugun-canli {
  display: inline-flex; align-items: center; gap: 10px; min-width: 0; padding: 5px 5px 5px 12px; border-radius: 999px;
  background: #fdeced; color: var(--metin); font-size: 14px;
}
[dir="rtl"] .bugun-canli { padding: 5px 12px 5px 5px; }
.canli-nokta { width: 9px; height: 9px; border-radius: 50%; background: var(--canli); flex: none; box-shadow: 0 0 0 4px rgba(224, 32, 44, .18); animation: yanip 1.6s steps(2, jump-none) infinite; }
.bc-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bc-saat { color: var(--soluk); font-weight: 600; }
.bc-dugme { display: inline-flex; align-items: center; gap: 6px; background: var(--canli); color: #fff; font-weight: 700; font-size: 13px; padding: 6px 12px; border-radius: 999px; white-space: nowrap; }
.bc-dugme .ik { width: 14px; height: 14px; }
.bugun-canli:hover .bc-dugme { background: var(--canli-koyu); }
.bugun-ust .tumu { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--soluk); }
.bugun-ust .tumu:hover { color: var(--ana); }
.akis-serit { display: flex; align-items: center; gap: 6px; padding-top: 10px; }
.akis-kartlar { list-style: none; margin: 0; padding: 0; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; flex: 1; scroll-behavior: smooth; gap: 6px; }
.akis-kartlar::-webkit-scrollbar { display: none; }
.akis-kart { flex: 0 0 172px; scroll-snap-align: start; padding: 10px 14px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; border-radius: 10px; }
.akis-kart + .akis-kart { box-shadow: -1px 0 0 var(--cizgi); }
[dir="rtl"] .akis-kart + .akis-kart { box-shadow: 1px 0 0 var(--cizgi); }
.akis-kart time { font: 700 21px/1.1 var(--f-rakam); color: var(--ana); }
.akis-kart strong { font-size: 15px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tur-rozet { font-size: 11.5px; font-weight: 700; color: var(--soluk); background: var(--zemin-2); padding: 3px 8px; border-radius: 999px; }
.akis-kart.gecti { opacity: .45; }
.akis-kart.simdi { background: #fdeced; box-shadow: none; }
.akis-kart.simdi + .akis-kart { box-shadow: none; }
.akis-kart.simdi time { color: var(--canli); }
.akis-kart.simdi .tur-rozet { background: var(--canli); color: #fff; }
.serit-ok { flex: none; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--cizgi); background: #fff; color: var(--metin); display: grid; place-items: center; }
.serit-ok:hover { background: var(--ana); border-color: var(--ana); color: #fff; }
.serit-ok .ik { width: 18px; height: 18px; }

/* --- Son videolar: görselin üstünde başlık --- */
.vitrin-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vitrin-kart a { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: var(--r); overflow: hidden; background: var(--ana-koyu); color: #fff; }
.vitrin-kart img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.vitrin-kart a::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8, 14, 28, .96) 0%, rgba(8, 14, 28, .78) 30%, rgba(8, 14, 28, .15) 62%, rgba(8, 14, 28, 0) 80%); }
.vitrin-kart a:hover img { transform: scale(1.04); }
.vk-metin { position: absolute; z-index: 1; inset-inline: 0; bottom: 0; padding: 16px 18px; display: flex; flex-direction: column; gap: 7px; }
.vk-metin .hap { background: var(--canli); color: #fff; }
.vk-metin strong { font-family: var(--f-baslik); font-size: 19px; font-weight: 700; line-height: 1.22; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vk-metin time { font-size: 12.5px; color: rgba(255, 255, 255, .72); }
.vk-oynat { position: absolute; z-index: 1; top: 12px; inset-inline-end: 12px; width: 40px; height: 40px; border-radius: 50%; background: rgba(8, 14, 28, .55); display: grid; place-items: center; backdrop-filter: blur(4px); transition: background .2s; }
.vk-oynat .ik { width: 18px; height: 18px; margin-left: 2px; } /* oynat işareti evrensel: RTL'de çevrilmez */
.vitrin-kart a:hover .vk-oynat { background: var(--canli); }

/* --- Programlar: dikey afiş şeridi (eski sitenin program afişleri) --- */
.afis-serit { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px 18px; }
.afis-serit::-webkit-scrollbar { display: none; }
.afis-kart { scroll-snap-align: start; }
.afis-kart a { display: flex; flex-direction: column; gap: 10px; }
.afis-gorsel { display: block; aspect-ratio: 750 / 1121; border-radius: var(--r); overflow: hidden; background: var(--ana-koyu); box-shadow: 0 6px 18px rgba(16, 24, 40, .12); }
.afis-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.afis-kart a:hover .afis-gorsel img { transform: scale(1.04); }
.afis-metin { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.afis-metin strong { font-family: var(--f-baslik); font-size: 18px; font-weight: 700; line-height: 1.2; }
.afis-kart a:hover strong { color: var(--ana); }
.afis-metin .pl-saat { margin-top: 0; }
.manset-izle { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; background: var(--canli); color: #fff; font-weight: 700; font-size: 14px; padding: 8px 14px 8px 12px; border-radius: 999px; }
.manset-izle .ik { width: 16px; height: 16px; }
.manset-izle time { font-weight: 500; opacity: .85; }
.bugun.bugun-tek { margin-top: 32px; }

/* --- Kısayol kutuları --- */
.kisayollar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 40px; }
.ks {
  display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 16px 20px; border-radius: var(--r);
  font: 700 18px/1.2 var(--f-baslik); color: #fff; transition: transform .2s, filter .2s;
}
.ks > .ik { width: 32px; height: 32px; }
a.ks:hover { transform: translateY(-2px); filter: brightness(1.08); }
.ks-canli { background: var(--canli); }
.ks-canli > .ik { background: rgba(255, 255, 255, .2); border-radius: 50%; padding: 6px; }
.ks-akis { background: var(--ana); }
.ks-altin { background: #93701a; }
.ks-acik, .ks-takip { background: var(--zemin-3); color: var(--ana); }
.ks-takip { flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; font-size: 16px; }
.ks-sosyal { display: flex; gap: 6px; }
.ks-sosyal a { width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--ana); display: grid; place-items: center; }
.ks-sosyal a:hover { background: var(--ana); color: #fff; }
.ks-sosyal .ik { width: 16px; height: 16px; }

/* --- Programlar (ana sayfa): görselli iki sütunlu liste, sıradaki yayın saati --- */
.program-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 32px; }
.pl-oge a { display: flex; gap: 18px; align-items: flex-start; }
.pl-gorsel { flex: 0 0 42%; aspect-ratio: 16 / 10; border-radius: var(--r); overflow: hidden; background: var(--zemin-2); }
.pl-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.pl-oge a:hover .pl-gorsel img { transform: scale(1.04); }
.pl-metin { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding-top: 2px; }
.pl-metin h3 { font-size: 21px; font-weight: 700; }
.pl-oge a:hover h3 { color: var(--ana); }
.pl-metin p { margin: 0; font-size: 14.5px; color: var(--soluk); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pl-saat { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--soluk); }
.saat-rozet { font: 700 15px/1 var(--f-rakam); background: var(--canli); color: #fff; padding: 5px 9px; border-radius: 6px; }

/* --- Haber bloğu (ana sayfa): başlığı marka renginde, açık zeminli kutu --- */
.haber-blok { background: var(--zemin-2); border-radius: 16px; overflow: hidden; }
.hb-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--ana); color: #fff; padding: 14px 24px; }
.hb-ust h2 { font-size: 22px; font-weight: 700; }
.hb-ust a { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .8); }
.hb-ust a:hover { color: #fff; }
.haber-blok .kart-izgara { padding: 22px 24px 26px; }

/* --- Kartlar --- */
.kart-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 22px; }
.kart a { display: flex; flex-direction: column; height: 100%; gap: 10px; }
.kart-gorsel { aspect-ratio: 16 / 9; overflow: hidden; background: var(--zemin-3); border-radius: 10px; }
.kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.kart a:hover .kart-gorsel img { transform: scale(1.04); }
.kart-metin { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.kart h3 { font-size: 18px; font-weight: 700; line-height: 1.26; }
.kart a:hover h3 { color: var(--ana); }
.kart p { margin: 0; font-size: 15px; color: var(--soluk); }
.kart time { margin-top: auto; padding-top: 2px; font-size: 13px; color: var(--soluk); }
/* Görselsiz kart: beyaz yüzeyli metin kartı */
.metin-kart a { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 18px; }
.metin-kart h3 { font-size: 20px; }
.haber-blok .metin-kart a { border-color: transparent; }

/* --- Video kartları ve bölüm sayfası --- */
.video-kart .kart-gorsel { position: relative; }
.oynat-rozet { position: absolute; inset-inline-start: 10px; bottom: 10px; width: 38px; height: 38px; border-radius: 50%; background: rgba(8, 14, 28, .6); color: #fff; display: grid; place-items: center; transition: background .2s; backdrop-filter: blur(4px); }
.oynat-rozet .ik { width: 18px; height: 18px; margin-left: 2px; }
.video-kart a:hover .oynat-rozet { background: var(--canli); }
.video-kart h3 { font-size: 16.5px; }
.bolum-sayfa { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; margin-top: 28px; }
.bolum-ana .oynatici { border-radius: 14px; overflow: hidden; }
.bolum-ana h1 { font-size: clamp(24px, 3vw, 34px); font-weight: 800; margin-top: 18px; text-wrap: balance; }
.bolum-ana .haber-bilgi .etiket:hover { text-decoration: underline; }
.bolum-yan { background: var(--zemin-2); border-radius: 14px; padding: 18px; }
.bolum-yan .bolum-baslik { margin-bottom: 8px; }
.bolum-yan .bolum-baslik h2 { font-size: 19px; }
.bolum-liste { list-style: none; margin: 0; padding: 0; }
.bolum-liste li + li { border-top: 1px solid var(--cizgi); }
.bolum-liste a { display: flex; gap: 12px; padding: 10px 0; align-items: flex-start; }
.bl-gorsel { flex: none; width: 120px; aspect-ratio: 16 / 9; overflow: hidden; background: var(--zemin-3); border-radius: var(--r-k); }
.bl-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.bl-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.bl-metin strong { font-size: 14px; line-height: 1.3; }
.bl-metin time { font-size: 12px; color: var(--soluk); }
.bolum-liste a:hover strong { color: var(--ana); }

/* --- Programlar sayfası --- */
.program-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; }
.program-kart a { display: flex; flex-direction: column; gap: 12px; height: 100%; }
.program-kart .kart-gorsel { border-radius: var(--r); }
.program-kart a:hover .kart-gorsel img { transform: scale(1.04); }
.program-metin { display: flex; flex-direction: column; gap: 6px; }
.program-kart h3 { font-size: 21px; }
.program-kart p { margin: 0; font-size: 15px; color: var(--soluk); }
.program-kart a:hover h3 { color: var(--ana); }
.program-meta { font-size: 13.5px; color: var(--soluk); }
.metin-kart .program-metin { background: var(--zemin-2); border-radius: var(--r); padding: 18px; }

/* --- Frekans --- */
.frekans-kart { margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden; background: #fff; }
.frekans-kart + .frekans-kart { margin-top: 12px; }
.frekans-kart > div { padding: 12px 16px; border-inline-start: 1px solid var(--cizgi); }
.frekans-kart > div:first-child { border-inline-start: 0; }
.frekans-kart dt { font-size: 12px; color: var(--soluk); font-weight: 600; }
.frekans-kart dd { margin: 2px 0 0; font: 700 18px/1.25 var(--f-rakam); }
.frekans-izgara .frekans-kart { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }

/* --- İç sayfalar --- */
.sayfa-ust { margin-top: 32px; }
.sayfa-ust h1 { font-size: clamp(30px, 3.4vw, 42px); font-weight: 800; margin-bottom: 18px; }
.kategori-sekme, .gun-sekme { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.kategori-sekme::-webkit-scrollbar, .gun-sekme::-webkit-scrollbar { display: none; }
.kategori-sekme a, .gun-sekme a { flex: none; padding: 9px 16px; font-weight: 600; font-size: 15px; color: var(--soluk); background: var(--zemin-2); border-radius: 999px; }
.kategori-sekme a:hover, .gun-sekme a:hover { color: var(--metin); background: var(--zemin-3); }
.kategori-sekme a[aria-current], .gun-sekme a[aria-current] { color: #fff; background: var(--ana); }
.gun-sekme small { font-size: 11px; color: var(--canli); font-weight: 700; }
.gun-sekme a[aria-current] small { color: var(--vurgu-koyu-zemin); }
.sayfalama { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 40px; }
.sayfalama a { background: var(--zemin-2); padding: 10px 20px; font-weight: 600; border-radius: 999px; }
.sayfalama a:hover { background: var(--ana); color: #fff; }
.sayfalama span { color: var(--soluk); }

.haber-sayfa { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 48px; margin-top: 32px; align-items: start; }
.haber-ana { max-width: 780px; }
.iz { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13.5px; color: var(--soluk); margin-bottom: 14px; }
.iz a:hover { color: var(--ana); }
.haber-ana h1 { font-size: clamp(28px, 3.6vw, 44px); font-weight: 800; text-wrap: balance; line-height: 1.12; }
.spot { font-size: 20px; line-height: 1.55; color: #344054; margin: 16px 0 0; }
.haber-bilgi { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; margin: 20px 0 24px; border-block: 1px solid var(--cizgi); font-size: 14px; color: var(--soluk); }
.paylas { display: flex; align-items: center; gap: 6px; }
.paylas a, .paylas button { width: 36px; height: 36px; display: grid; place-items: center; background: var(--zemin-2); color: var(--metin); border: 0; border-radius: 50%; }
.paylas a:hover, .paylas button:hover { background: var(--ana); color: #fff; }
.paylas .ik { width: 16px; height: 16px; }
.haber-gorsel { margin: 0 0 24px; }
.haber-gorsel img { width: 100%; border-radius: 14px; }
.haber-gorsel figcaption, .program-kapak figcaption { font-size: 12px; color: var(--soluk); padding-top: 8px; text-align: end; }
.haber-gorsel figcaption a:hover, .program-kapak figcaption a:hover { text-decoration: underline; }
.haber-metin { font-size: 18px; line-height: 1.78; }
.haber-metin p { margin: 0 0 1.1em; }
.haber-metin h2 { font-size: 26px; margin: 1.4em 0 .5em; }
.haber-metin h3 { font-size: 21px; margin: 1.2em 0 .4em; }
.haber-metin blockquote { margin: 1.3em 0; padding: 6px 0 6px 20px; border-inline-start: 4px solid var(--vurgu); font-size: 20px; font-style: italic; color: #344054; }
[dir="rtl"] .haber-metin blockquote { padding: 6px 20px 6px 0; }
.haber-metin ul, .haber-metin ol { margin: 0 0 1.1em; padding-inline-start: 1.4em; }
.haber-metin li { margin-bottom: .35em; }
.haber-metin a { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
.haber-metin figure { margin: 1.4em 0; }
.haber-metin figure img { width: 100%; border-radius: 12px; }
.haber-metin figcaption { font-size: 13px; color: var(--soluk); padding-top: 6px; }
.haber-metin table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 16px; display: block; overflow-x: auto; }
.haber-metin th, .haber-metin td { border: 1px solid var(--cizgi); padding: 8px 12px; text-align: start; }
.haber-metin th { background: var(--zemin-2); }
.haber-metin hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2em 0; }
.haber-metin .embed { position: relative; aspect-ratio: 16 / 9; margin: 1.4em 0; background: #0b1426; border-radius: 12px; overflow: hidden; }
.haber-metin .embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.haber-yan { position: sticky; top: 96px; background: var(--zemin-2); border-radius: 14px; padding: 18px 20px; }
.haber-yan .bolum-baslik { margin-bottom: 6px; }
.haber-yan .bolum-baslik h2 { font-size: 19px; }
.yan-liste { list-style: none; margin: 0; padding: 0; }
.yan-liste li + li { border-top: 1px solid var(--cizgi); }
.yan-liste a { display: flex; gap: 12px; padding: 11px 0; align-items: baseline; font-weight: 600; font-size: 15px; line-height: 1.38; }
.yan-liste time { font: 700 14px/1.38 var(--f-rakam); color: var(--canli); min-width: 40px; flex: none; }
.yan-liste a:hover span { color: var(--ana); }

.canli-sayfa { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; }
.canli-ana h1 { margin-bottom: 16px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.canli-ana h1 .canli-etiket { font-size: 14px; padding: 7px 12px; }
.canli-akis { background: var(--zemin-2); border-radius: 14px; padding: 18px; }
.oynatici { position: relative; aspect-ratio: 16 / 9; background: #0b1426; border-radius: 14px; overflow: hidden; }
.oynatici video, .oynatici iframe { width: 100%; height: 100%; border: 0; display: block; }
.oynatici-not { position: absolute; inset-inline: 0; bottom: 0; margin: 0; padding: 10px 14px; font-size: 13px; color: #fff; background: rgba(0, 0, 0, .6); pointer-events: none; transition: opacity .3s; }
.oynatici.oynuyor .oynatici-not { opacity: 0; }
.ses-ac {
  position: absolute; top: 14px; inset-inline-start: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 8px;
  border: 0; background: var(--canli); color: #fff; font-weight: 700; font-size: 15px; padding: 10px 18px; border-radius: 999px; box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
}
.ses-ac:hover { background: var(--canli-koyu); }
.ses-ac .ik { width: 20px; height: 20px; }
[dir="rtl"] .ses-ac .ik { transform: scaleX(-1); }
.ses-ac[hidden], .oynatici-not[hidden] { display: none; }
.oynatici-yok { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .8); text-align: center; padding: 24px; }

.akis-liste { list-style: none; margin: 0; padding: 0; }
.akis-oge { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; gap: 12px; align-items: baseline; padding: 11px 10px; border-bottom: 1px solid var(--cizgi); }
.akis-oge time { font: 700 17px/1.2 var(--f-rakam); color: var(--ana); }
.akis-ad { font-weight: 600; }
.akis-ad a:hover { text-decoration: underline; }
.akis-tur { font-size: 12px; color: var(--soluk); font-weight: 600; background: var(--zemin-2); padding: 3px 9px; border-radius: 999px; }
.akis-oge.gecti { opacity: .5; }
.akis-oge.simdi { background: #fdeced; border-radius: 10px; border-bottom-color: transparent; }
.akis-oge.simdi time { color: var(--canli); }
.akis-oge.simdi .akis-tur { background: var(--canli); color: #fff; }
.canli-akis .akis-oge { border-bottom-color: #dfe4ec; }
.akis-liste.genis { margin-top: 18px; }
.akis-liste.genis .akis-oge { padding: 15px 14px; font-size: 18px; grid-template-columns: 90px minmax(0, 1fr) auto; }
.akis-liste.genis time { font-size: 22px; }

.program-sayfa { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; align-items: start; margin-top: 32px; }
.program-sayfa.tek { grid-template-columns: minmax(0, 760px); }
.program-kapak { margin: 0; }
.program-kapak img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; }
.program-sayfa.afisli { grid-template-columns: 300px minmax(0, 1fr); }
.program-afis img { aspect-ratio: 750 / 1121; box-shadow: 0 10px 30px rgba(16, 24, 40, .15); }
.program-detay h1 { font-size: clamp(30px, 3.6vw, 44px); margin: 10px 0 14px; }
.kucuk-baslik { display: flex; align-items: center; gap: 8px; font-size: 18px; margin: 26px 0 10px; }
.kucuk-baslik .ik { color: var(--canli); }
.saat-listesi { list-style: none; margin: 0; padding: 4px 16px; background: var(--zemin-2); border-radius: var(--r); }
.saat-listesi li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
.saatler { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 12px; }
.saat-listesi li:last-child { border-bottom: 0; }
.saat-listesi time { font: 700 17px/1.3 var(--f-rakam); color: var(--canli); }

.yok-sayfa { text-align: center; padding: 80px 16px; }
.yok-kod { font: 800 110px/1 var(--f-rakam); color: var(--zemin-3); }
.yok-sayfa h1 { font-size: 34px; margin: 10px 0 8px; }
.yok-sayfa p { color: var(--soluk); margin: 0 0 24px; }

/* --- Alt bilgi: frekans bandı (varsa) + koyu alt bilgi --- */
.alt { margin-top: 64px; font-size: 14px; }
.alt-frekans { background: var(--zemin-2); border-top: 1px solid var(--cizgi); }
.alt-frekans .kap { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: center; padding-block: 22px; }
.alt-frekans h2 { display: flex; align-items: center; gap: 10px; font-size: 20px; color: var(--ana); }
.alt-frekans h2 .ik { width: 34px; height: 34px; color: var(--canli); }
.alt-koyu { background: var(--ana-koyu); color: rgba(255, 255, 255, .72); }
.alt-ic { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px 36px; padding-block: 40px 30px; }
.alt-ic.dort { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); }
.alt .logo-resim { height: 64px; }
.alt-marka address { font-style: normal; display: flex; flex-direction: column; gap: 3px; margin-top: 14px; line-height: 1.5; }
.alt-marka address strong { color: #fff; font-weight: 600; }
.alt-marka address a:hover { color: #fff; }
.sosyal { display: flex; gap: 8px; margin-top: 16px; }
.sosyal a { width: 36px; height: 36px; display: grid; place-items: center; background: rgba(255, 255, 255, .1); color: #fff; border-radius: 50%; }
.sosyal a:hover { background: #fff; color: var(--ana-koyu); }
.sosyal .ik { width: 16px; height: 16px; }
.alt-menu { display: flex; flex-direction: column; gap: 8px; align-content: start; }
.alt-menu h2 { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 6px; letter-spacing: .06em; text-transform: uppercase; }
.alt-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.alt-menu a:hover { color: #fff; }
.alt-diller { border-top: 1px solid rgba(255, 255, 255, .08); }
.alt-diller nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding-block: 12px; font-size: 13px; }
.alt-diller a { padding: 4px 11px; border-radius: 999px; }
.alt-diller a:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.alt-diller a[aria-current] { color: #fff; font-weight: 700; background: rgba(255, 255, 255, .1); }
.alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; padding-block: 14px 18px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 13px; color: rgba(255, 255, 255, .55); }
.kredi a { color: rgba(255, 255, 255, .85); font-weight: 600; }
.kredi a:hover { color: #fff; text-decoration: underline; }

/* --- Yazarlar ve köşe yazıları: fotoğraf yoksa baş harfler (sahte portre yok) --- */
.yazar-foto { flex: none; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--zemin-3); display: grid; place-items: center; }
.yazar-foto img { width: 100%; height: 100%; object-fit: cover; }
.yazar-foto.harfli { background: var(--ana); color: #fff; font: 700 22px/1 var(--f-baslik); letter-spacing: .02em; }
.yazar-foto.buyuk { width: 132px; height: 132px; }
.yazar-foto.buyuk.harfli { font-size: 44px; }
.yazar-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.yazar-kart a { display: flex; gap: 14px; align-items: center; padding: 16px; background: var(--zemin-2); border-radius: var(--r); height: 100%; }
.yazar-kart a:hover { background: var(--zemin-3); }
.yazar-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.yazar-kart h3 { font-size: 19px; }
.yazar-unvan { font-size: 14px; color: var(--soluk); margin: 0; }
.yazar-son { font-weight: 600; font-size: 15px; line-height: 1.35; }
.yazar-sayi { font-size: 13px; color: var(--soluk); }
.yazar-iz { margin-bottom: 14px; }
.yazar-profil { display: flex; gap: 28px; align-items: flex-start; margin-top: 8px; }
.yazar-profil h1 { font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; }
.yazar-profil .yazar-unvan { font-size: 17px; margin-top: 4px; }
.yazar-profil .haber-metin { margin-top: 14px; max-width: 70ch; }
.sosyal.koyu { margin-top: 14px; }
.sosyal.koyu a { color: var(--ana); background: var(--zemin-2); }
.sosyal.koyu a:hover { background: var(--ana); color: #fff; }

.makale-kart a { display: flex; gap: 14px; align-items: flex-start; }
.makale-metin { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.makale-yazar { font-size: 13px; font-weight: 700; color: var(--vurgu); }
.makale-kart h3 { font-size: 19px; font-weight: 700; line-height: 1.28; }
.makale-kart a:hover h3 { color: var(--ana); }
.makale-kart time { font-size: 13px; color: var(--soluk); }
.makale-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.makale-liste .makale-kart { border-bottom: 1px solid var(--cizgi); padding-block: 16px; }
.makale-liste.dar { grid-template-columns: 1fr; }
.makale-liste.dar .makale-kart h3 { font-size: 16px; }
.makale-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.makale-izgara .makale-kart a { flex-direction: column; gap: 12px; background: var(--zemin-2); padding: 20px; height: 100%; border-radius: var(--r); }
.makale-izgara .makale-kart a:hover { background: var(--zemin-3); }
.makale-imza { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.makale-imza .yazar-foto { width: 52px; height: 52px; }
.makale-imza .yazar-foto.harfli { font-size: 18px; }
.makale-imza strong { display: block; font-size: 16px; }
.makale-imza small { display: block; font-size: 13px; color: var(--soluk); }
.makale-imza:hover strong { color: var(--ana); }

/* --- Foto galeri --- */
.galeri-izgara { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.galeri-kart .kart-gorsel { position: relative; }
.foto-sayi { position: absolute; inset-inline-end: 8px; bottom: 8px; background: rgba(8, 14, 28, .7); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.galeri-sayfa { margin-top: 32px; }
.galeri-sayfa h1 { font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; text-wrap: balance; }
.galeri-bilgi { display: flex; gap: 16px; font-size: 14px; color: var(--soluk); margin: 10px 0 0; }
.galeri-aciklama { margin-top: 12px; max-width: 75ch; }
.galeri-gosterici { margin-top: 20px; }
.gg-sahne { position: relative; background: #0b1426; aspect-ratio: 16 / 9; max-height: min(68vh, 640px); width: 100%; overflow: hidden; border-radius: 14px; }
.gg-kare { margin: 0; position: absolute; inset: 0; }
.gg-kare[hidden] { display: none; }
.gg-kare img { width: 100%; height: 100%; object-fit: contain; }
.gg-ok { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .16); color: #fff; display: grid; place-items: center; backdrop-filter: blur(6px); }
.gg-ok:hover { background: #fff; color: var(--ana); }
.gg-geri { inset-inline-start: 14px; }
.gg-ileri { inset-inline-end: 14px; }
.gg-alt { display: flex; gap: 16px; align-items: baseline; padding: 12px 2px; min-height: 48px; }
.gg-sayac { flex: none; font: 700 15px/1 var(--f-rakam); color: var(--soluk); }
.gg-sayac b { color: var(--metin); font-size: 18px; }
.gg-yazi { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.gg-yazi[hidden] { display: none; }
.gg-yazi span { font-weight: 600; }
.gg-yazi small { font-size: 12px; color: var(--soluk); }
.gg-yazi small a { text-decoration: underline; text-underline-offset: 2px; }
.gg-kucukler { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px; scrollbar-width: thin; }
.gg-kucukler button { flex: none; width: 104px; aspect-ratio: 16 / 10; padding: 0; border: 0; background: var(--zemin-3); opacity: .55; border-radius: var(--r-k); overflow: hidden; }
.gg-kucukler button img { width: 100%; height: 100%; object-fit: cover; }
.gg-kucukler button:hover { opacity: .85; }
.gg-kucukler button[aria-pressed="true"] { opacity: 1; box-shadow: 0 0 0 3px var(--vurgu-koyu-zemin); }

/* --- Kurumsal sayfalar (künye, iletişim) --- */
.kurumsal-sayfa { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 48px; margin-top: 32px; align-items: start; }
.kurumsal-ana h1 { font-size: clamp(28px, 3.4vw, 40px); font-weight: 800; margin-bottom: 20px; }
.kunye-liste { margin: 0; background: var(--zemin-2); border-radius: 14px; padding: 6px 20px; }
.kunye-liste > div { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--cizgi); }
.kunye-liste > div:last-child { border-bottom: 0; }
.kunye-liste dt { font-weight: 700; font-size: 15px; }
.kunye-liste dd { margin: 0; overflow-wrap: anywhere; }
.kunye-liste a { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
.kurumsal-menu { display: flex; flex-direction: column; gap: 4px; background: var(--zemin-2); border-radius: 14px; padding: 8px; }
.kurumsal-menu a { padding: 10px 14px; border-radius: 10px; font-weight: 600; }
.kurumsal-menu a:hover { background: var(--zemin-3); }
.kurumsal-menu a[aria-current] { color: #fff; background: var(--ana); }

/* --- Duyarlı --- */
@media (max-width: 1100px) {
  .yazar-izgara, .makale-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kart-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .haber-blok .kart-izgara .kart:nth-child(4) { display: none; }
  .baslik-ic { gap: 14px; }
  .ana-menu > a { padding: 8px 9px; font-size: 15.5px; }
  .manset-geri, .manset-ileri { display: none; }
}
@media (max-width: 999px) {
  .yazar-izgara, .makale-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kurumsal-sayfa { grid-template-columns: 1fr; gap: 28px; }
  .dil-serit { display: none; }
  .menu-dugme { display: grid; }
  .ana-menu {
    position: fixed; inset: 0; z-index: 60; background: var(--ana-koyu); flex-direction: column; align-items: stretch;
    padding: 80px 20px 30px; gap: 4px; overflow-y: auto; transform: translateX(-100%); transition: transform .25s ease; visibility: hidden;
  }
  [dir="rtl"] .ana-menu { transform: translateX(100%); }
  .ana-menu.acik { transform: none; visibility: visible; }
  .ana-menu > a { font-size: 21px; padding: 13px 14px; border-radius: 10px; }
  .menu-diller { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; padding-inline: 4px; }
  .menu-diller span { width: 100%; font-size: 13px; color: rgba(255, 255, 255, .6); }
  .menu-diller a { padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); }
  .menu-diller a[aria-current] { background: #fff; color: var(--ana-koyu); }
  .menu-acik .menu-dugme { position: relative; z-index: 70; }
  .vitrin-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vitrin-izgara .vitrin-kart:nth-child(n+5) { display: none; }
  .afis-serit { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 16px) / 3.4); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
  .alt-ic.dort { grid-template-columns: 1fr 1fr 1fr; }
  .program-liste { grid-template-columns: 1fr; }
  .haber-sayfa, .canli-sayfa, .bolum-sayfa { grid-template-columns: 1fr; }
  .haber-yan { position: static; }
  .program-sayfa, .program-sayfa.afisli { grid-template-columns: 1fr; }
  .program-afis { max-width: 260px; }
  .program-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-ic { grid-template-columns: 1fr 1fr 1fr; }
  .alt-marka { grid-column: 1 / -1; }
  .alt-frekans .kap { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .kap { padding-inline: 16px; }
  .makale-liste { grid-template-columns: 1fr; }
  .yazar-profil { gap: 18px; }
  .yazar-foto.buyuk { width: 88px; height: 88px; }
  .yazar-foto.buyuk.harfli { font-size: 30px; }
  .kunye-liste { padding: 4px 16px; }
  .kunye-liste > div { grid-template-columns: 1fr; gap: 2px; padding: 10px 0; }
  .kunye-liste dt { font-size: 13px; color: var(--soluk); font-weight: 600; }
  .gg-sahne { margin-inline: -16px; width: calc(100% + 32px); max-height: none; aspect-ratio: 4 / 3; border-radius: 0; }
  .gg-ok { width: 40px; height: 40px; }
  .gg-kucukler button { width: 76px; }
  .kart-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
  .haber-blok .kart-izgara .kart:nth-child(4) { display: block; }
  .baslik-ic { min-height: 60px; gap: 10px; }
  .baslik-sag { gap: 6px; }
  .menu-dugme { padding: 6px; margin-inline-end: -6px; }
  .logo-isaret { width: 24px; height: 24px; }
  .logo-yazi b, .logo-yazi i { font-size: 20px; }
  .logo-resim { height: 46px; }
  .canli-dugme { padding: 8px 12px; font-size: 13.5px; gap: 6px; box-shadow: none; }
  .dil-sec summary { padding: 7px 10px; }
  .dil-sec summary .ik-k { display: none; }
  .bolum { margin-top: 36px; }
  .bolum-baslik h2 { font-size: 21px; }
  .manset-sahne { height: auto; aspect-ratio: 4 / 5; max-height: 560px; }
  .manset-gorsel::after, [dir="rtl"] .manset-gorsel::after { background: linear-gradient(0deg, rgba(8, 14, 28, .92) 0%, rgba(8, 14, 28, .55) 45%, rgba(8, 14, 28, .05) 75%); }
  .manset-metin { padding-bottom: 78px; }
  .manset-icerik { gap: 10px; }
  .manset-icerik h2 { font-size: 27px; }
  .manset-icerik p { display: none; }
  .manset-sayfa { bottom: 50px; }
  .bugun { margin-top: -32px; }
  .bugun-kart { padding: 14px 14px 10px; border-radius: 14px; }
  .bugun-ust h2 { font-size: 18px; }
  .bugun-canli { order: 3; width: 100%; }
  .bc-ad { flex: 1; }
  .serit-ok { display: none; }
  .akis-kart { flex-basis: 146px; padding: 8px 10px; }
  .vitrin-izgara { grid-template-columns: 1fr; gap: 14px; }
  .vitrin-izgara .vitrin-kart:nth-child(n+4) { display: none; }
  .afis-serit { grid-auto-columns: 42%; gap: 12px; margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
  .afis-metin strong { font-size: 16px; }
  .alt-ic.dort { grid-template-columns: 1fr 1fr; }
  .kisayollar { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 32px; }
  .ks { min-height: 72px; padding: 14px; font-size: 16px; gap: 10px; }
  .ks > .ik { width: 26px; height: 26px; }
  .ks-takip { grid-column: 1 / -1; }
  .pl-oge a { gap: 14px; }
  .pl-gorsel { flex-basis: 38%; }
  .pl-metin h3 { font-size: 18px; }
  .pl-metin p { -webkit-line-clamp: 2; font-size: 14px; }
  .hb-ust { padding: 12px 16px; }
  .hb-ust h2 { font-size: 19px; }
  .haber-blok .kart-izgara { padding: 16px; }
  .haber-metin { font-size: 17px; }
  .akis-liste.genis .akis-oge { grid-template-columns: 54px minmax(0, 1fr) auto; gap: 10px; padding: 12px 10px; font-size: 16px; align-items: center; }
  .akis-liste.genis time { font-size: 18px; }
  .frekans-kart { grid-template-columns: 1fr 1fr; }
  .frekans-kart > div { border-inline-start: 0; border-top: 1px solid var(--cizgi); }
  .alt-ic { grid-template-columns: 1fr 1fr; gap: 24px 20px; }
  .alt-son { justify-content: center; text-align: center; }
}
@media (max-width: 560px) {
  .yazar-izgara, .makale-izgara { grid-template-columns: 1fr; gap: 10px; }
  .makale-izgara .makale-kart a { flex-direction: row; padding: 14px; }
  .makale-izgara .yazar-foto { width: 52px; height: 52px; }
  .makale-izgara .yazar-foto.harfli { font-size: 18px; }
  .makale-kart h3 { font-size: 17px; }
  .kart-izgara { grid-template-columns: 1fr; gap: 0; }
  .kart { border-bottom: 1px solid var(--cizgi); padding-block: 14px; }
  .kart:first-child { padding-top: 0; }
  .kart:last-child { border-bottom: 0; padding-bottom: 0; }
  .kart a { flex-direction: row; gap: 12px; }
  .kart .kart-gorsel { width: 120px; flex: none; aspect-ratio: 4 / 3; }
  .kart h3, .metin-kart h3 { font-size: 16.5px; }
  .metin-kart a { padding: 0; border: 0; background: none; }
  .kart p { display: none; }
  .program-izgara { grid-template-columns: 1fr 1fr; gap: 22px 14px; }
  .program-kart h3 { font-size: 17px; }
  .program-kart .program-meta { font-size: 12.5px; }
  .galeri-izgara .kart a { flex-direction: column; gap: 10px; }
  .galeri-izgara .kart .kart-gorsel { width: 100%; aspect-ratio: 16 / 9; }
  .galeri-izgara .kart h3 { font-size: 19px; }
  .yazar-profil { flex-direction: row; align-items: center; }
  .alt-ic { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
  .bugun-tarih { font-size: 12px; }
  .dil-sec summary .ik:first-child { display: none; }
  .logo { gap: 6px; }
  .canli-dugme .nabiz { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .kayan-ic { animation: none; flex-wrap: wrap; width: auto; padding-inline-start: 0; }
}