/* Kurye Haber – yeni tasarım önizleme v2
   Kimlik: X/YouTube kapağındaki siyah bant + Barlow Condensed; logodan sarı ve tabela mavisi. */
:root {
	--sari: #EEBE39;
	--sari-koyu: #D9A514;
	--sari-acik: #FCF2D2;
	--mavi: #78CADF;
	--mavi-acik: #E6F4F8;
	--petrol: #24606A;
	--siyah: #0B0B0B;
	--murekkep: #161616;
	--metin: #222;
	--soluk: #5C6165;
	--cizgi: #E3E4E1;
	--zemin: #FFFFFF;
	--zemin-2: #F4F5F3;
	--kirmizi: #E02A20;
	--dar: "Barlow Condensed", "Arial Narrow", sans-serif;
	--ui: "Barlow", system-ui, sans-serif;
	--r-kucuk: 3px;
	--r-orta: 6px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 80px; }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 400 17px/1.6 var(--ui); overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--petrol); }
:focus-visible { outline: 3px solid var(--petrol); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--ui); color: var(--murekkep); margin: 0; line-height: 1.2; text-wrap: balance; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
button { font: inherit; cursor: pointer; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.kap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }
[hidden] { display: none !important; }
.ust-bosluk { padding-top: 28px; }

/* ---------- Önizleme çubuğu (canlıda olmayacak) ---------- */
.bekliyor { display: inline-block; font: 600 12px/1 var(--ui); background: var(--sari-acik); color: #6b5200; padding: 5px 8px; border-radius: 99px; border: 1px dashed var(--sari-koyu); }

/* ---------- Üst bölüm (eski sitenin düzeni + 1 Mayıs sonrası kapak: Kurye Haber / Kuryenin Sesi, Emeğin Habercisi) ---------- */
.kapak { background: #fff; color: var(--murekkep); }
.kapak-ust { border-bottom: 1px solid var(--cizgi); font: 500 13px/1 var(--ui); color: var(--soluk); }
.kapak-ust .kap { display: flex; align-items: center; gap: 18px; min-height: 36px; }
.kapak-link { display: flex; gap: 18px; margin-left: auto; }
.kapak-link a:hover { color: var(--petrol); text-decoration: underline; }
.kapak-sosyal { gap: 2px; }
.kapak-sosyal a { width: 28px; height: 28px; color: var(--murekkep); }
.kapak-sosyal a:hover { background: var(--zemin-2); color: var(--petrol); }
.kapak-sosyal svg { width: 15px; height: 15px; }
.kapak-orta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 14px; padding-bottom: 14px; }
/* Logo: dosyadaki boşluk kırpılır, scooter büyük görünür. Boyut --o ile ayarlanır. */
.logo-kirp { --o: 1; display: block; flex: none; width: calc(170px * var(--o)); height: calc(137px * var(--o)); }
.logo-kirp img { display: block; width: 100%; height: 100%; object-fit: contain; }
.kapak-marka { display: flex; align-items: center; gap: 16px; color: var(--murekkep); }
.kapak-marka:hover { color: var(--murekkep); }
.kapak-marka .logo-kirp { --o: .82; }
.kapak-yazi { display: flex; flex-direction: column; }
.kapak-ad { font: 700 clamp(40px, 5.4vw, 66px)/.92 var(--dar); text-transform: uppercase; letter-spacing: .01em; }
.kapak-slogan { font: italic 500 clamp(17px, 1.8vw, 22px)/1.2 var(--dar); color: var(--petrol); margin-top: 4px; }
.kapak-sosyal-buyuk { gap: 8px; }
.kapak-sosyal-buyuk a { width: 40px; height: 40px; border: 1px solid var(--cizgi); color: var(--murekkep); background: #fff; }
.kapak-sosyal-buyuk a:hover { background: var(--petrol); border-color: var(--petrol); color: #fff; }

/* Seçenek 1 – Beyaz: eski sitenin düzeni, petrol menü */
body[data-ust="1"] nav.bant { background: #48858E; border-bottom: 4px solid var(--sari); }
body[data-ust="1"] .ana-menu > li > a { color: #fff; }
body[data-ust="1"] .ana-menu > li > a:hover, body[data-ust="1"] .ana-menu > li:focus-within > a { background: #2F6970; color: var(--sari); }
body[data-ust="1"] .ana-menu > li > a.menu-destek { background: var(--sari); color: var(--siyah); }
body[data-ust="1"] .menu-dugme span { background: #fff; }
body[data-ust="1"] .ara { background: rgba(255,255,255,.18); }
body[data-ust="1"] .ara input, body[data-ust="1"] .ara button { color: #fff; }
body[data-ust="1"] .ara input::placeholder { color: rgba(255,255,255,.75); }
body[data-ust="1"] .ara:focus-within { background: #fff; }
body[data-ust="1"] .ara:focus-within input, body[data-ust="1"] .ara:focus-within button { color: var(--siyah); }

/* Seçenek 2 – Sarı: ortalanmış marka, sarı menü */
body[data-ust="2"] .kapak { border-top: 6px solid var(--sari); }
body[data-ust="2"] .kapak-orta { flex-direction: column; justify-content: center; gap: 10px; padding-top: 12px; padding-bottom: 14px; }
body[data-ust="2"] .kapak-marka { flex-direction: column; gap: 4px; text-align: center; }
body[data-ust="2"] .kapak-marka .logo-kirp { --o: .56; }
body[data-ust="2"] .kapak-ad { font-size: clamp(40px, 5vw, 58px); }
body[data-ust="2"] .ana-menu { justify-content: center; }

/* Seçenek 3 – Mavi: logodaki tabela mavisi, beyaz menü */
body[data-ust="3"] .kapak { background: var(--mavi); }
body[data-ust="3"] .kapak-ust { border-color: rgba(0,0,0,.1); color: #1d3b40; }
body[data-ust="3"] .kapak-sosyal-buyuk a { border-color: transparent; }
body[data-ust="3"] .kapak-slogan { color: #12363c; }
body[data-ust="3"] nav.bant { background: #fff; border-bottom: 1px solid var(--cizgi); box-shadow: 0 3px 0 var(--sari); }
body[data-ust="3"] .ana-menu > li > a { color: var(--petrol); }
body[data-ust="3"] .ana-menu > li > a:hover, body[data-ust="3"] .ana-menu > li:focus-within > a { background: var(--sari); color: var(--siyah); }
body[data-ust="3"] .ana-menu > li > a.menu-destek { background: var(--petrol); color: #fff; }
body[data-ust="3"] .ara { background: var(--zemin-2); }

.sosyal { display: flex; gap: 6px; flex-wrap: wrap; }
.sosyal a { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; }
.sosyal-buyuk a { width: 42px; height: 42px; background: #fff; border: 1px solid rgba(0,0,0,.12); color: var(--murekkep); }
.sosyal-buyuk a:hover { background: var(--siyah); color: #fff; }

/* ---------- Menü bandı ---------- */
nav.bant { background: var(--sari); position: sticky; top: 0; z-index: 40; border-bottom: 1px solid var(--sari-koyu); }
nav.bant .kap { display: flex; align-items: center; gap: 8px; min-height: 52px; position: relative; }
.bant-logo { display: none; align-items: center; background: #fff; height: 52px; padding: 0 8px; margin-right: 6px; }
.bant-logo.gorunur { display: flex; }
.bant-logo .logo-kirp { --o: .36; }
.ana-menu { display: flex; align-items: stretch; flex: 1; }
.ana-menu > li { position: relative; display: flex; }
.ana-menu > li > a { display: flex; align-items: center; padding: 0 13px; min-height: 52px; font: 700 19px/1 var(--dar); text-transform: uppercase; letter-spacing: .02em; color: var(--siyah); }
.ana-menu > li > a:hover, .ana-menu > li:focus-within > a { background: var(--siyah); color: var(--sari); }
.alt-var > a::after { content: ""; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: -4px 0 0 8px; }
.alt-menu { position: absolute; top: 100%; left: 0; min-width: 240px; background: var(--siyah); padding: 8px 0; display: none; box-shadow: 0 12px 24px rgba(0,0,0,.25); z-index: 5; }
.alt-var:hover .alt-menu, .alt-var:focus-within .alt-menu { display: block; }
.alt-menu a { display: block; padding: 9px 18px; color: #eee; font: 500 15px/1.3 var(--ui); }
.alt-menu a:hover { color: var(--sari); background: #1c1c1c; }
.ana-menu > li > a.menu-destek { background: var(--siyah); color: var(--sari); margin-left: 6px; }
.ana-menu > li > a.menu-destek:hover { background: var(--kirmizi); color: #fff; }
.ara { display: flex; align-items: center; background: rgba(255,255,255,.55); border-radius: 99px; padding: 0 4px 0 14px; margin-left: auto; }
.ara input { border: 0; background: transparent; width: 90px; font: 15px var(--ui); padding: 8px 0; outline: none; color: var(--siyah); }
.ara input::placeholder { color: #5a4a10; }
.ara button { border: 0; background: none; padding: 6px; display: grid; place-items: center; color: var(--siyah); }
.ara:focus-within { background: #fff; }
.menu-dugme { display: none; border: 0; background: none; width: 44px; height: 44px; padding: 11px; }
.menu-dugme span { display: block; height: 2px; background: var(--siyah); margin: 5px 0; }

/* ---------- Ortak parçalar ---------- */
main { padding-bottom: 8px; min-height: 60vh; }
.etiket { display: inline-block; background: var(--sari); color: var(--siyah); font: 700 13px/1 var(--dar); letter-spacing: .05em; text-transform: uppercase; padding: 5px 8px 4px; border-radius: var(--r-kucuk); }
.meta { font: 500 14px/1.4 var(--ui); color: var(--soluk); display: flex; flex-wrap: wrap; gap: 0 8px; align-items: baseline; }
.meta-kat { color: var(--petrol); font-weight: 700; }
.meta-kat:hover { text-decoration: underline; }
.ph { display: block; width: 100%; aspect-ratio: 3/2; background: var(--zemin-2) url("https://kuryehaber.com/wp-content/uploads/2023/11/logo-kurye.png") center/50% no-repeat; }

.bolum { margin-top: 44px; }
.bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; border-bottom: 2px solid var(--siyah); margin-bottom: 20px; }
.bolum-bas h2 { font: 700 28px/1 var(--dar); text-transform: uppercase; letter-spacing: .01em; padding: 0 12px 6px 0; position: relative; }
.bolum-bas h2::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 5px; background: var(--sari); }
.tumu { font: 600 15px/1 var(--ui); color: var(--petrol); padding-bottom: 8px; white-space: nowrap; }
.tumu::after { content: " ›"; }
.tumu:hover { text-decoration: underline; }

.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 22px; border-radius: var(--r-orta); font: 700 17px/1 var(--ui); border: 2px solid transparent; text-align: center; }
.dugme-sari { background: var(--sari); color: var(--siyah); }
.dugme-sari:hover { background: var(--sari-koyu); color: var(--siyah); }
.dugme-siyah { background: var(--siyah); color: #fff; }
.dugme-siyah:hover { background: #333; color: #fff; }
.dugme-kirmizi { background: var(--kirmizi); color: #fff; }
.dugme-kirmizi:hover { background: #b81f17; color: #fff; }
.dugme-beyaz { background: #fff; color: var(--siyah); }
.dugme-beyaz:hover { background: var(--sari); color: var(--siyah); }
.dugme-cizgi { border-color: var(--siyah); color: var(--siyah); background: #fff; }
.dugme-cizgi:hover { background: var(--siyah); color: #fff; }
.dugme-cizgi-beyaz { border-color: #fff; color: #fff; }
.dugme-cizgi-beyaz:hover { background: #fff; color: var(--siyah); }
.dugme-pasif { background: var(--zemin-2); color: var(--soluk); border: 2px dashed #ccc; cursor: not-allowed; }

/* Kart */
.izgara-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px 20px; }
.izgara-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; }
.kart { display: flex; flex-direction: column; gap: 10px; }
.kart-gorsel { position: relative; display: block; border-radius: var(--r-orta); overflow: hidden; background: var(--zemin-2); }
.kart-gorsel img { width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform .4s; }
.kart:hover .kart-gorsel img { transform: scale(1.03); }
.kart-gorsel .etiket { position: absolute; left: 10px; bottom: 10px; }
.kart-baslik { font-size: 18px; font-weight: 600; line-height: 1.28; }
.kart .meta { margin-top: -4px; }

/* Satır */
.satir { display: grid; grid-template-columns: 100px 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.satir:last-child { border-bottom: 0; }
.satir-gorsel { display: block; border-radius: var(--r-kucuk); overflow: hidden; }
.satir-gorsel img { width: 100px; aspect-ratio: 4/3; object-fit: cover; }
.satir h3 { font-size: 16px; font-weight: 600; margin-top: 3px; line-height: 1.3; }

/* ---------- Kayan manşet: ortak ---------- */
.manset { position: relative; overflow: hidden; background: var(--siyah); }
.manset-oge { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; color: #fff; display: block; }
.manset-oge.aktif { opacity: 1; visibility: visible; }
.manset-oge img { width: 100%; height: 100%; object-fit: cover; }
.manset-yazi { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.manset-baslik { font: 700 clamp(26px, 3vw, 40px)/1.08 var(--dar); text-wrap: balance; }
.manset-oge:hover { color: #fff; }
.manset-oge:hover .manset-baslik { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.manset-yazi time { font: 500 14px var(--ui); opacity: .85; }
.manset-nok { position: absolute; z-index: 3; display: flex; gap: 6px; }
.manset-nok button { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); background: rgba(0,0,0,.4); color: #fff; font: 700 13px var(--ui); padding: 0; }
.manset-nok button[aria-current] { background: var(--sari); border-color: var(--sari); color: var(--siyah); }
.manset-ok { position: absolute; z-index: 3; display: flex; gap: 4px; }
.manset-ok button { width: 40px; height: 40px; border: 0; background: rgba(0,0,0,.6); color: #fff; font: 400 26px/1 var(--ui); padding: 0 0 3px; }
.manset-ok button:hover { background: var(--sari); color: var(--siyah); }
/* Akışta yer kaplayan manşetler: etkin öğe görünür akışta */
.manset-gazete .manset-oge.aktif, .manset-sade .manset-oge.aktif, .manset-duvar .manset-oge.aktif, .manset-afis .manset-oge.aktif { position: relative; }

/* Klasik (Etkinlikler düzeni) */
.manset-klasik { border-radius: var(--r-orta); height: 100%; min-height: 470px; }
.manset-klasik .manset-oge::after { content: ""; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.manset-klasik .manset-yazi { position: absolute; left: 28px; right: 120px; bottom: 26px; z-index: 2; }
.manset-klasik .manset-nok { display: none; }
.manset-klasik .manset-ok { right: 0; bottom: 0; }
.manset-klasik .manset-ok button { width: 46px; height: 46px; }

/* Gazete: görsel solda, metin sağda */
.manset-gazete { border-radius: var(--r-orta); }
.manset-gazete .manset-oge { display: grid; grid-template-columns: 1.5fr 1fr; height: 100%; }
.manset-gazete .manset-oge img { aspect-ratio: 3/2; height: 100%; }
.manset-gazete .manset-yazi { padding: 28px 28px 70px; justify-content: flex-end; }
.manset-gazete .manset-nok { left: calc(60% + 28px); bottom: 24px; }
.manset-gazete .manset-ok { display: none; }

/* Mozaik içindeki büyük karo */
.manset-moz { height: 100%; }
.manset-moz .manset-oge::after { content: ""; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.88)); }
.manset-moz .manset-yazi { position: absolute; left: 24px; right: 24px; bottom: 60px; z-index: 2; }
.manset-moz .manset-nok { left: 24px; bottom: 18px; }
.manset-moz .manset-ok { display: none; }

/* Sade: görsel üstte, metin altta */
.manset-sade { background: #fff; }
.manset-sade .manset-oge { color: var(--murekkep); }
.manset-sade .manset-oge img { aspect-ratio: 16/10; height: auto; border-radius: var(--r-orta); }
.manset-sade .manset-yazi { padding-top: 14px; }
.manset-sade .manset-baslik { font-size: clamp(28px, 3vw, 40px); }
.manset-sade .manset-yazi time { color: var(--soluk); opacity: 1; }
.manset-sade .manset-oge:hover { color: var(--murekkep); }
.manset-sade .manset-nok { top: 14px; right: 14px; }
.manset-sade .manset-ok { display: none; }

/* Fotoğraf duvarı üstünde yalnız metin kutusu */
.manset-duvar { background: transparent; max-width: 760px; overflow: visible; }
.manset-duvar .manset-oge img { display: none; }
.manset-duvar .manset-yazi { background: var(--sari); color: var(--siyah); padding: 22px 26px 64px; box-shadow: 10px 10px 0 var(--siyah); }
.manset-duvar .etiket { background: var(--siyah); color: var(--sari); }
.manset-duvar .manset-baslik { font-size: clamp(30px, 4vw, 50px); }
.manset-duvar .manset-oge:hover { color: var(--siyah); }
.manset-duvar .manset-nok { left: 26px; bottom: 18px; }
.manset-duvar .manset-nok button { background: transparent; border-color: var(--siyah); color: var(--siyah); }
.manset-duvar .manset-nok button[aria-current] { background: var(--siyah); color: var(--sari); }
.manset-duvar .manset-ok { display: none; }

/* Afiş: siyah zemin, büyük sarı başlık, görsel sağda */
.manset-afis { background: transparent; overflow: visible; }
.manset-afis .manset-oge { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.manset-afis .manset-oge img { order: 2; aspect-ratio: 4/3; height: auto; border-radius: var(--r-orta); box-shadow: 14px 14px 0 var(--sari); }
.manset-afis .manset-yazi { padding-bottom: 50px; }
.manset-afis .etiket { background: transparent; color: var(--mavi); padding: 0; font-size: 16px; }
.manset-afis .manset-baslik { font-size: clamp(36px, 5vw, 66px); line-height: .98; text-transform: uppercase; color: var(--sari); }
.manset-afis .manset-nok { left: 0; bottom: 0; }
.manset-afis .manset-ok { display: none; }

/* ---------- H1 ---------- */
.h1-ust { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; }
.son-kutu { border: 1px solid var(--cizgi); border-top: 5px solid var(--sari); border-radius: var(--r-orta); padding: 4px 18px; }
.son-kutu h2 { font: 700 22px/1 var(--dar); text-transform: uppercase; padding: 14px 0 6px; }

/* ---------- YouTube bandı ---------- */
.yt-bant { margin: 44px 0 0; padding: 32px 0 36px; }
.yt-koyu { background: var(--siyah); color: #ddd; }
.yt-sari { background: var(--sari); }
.yt-afis { background: var(--kirmizi); color: #fff; }
.yt-bant.yt-serit { background: var(--zemin-2); border-block: 1px solid var(--cizgi); }
.yt-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }
.yt-logo { color: var(--kirmizi); display: grid; }
.yt-afis .yt-logo { color: #fff; }
.yt-bas h2 { font: 700 30px/1 var(--dar); text-transform: uppercase; color: inherit; }
.yt-koyu .yt-bas h2, .yt-afis .yt-bas h2 { color: #fff; }
.yt-sari .yt-bas h2, .yt-serit .yt-bas h2 { color: var(--siyah); }
.yt-abone { margin-left: auto; background: var(--kirmizi); color: #fff; font: 700 15px/1 var(--ui); padding: 10px 16px; border-radius: 99px; }
.yt-abone:hover { background: #b81f17; color: #fff; }
.yt-afis .yt-abone { background: #fff; color: var(--kirmizi); }
.yt-tum { font: 600 15px var(--ui); text-decoration: underline; text-underline-offset: 3px; }
.yt-izgara { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 28px; }
.yt-oran { position: relative; aspect-ratio: 16/9; border-radius: var(--r-orta); overflow: hidden; background: #000; }
.video-oynat { position: absolute; inset: 0; border: 0; padding: 0; background: #000; width: 100%; height: 100%; display: block; }
.video-oynat img { width: 100%; height: 100%; object-fit: cover; opacity: .92; transition: opacity .2s; }
.video-oynat:hover img { opacity: 1; }
.oynat-ikon { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; background: var(--kirmizi); border-radius: 12px; }
.oynat-ikon::after { content: ""; position: absolute; left: 27px; top: 14px; border-left: 18px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.video-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.yt-etiket { font: 700 14px/1 var(--ui); text-transform: uppercase; letter-spacing: .05em; color: var(--sari); margin: 14px 0 6px; }
.yt-sari .yt-etiket { color: var(--siyah); }
.yt-ana h3 { font: 700 30px/1.1 var(--dar); color: inherit; }
.yt-koyu .yt-ana h3, .yt-afis .yt-ana h3 { color: #fff; }
.yt-liste { display: flex; flex-direction: column; gap: 14px; }
.yt-liste li { display: grid; grid-template-columns: 160px 1fr; gap: 14px; align-items: start; }
.yt-liste .video-oynat, .yt-kucuk .video-oynat { position: relative; aspect-ratio: 16/9; border-radius: var(--r-kucuk); overflow: hidden; }
.yt-liste .oynat-ikon { transform: scale(.6); }
.yt-liste h3 { font-size: 16px; font-weight: 600; line-height: 1.3; color: inherit; }
.yt-koyu .yt-liste h3, .yt-afis .yt-liste h3 { color: #fff; }
.yt-koyu .meta { color: #aaa; }
.yt-afis .meta { color: rgba(255,255,255,.8); }
.yt-sari .meta { color: #4a3b00; }
.yt-bant .kaydir { grid-auto-columns: minmax(260px, 1fr); }
.yt-kucuk h3 { font-size: 16px; font-weight: 600; margin: 10px 0 4px; line-height: 1.3; color: var(--murekkep); }

/* YouTube bandı seçenekleri (siyah / kırmızı) */
.yt-koyu { background: var(--siyah); color: #ccc; }
.yt-koyu .yt-tum { color: #fff; }
.yt-kirmizi { background: var(--kirmizi); color: #fff; }
.yt-kirmizi .yt-logo { color: #fff; }
.yt-kirmizi .yt-bas h2, .yt-kirmizi .yt-ana h3, .yt-kirmizi .yt-liste h3, .yt-kirmizi .yt-tum, .yt-kirmizi h3, .yt-kirmizi h4 { color: #fff; }
.yt-kirmizi .yt-abone { background: var(--siyah); color: #fff; }
.yt-kirmizi .yt-abone:hover { background: #fff; color: var(--kirmizi); }
.yt-kirmizi .yt-etiket { color: #fff; opacity: .85; }
.yt-kirmizi .meta { color: rgba(255,255,255,.85); }
.yt-kirmizi .oynat-ikon { background: var(--siyah); }
.yt-kirmizi .yt-liste li { border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 14px; }
.yt-kirmizi .yt-liste li:last-child { border: 0; }
.yt-kirmizi .yt-oran, .yt-kirmizi .short-oran { box-shadow: 0 0 0 3px var(--siyah); }
/* 3 Sinema */
.yt-sinema-sahne { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 28px; align-items: end; }
.yt-sinema-yazi h3 { font: 700 34px/1.05 var(--dar); color: #fff; margin: 6px 0 10px; }
.yt-sinema-yazi p:last-child { font-size: 15px; color: #aaa; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.yt-serit-film { display: grid; grid-auto-flow: column; grid-auto-columns: 180px; gap: 10px; overflow-x: auto; margin-top: 22px; padding: 14px 0 6px; border-top: 1px solid #2a2a2a; scrollbar-width: thin; }
.yt-serit-film button { display: block; width: 100%; text-align: left; background: none; border: 0; padding: 0; color: #ccc; opacity: .7; }
.yt-serit-film button:hover, .yt-serit-film button[aria-current] { opacity: 1; }
.yt-serit-film img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border: 3px solid transparent; }
.yt-serit-film button[aria-current] img { border-color: var(--kirmizi); }
.yt-serit-film span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 600 13px/1.3 var(--ui); margin-top: 6px; }
/* 4 Video + Shorts */
.yt4-izgara { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.yt4-shorts-bas { font: 700 20px/1 var(--dar); text-transform: uppercase; margin-bottom: 12px; }
.yt4-shorts-sira { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.yt4-shorts-sira h4 { font: 600 13px/1.3 var(--ui); margin: 8px 0 0; }
.yt4-shorts-sira .short-oran { border-radius: 8px; }
.yt4-shorts-sira .oynat-ikon { transform: scale(.6); }
/* 5 Haftanın videosu */
.yt-vitrin { padding: 48px 0 40px; }
.yt-vitrin-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 40px; align-items: center; }
.yt-vitrin-ust { display: inline-flex; align-items: center; gap: 8px; font: 700 15px/1 var(--dar); text-transform: uppercase; letter-spacing: .08em; color: #fff; background: var(--kirmizi); padding: 8px 12px; }
.yt-vitrin-yazi h2 { font: 700 clamp(34px, 4vw, 52px)/1 var(--dar); color: #fff; margin: 18px 0 14px; }
.yt-vitrin-yazi h2 a:hover { color: var(--kirmizi); }
.yt-vitrin-yazi > p { color: #aaa; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.yt-vitrin-dugme { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.yt-vitrin-video { box-shadow: 14px 14px 0 var(--kirmizi); }
.yt-vitrin-alt { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 40px; padding-top: 22px; border-top: 1px solid #2a2a2a; }
.yt-vitrin-alt a { display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: start; color: #ddd; }
.yt-vitrin-alt a:hover { color: #fff; }
.yt-vitrin-alt img { width: 110px; aspect-ratio: 16/9; object-fit: cover; }
.yt-vitrin-alt span { font: 600 13px/1.3 var(--ui); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* 6 Mozaik */
.yt-moz { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 18px 16px; }
.yt-moz-buyuk { grid-row: span 2; }
.yt-moz h3 { font-size: 15px; font-weight: 600; line-height: 1.3; margin-top: 8px; }
.yt-moz-buyuk h3 { font: 700 28px/1.08 var(--dar); margin-top: 12px; }
.yt-moz-kucuk .oynat-ikon { transform: scale(.7); }

/* Rapor sütunları */
.rapor-sutun { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.rapor-sutun h3 { font: 700 21px/1.1 var(--dar); text-transform: uppercase; padding-bottom: 8px; border-bottom: 3px solid var(--sari); margin-bottom: 4px; }
.rapor-sutun h3 small { font: 600 13px var(--ui); color: var(--soluk); }
.rapor-sutun li { padding: 10px 0; border-bottom: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 3px; }
.rapor-sutun li a { font-weight: 600; font-size: 15px; line-height: 1.35; }
.rapor-sutun li time { font-size: 13px; color: var(--soluk); }
.yan-kutu .rapor-sutun { grid-template-columns: 1fr; gap: 14px; }
.bant-koyu .rapor-sutun h3, .bant-koyu .rapor-sutun h3 a { color: #fff; }
.bant-koyu .rapor-sutun li { border-color: #333; }
.bant-koyu .rapor-sutun li a { color: #eee; }
.bant-koyu .rapor-sutun li a:hover { color: var(--sari); }

/* Son eklenenler (zamanlı) */
.son-liste li { padding: 11px 0; border-bottom: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 2px; }
.son-liste li:last-child { border: 0; }
.son-zaman { font: 700 13px/1 var(--ui); color: var(--kirmizi); }
.son-liste a { font-weight: 600; font-size: 16px; line-height: 1.32; }

/* ---------- H2 ---------- */
.h2-ust { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 28px; }
.h2-son h2 { font: 700 22px/1 var(--dar); text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid var(--siyah); }
.h2-govde { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; margin-top: 40px; }
.filtre { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 8px; }
.filtre button { border: 1px solid var(--cizgi); background: #fff; padding: 6px 12px; border-radius: 99px; font: 500 14px/1 var(--ui); color: var(--metin); }
.filtre button:hover { border-color: var(--siyah); }
.filtre button[aria-pressed="true"] { background: var(--siyah); border-color: var(--siyah); color: var(--sari); font-weight: 700; }
.akis-oge { display: grid; grid-template-columns: 220px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); }
.akis-gorsel { display: block; border-radius: var(--r-orta); overflow: hidden; }
.akis-gorsel img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.akis-oge h3 { font-size: 21px; font-weight: 600; margin: 4px 0 6px; line-height: 1.25; }
.ozet { color: var(--soluk); font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.akis .dugme { margin-top: 24px; }
.yan-sutun { display: flex; flex-direction: column; gap: 24px; }
.yan-kutu { border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 18px 20px; }
.yan-kutu h2 { font: 700 21px/1 var(--dar); text-transform: uppercase; margin-bottom: 8px; }
.yan-kutu > p { font-size: 15px; margin-bottom: 14px; }
.yan-mavi { background: var(--mavi-acik); border-color: transparent; }
.yan-sari { background: var(--sari); border-color: transparent; }
.yan-koyu { background: var(--siyah); color: #ddd; border-color: transparent; }
.yan-koyu h2, .yan-koyu h3 { color: #fff; }
.yan-koyu h3 { font-size: 16px; margin-top: 10px; }
.duz-liste li { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.08); display: flex; flex-direction: column; gap: 2px; }
.duz-liste a { font: 600 16px/1.32 var(--ui); color: var(--murekkep); }
.duz-liste a:hover { text-decoration: underline; }
.duz-liste time { font: 500 13px var(--ui); color: var(--soluk); }
.yan-kutu .tumu { display: inline-block; margin-top: 10px; }

/* ---------- H3 ---------- */
.mozaik { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 240px 240px; gap: 6px; border-radius: var(--r-orta); overflow: hidden; }
.moz { position: relative; display: block; overflow: hidden; color: #fff; background: var(--siyah); }
.moz-0 { grid-row: span 2; }
.moz-k img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.moz-k:hover img { transform: scale(1.04); }
.moz-k::after { content: ""; position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.moz-yazi { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.moz-baslik { font: 700 20px/1.1 var(--dar); text-wrap: balance; }
.moz:hover { color: #fff; }
.son-serit { display: flex; align-items: stretch; margin-top: 16px; border: 2px solid var(--siyah); border-radius: var(--r-orta); overflow: hidden; }
.son-serit > strong { background: var(--siyah); color: var(--sari); font: 700 18px/1.1 var(--dar); text-transform: uppercase; padding: 14px 16px; display: flex; align-items: center; }
.son-serit ul { display: grid; grid-template-columns: repeat(4, 1fr); flex: 1; }
.son-serit li { padding: 10px 14px; border-left: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 3px; }
.son-serit li:first-child { border: 0; }
.son-serit time { font: 700 12px var(--ui); color: var(--kirmizi); }
.son-serit a { font-weight: 600; font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
section.bant { padding: 36px 0 40px; margin: 44px 0 0; }
.bant-mavi { background: var(--mavi-acik); }
.bant-koyu { background: var(--siyah); color: #eee; }
.bant-koyu .bolum-bas { border-color: #444; }
.bant-koyu .bolum-bas h2 { color: #fff; }
.bant-koyu .tumu { color: var(--sari); }
.kaydir { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; scrollbar-width: thin; }
.kaydir > * { scroll-snap-align: start; }
.iki-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; margin-top: 44px; }
.iki-sutun .bolum-bas { margin-bottom: 4px; }

/* ---------- H4 ---------- */
.h4-ust { display: grid; grid-template-columns: 260px minmax(0, 1fr) 280px; gap: 28px; align-items: start; }
.h4-akis { border-right: 1px solid var(--cizgi); padding-right: 22px; }
.h4-akis h2 { font: 700 22px/1 var(--dar); text-transform: uppercase; padding-bottom: 8px; border-bottom: 3px solid var(--sari); }
.h4-yan { display: flex; flex-direction: column; gap: 22px; border-left: 1px solid var(--cizgi); padding-left: 22px; }
.h4-yan-gorsel img { aspect-ratio: 3/2; object-fit: cover; border-radius: var(--r-kucuk); }
.h4-kicker { font: 700 14px/1 var(--dar); text-transform: uppercase; letter-spacing: .06em; color: var(--petrol); margin: 10px 0 6px; }
.h4-yan h3 { font: 700 22px/1.1 var(--dar); }
.h4-dizin { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 44px; }
.h4-dizin > section { border-top: 4px solid var(--siyah); padding-top: 12px; }
.h4-dizin h2 { font: 700 24px/1 var(--dar); text-transform: uppercase; margin-bottom: 12px; }
.h4-dizin-gorsel img { aspect-ratio: 3/2; object-fit: cover; border-radius: var(--r-kucuk); }
.h4-dizin h3 { font-size: 17px; font-weight: 700; margin: 10px 0 4px; line-height: 1.28; }
.h4-dizin li { padding: 9px 0; border-top: 1px solid var(--cizgi); font-size: 15px; line-height: 1.35; }

/* ---------- H5 ---------- */
.h5-duvar { position: relative; overflow: hidden; background: var(--siyah); }
.h5-izgara { display: grid; grid-template-columns: repeat(6, 1fr); }
.h5-izgara img { width: 100%; aspect-ratio: 3/2; object-fit: cover; filter: grayscale(.4); transition: filter .3s; }
.h5-izgara a:hover img { filter: none; }
.h5-manset-kap { position: absolute; left: 0; right: 0; bottom: 34px; pointer-events: none; }
.h5-manset-kap .manset { pointer-events: auto; }
.h5-son { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: start; padding: 24px 0 0; }
.h5-son h2 { font: 700 22px/1.1 var(--dar); text-transform: uppercase; background: var(--siyah); color: var(--sari); padding: 10px 14px; }
.h5-son .son-liste { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 22px; }
.h5-son .son-liste li { border: 0; padding: 0; }
.h5-one { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 44px; }
.h5-one-gorsel img { aspect-ratio: 16/9; object-fit: cover; border-radius: var(--r-orta); margin-bottom: 14px; }
.h5-one h2 { font: 700 34px/1.05 var(--dar); margin: 6px 0 8px; }
.h5-baslar { columns: 3; column-gap: 36px; }
.h5-baslar li { break-inside: avoid; padding: 10px 0; border-bottom: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 2px; }
.h5-baslar time { font: 600 13px var(--ui); color: var(--soluk); }
.h5-baslar a { font-weight: 600; font-size: 16px; line-height: 1.32; }

/* ---------- H6 ---------- */
.h6-hero { background: var(--siyah); color: #fff; padding: 44px 0 36px; }
.h6-son { background: var(--sari); }
.h6-son .kap { display: flex; align-items: center; gap: 16px; }
.h6-son strong { font: 700 18px/1 var(--dar); text-transform: uppercase; white-space: nowrap; }
.h6-son ul { display: grid; grid-template-columns: repeat(4, 1fr); flex: 1; }
.h6-son li a { display: block; padding: 12px 14px; border-left: 1px solid rgba(0,0,0,.2); font: 600 14px/1.3 var(--ui); color: var(--siyah); }
.h6-son li a:hover { background: rgba(0,0,0,.08); }
.h6-son time { display: block; font-size: 12px; color: #6b4b00; font-weight: 700; }
.h6-bas { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 4px solid var(--siyah); margin-bottom: 20px; padding-bottom: 4px; }
.h6-bas h2 { font: 800 42px/1 var(--dar); text-transform: uppercase; }
.h6-bas a { font: 700 16px var(--dar); text-transform: uppercase; letter-spacing: .04em; background: var(--siyah); color: var(--sari); padding: 6px 10px; }
.h6-gundem { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: 24px; }
.h6-kart-buyuk { grid-row: span 2; }
.h6-kart-gorsel img { aspect-ratio: 3/2; object-fit: cover; }
.h6-kart-buyuk .h6-kart-gorsel img { aspect-ratio: 4/3; }
.h6-ust { font: 700 14px/1 var(--dar); text-transform: uppercase; letter-spacing: .05em; color: var(--petrol); margin: 12px 0 6px; }
.h6-kart h3 { font: 700 22px/1.08 var(--dar); text-transform: uppercase; }
.h6-kart-buyuk h3 { font-size: 40px; }
.h6-raporlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.h6-rapor { display: flex; flex-direction: column; gap: 6px; }
.h6-rapor img { aspect-ratio: 3/4; object-fit: cover; object-position: top; border: 3px solid var(--siyah); }
.h6-rapor small { font: 700 14px/1 var(--dar); text-transform: uppercase; background: var(--sari); align-self: flex-start; padding: 4px 6px; margin-top: 4px; }
.h6-rapor span { font: 700 19px/1.1 var(--dar); }

/* ---------- Haber sayfası ---------- */
.okuma { max-width: 780px; padding-top: 28px; }
/* Haber sayfası yan sütunu (kuryehaklari.org'daki gibi çerçeveli kutular) */
.haber-yanli { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 44px; align-items: start; }
.haber-yanli .okuma { max-width: none; }
.haber-kenar { display: flex; flex-direction: column; gap: 22px; padding-top: 28px; position: sticky; top: 70px; }
.kenar-kutu { border: 1px solid var(--cizgi); background: #fff; }
.kenar-kutu > h2 { font: 700 18px/1 var(--dar); text-transform: uppercase; letter-spacing: .03em; padding: 14px 16px 12px; border-bottom: 3px solid var(--sari); }
.kenar-kutu > .tumu { display: inline-block; padding: 10px 16px 14px; }
.kenar-kutu > h3 { font-size: 15px; font-weight: 600; line-height: 1.3; padding: 10px 16px 0; }
.kenar-kutu > .yt-oran { margin: 14px 16px 0; border-radius: var(--r-kucuk); }
.kenar-rapor { display: block; padding: 14px 16px 0; }
.kenar-rapor img { width: 100%; aspect-ratio: 3/4; object-fit: contain; background: var(--zemin-2); border: 1px solid var(--cizgi); }
.kenar-rapor span { display: block; font-weight: 600; font-size: 15px; line-height: 1.3; margin-top: 10px; }
.kenar-liste li + li { border-top: 1px solid var(--cizgi); }
.kenar-liste li a { display: grid; grid-template-columns: 76px 1fr; gap: 12px; padding: 12px 16px; align-items: start; }
.kenar-liste li a:hover { background: var(--zemin-2); color: var(--murekkep); }
.kenar-liste li:first-child a { border-left: 4px solid var(--sari); padding-left: 12px; background: var(--sari-acik); }
.kenar-liste img { width: 76px; aspect-ratio: 4/3; object-fit: cover; }
.kenar-liste span { font-size: 14px; font-weight: 600; line-height: 1.3; }
.kenar-liste time { display: block; font: 700 12px/1.2 var(--ui); color: var(--petrol); margin-bottom: 3px; }
.kirinti { font: 500 14px var(--ui); color: var(--soluk); margin-bottom: 12px; }
.kirinti a { color: var(--petrol); }
.haber-baslik { font: 700 clamp(34px, 5vw, 54px)/1.02 var(--dar); }
.haber-ozet { font-size: 21px; line-height: 1.5; color: #444; margin: 16px 0 0; }
.imza-satir { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 16px 0; margin: 20px 0; border-block: 1px solid var(--cizgi); }
.imza { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--soluk); line-height: 1.4; }
.imza strong { color: var(--murekkep); font-size: 16px; }
.imza-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--siyah); color: var(--sari); display: grid; place-items: center; font: 700 17px var(--dar); flex: none; }
.paylas { display: flex; align-items: center; gap: 6px; }
.paylas > span { font: 600 14px var(--ui); color: var(--soluk); margin-right: 4px; }
.paylas a, .paylas button { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--cizgi); background: #fff; color: var(--murekkep); padding: 0; }
.paylas a:hover, .paylas button:hover { background: var(--siyah); color: #fff; border-color: var(--siyah); }
.haber-tarih { font: 600 15px var(--ui); color: var(--soluk); margin: 18px 0 22px; padding-bottom: 16px; border-bottom: 1px solid var(--cizgi); }
.haber-gorsel { margin: 0 0 28px; }
.haber-gorsel img { width: 100%; border-radius: var(--r-orta); }
.haber-icerik { font-size: 19px; line-height: 1.72; }
.haber-icerik p { margin: 0 0 1.1em; }
.haber-icerik h2, .haber-icerik h3 { font-family: var(--dar); margin: 1.4em 0 .5em; }
.haber-icerik img { border-radius: var(--r-orta); margin: 1em 0; height: auto; }
.haber-icerik a { color: var(--petrol); text-decoration: underline; }
.haber-icerik blockquote { margin: 1.4em 0; padding: 4px 0 4px 20px; border-left: 5px solid var(--sari); font-size: 21px; font-style: italic; }
.haber-alt { margin-top: 32px; display: flex; flex-direction: column; gap: 22px; }
.haber-ipucu { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: var(--sari); padding: 20px 24px; border-radius: var(--r-orta); }
.haber-hero { position: relative; background: var(--siyah); color: #fff; min-height: 460px; display: flex; align-items: flex-end; }
.haber-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.haber-hero .kap { position: relative; padding-bottom: 36px; padding-top: 80px; }
.haber-hero .haber-baslik { color: #fff; max-width: 900px; margin-top: 12px; }
.haber-iki { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; }
.haber-iki article { max-width: 760px; }
.haber-yan { padding-top: 20px; }
.ilgili { margin-top: 56px; }

/* ---------- Kategori, raporlar, videolar ---------- */
.kat-bas { background: var(--zemin-2); padding: 28px 0 30px; border-bottom: 1px solid var(--cizgi); }
.kat-mavi { background: var(--mavi-acik); border-bottom: 4px solid var(--mavi); }
.sayfa-baslik { font: 800 clamp(40px, 6vw, 68px)/.98 var(--dar); text-transform: uppercase; margin-bottom: 16px; }
.giris { font-size: 21px; line-height: 1.5; color: var(--murekkep); max-width: 62ch; }
.sekme-filtre { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.sekme-filtre button { border: 2px solid var(--siyah); background: #fff; padding: 8px 14px; border-radius: var(--r-orta); font: 700 17px/1 var(--dar); text-transform: uppercase; color: var(--siyah); }
.sekme-filtre button small { font: 600 12px var(--ui); color: var(--soluk); }
.sekme-filtre button[aria-selected="true"] { background: var(--siyah); color: var(--sari); }
.sekme-filtre button[aria-selected="true"] small { color: #bbb; }
.sekme-filtre .sekme-alt { border-style: dashed; }
.rapor-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 20px; }
.rapor-kart { display: flex; flex-direction: column; gap: 6px; }
.rapor-kapak { display: block; border: 1px solid var(--cizgi); border-radius: var(--r-kucuk); overflow: hidden; background: var(--zemin-2); }
.rapor-kapak img { aspect-ratio: 4/3; object-fit: cover; object-position: top; transition: transform .4s; }
.rapor-kart:hover img { transform: scale(1.03); }
.rapor-tur { font: 700 13px/1 var(--dar); text-transform: uppercase; letter-spacing: .05em; color: var(--petrol); margin-top: 6px; }
.rapor-ad { font-weight: 600; font-size: 17px; line-height: 1.3; }
.rapor-kart time { font-size: 13px; color: var(--soluk); }
.kat-lead { display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px; align-items: center; }
.kat-lead-gorsel img { aspect-ratio: 16/10; object-fit: cover; border-radius: var(--r-orta); }
.kat-lead h2 { font: 700 clamp(28px, 3vw, 40px)/1.05 var(--dar); margin: 8px 0 12px; }
.sayfalama { display: flex; gap: 6px; margin-top: 36px; }
.sayfalama a, .sayfalama span { padding: 8px 14px; border: 1px solid var(--cizgi); border-radius: var(--r-kucuk); font-weight: 600; }
.sayfalama span { background: var(--siyah); color: var(--sari); border-color: var(--siyah); }
.vid-hero { background: var(--siyah); color: #ccc; padding: 28px 0 40px; }
.vid-hero .kirinti, .vid-hero .kirinti a { color: #aaa; }
.vid-hero-izgara { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.vid-hero h1 { font: 700 clamp(30px, 3.4vw, 44px)/1.05 var(--dar); color: #fff; margin: 4px 0 14px; }
.vid-hero p:not(.yt-etiket) { margin-bottom: 20px; }
.vid-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 22px; margin-bottom: 28px; }
.vid-kart h3 { font-size: 17px; font-weight: 600; margin: 10px 0 4px; line-height: 1.3; }

/* Kutucuklu kategori sayfaları (kuryehaklari.org/kategori/etkinlikler düzeni) */
.kutu-sayfa { padding-top: 28px; }
.kutu-baslik { font: 700 32px/1 var(--dar); text-transform: uppercase; padding-bottom: 10px; border-bottom: 4px solid var(--sari); }
.kutu-baslik-kucuk { font-size: 26px; margin-top: 16px; }
.kutu-giris { font-size: 18px; color: var(--soluk); margin-top: 14px; max-width: 70ch; }
.kutu-sekme, .kutu-yil { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.kutu-sekme a, .kutu-sekme button { display: inline-block; text-decoration: none; border: 2px solid var(--petrol); background: #fff; color: var(--petrol); padding: 8px 14px; border-radius: var(--r-orta); font: 700 16px/1 var(--dar); text-transform: uppercase; }
.kutu-sekme button small { font: 600 12px var(--ui); opacity: .75; }
.kutu-sekme a[aria-current], .kutu-sekme a:hover, .kutu-sekme button[aria-pressed="true"] { background: var(--petrol); color: #fff; }
.kutu-yil { margin-top: 14px; }
.kutu-yil button { border: 0; background: var(--zemin-2); color: var(--murekkep); padding: 8px 16px; border-radius: 99px; font: 600 15px/1 var(--ui); }
.kutu-yil button:hover { background: var(--cizgi); }
.kutu-yil button[aria-pressed="true"] { background: var(--murekkep); color: #fff; }
.kutu-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 24px; }
.kutu { display: flex; flex-direction: column; border: 1px solid var(--cizgi); background: #fff; transition: box-shadow .2s, border-color .2s; }
.kutu:hover { border-color: #cfd1cd; box-shadow: 0 6px 18px rgba(0,0,0,.07); }
.kutu-gorsel { position: relative; display: block; overflow: hidden; background: var(--zemin-2); }
.kutu-gorsel img { width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .4s; }
.kutu:hover .kutu-gorsel img { transform: scale(1.03); }
.kutu-tarih { position: absolute; left: 0; bottom: 0; background: var(--sari); color: var(--siyah); font: 700 14px/1 var(--dar); letter-spacing: .05em; padding: 7px 10px 6px; }
.kutu-govde { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; }
.kutu-grup { font: 700 13px/1 var(--dar); text-transform: uppercase; letter-spacing: .05em; color: var(--petrol); }
.kutu-govde h3 { font-size: 17px; font-weight: 700; line-height: 1.3; flex: 1; }
.kutu-devam { font: 700 14px var(--ui); color: var(--murekkep); margin-top: 6px; }
.kutu-devam::after { content: " ›"; }
.kutu-devam:hover { color: var(--petrol); text-decoration: underline; }
.kutu-bos { margin-top: 24px; color: var(--soluk); }
.kutu-yukle { height: 1px; }

/* Videolar alternatifleri */
.vid-liste-bant { background: #173B41; color: #cfe0e2; padding: 28px 0 40px; }
.vid-liste-bant .kirinti, .vid-liste-bant .kirinti a { color: #9FC1C6; }
.vid-liste-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.vid-liste-bas h1 { font: 700 40px/1 var(--dar); text-transform: uppercase; color: #fff; }
.vid-oynatici { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.vid-sahne h2 { font: 700 30px/1.08 var(--dar); color: #fff; margin: 4px 0 8px; }
.vid-sahne-acik { font-size: 15px; max-width: 70ch; }
.vid-sira { max-height: 560px; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; padding-right: 6px; scrollbar-width: thin; }
.vid-sira button { display: grid; grid-template-columns: 136px 1fr; gap: 12px; width: 100%; text-align: left; background: transparent; border: 0; border-left: 4px solid transparent; padding: 8px; color: #e6eeef; border-radius: var(--r-kucuk); }
.vid-sira button:hover { background: rgba(255,255,255,.07); }
.vid-sira button[aria-current] { background: rgba(255,255,255,.1); border-left-color: var(--sari); }
.vid-sira img { width: 136px; aspect-ratio: 16/9; object-fit: cover; border-radius: 2px; }
.vid-sira b { display: block; font: 600 15px/1.3 var(--ui); }
.vid-sira small { display: block; font-size: 12px; color: #9FC1C6; margin-top: 4px; }
.vid3-hero { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.vid3-yazi { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.vid3-yazi h1 { font: 700 clamp(30px, 3.4vw, 44px)/1.05 var(--dar); }
.vid3-yazi > p:not(.meta) { color: var(--soluk); }
.vid-shorts { background: var(--sari-acik); padding: 32px 0 36px; margin-top: 44px; }
.vid-shorts .bolum-bas { border-color: rgba(0,0,0,.2); }
.shorts-serit { grid-auto-columns: 200px; }
.short-oran { position: relative; aspect-ratio: 9/16; border-radius: 10px; overflow: hidden; background: #000; }
.short-oran .video-oynat img { object-fit: cover; }
.short-kart h3 { font-size: 15px; font-weight: 600; line-height: 1.3; margin-top: 8px; }
.vid3-liste { display: flex; flex-direction: column; }
.vid3-liste article { display: grid; grid-template-columns: 320px 1fr; gap: 22px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.vid3-liste h3 { font: 700 24px/1.1 var(--dar); margin-bottom: 6px; }
.vid3-liste .ozet { margin-bottom: 6px; }
.vid4-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; border-bottom: 4px solid var(--sari); padding-bottom: 10px; }
.vid4-bas .kutu-baslik { border: 0; padding: 0; }
.kutu-video { aspect-ratio: 16/10; }
.kutu-video .video-oynat { position: absolute; inset: 0; }
.kutu-video .kutu-tarih { z-index: 2; pointer-events: none; }
.kutu-short { position: absolute; top: 8px; right: 8px; z-index: 2; background: var(--kirmizi); color: #fff; font: 700 12px/1 var(--dar); text-transform: uppercase; letter-spacing: .05em; padding: 5px 7px; }

/* Kutucuk seçenekleri (body[data-kutu]) */
.kutu-ozet, .kutu-alt { display: none; }
/* 2 – Yatay liste: görsel solda, başlık + özet sağda, tek sütun */
/* 3 – Görsel üstünde başlık */
/* 4 – Manşetli ızgara: ilk yazı büyük, kalanlar 3'lü */
/* 5 – Sade: çerçevesiz, sarı çizgi, tarih metin olarak */

/* Destek ol */
.destek-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 32px; align-items: start; }
.destek-kanal { border-radius: var(--r-orta); padding: 28px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; color: #fff; }
.destek-kanal h2 { font: 700 34px/1 var(--dar); text-transform: uppercase; color: #fff; }
.destek-kanal .yt-oran { width: 100%; margin: 6px 0; }
.destek-yt { background: var(--kirmizi); }
.destek-ig { background: linear-gradient(135deg, #5b2bb5, #c1268b 55%, #f2793a); }
.destek-hesap { font: 700 40px/1 var(--dar); margin: 14px 0 6px; }
.destek-dugmeler { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }
.destek-diger { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.destek-diger h3 { font: 700 22px/1.1 var(--dar); text-transform: uppercase; margin-bottom: 6px; }
.destek-diger p { font-size: 16px; color: var(--soluk); margin-bottom: 10px; }
.destek2-bas { background: var(--siyah); color: #fff; padding: 28px 0 40px; }
.destek2-bas .kirinti, .destek2-bas .kirinti a { color: #aaa; }
.destek2-bas h1 { font: 800 clamp(48px, 7vw, 88px)/.92 var(--dar); text-transform: uppercase; color: var(--sari); }
.destek2-bas p:last-child { font: italic 500 24px var(--dar); margin-top: 12px; }
.destek-adim { display: flex; flex-direction: column; margin-top: 12px; max-width: 900px; }
.destek-adim li { display: grid; grid-template-columns: 72px 1fr auto; gap: 20px; align-items: center; padding: 26px 0; border-bottom: 2px solid var(--siyah); }
.adim-no { font: 800 64px/1 var(--dar); color: var(--sari); -webkit-text-stroke: 2px var(--siyah); }
.destek-adim h2 { font: 700 30px/1.05 var(--dar); text-transform: uppercase; }
.destek-adim p { color: var(--soluk); }

/* ---------- Hakkımızda ---------- */
.sayfa { padding-top: 28px; }
.a1-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.tanim-liste { margin: 32px 0 0; }
.tanim-liste > div { display: grid; grid-template-columns: 180px 1fr; gap: 24px; padding: 20px 0; border-top: 1px solid var(--cizgi); }
.tanim-liste dt { font: 700 20px/1.3 var(--dar); text-transform: uppercase; color: var(--murekkep); }
.tanim-liste dt::before { content: none; }
.tanim-liste dd { margin: 0; max-width: 62ch; }
.kunye-kutu { background: var(--zemin-2); border-left: 5px solid var(--sari); border-radius: 0 var(--r-orta) var(--r-orta) 0; padding: 22px 24px; position: sticky; top: 70px; }
.kunye-kutu h2 { font: 700 24px/1 var(--dar); text-transform: uppercase; margin-bottom: 8px; }
.kunye-kutu dl { margin: 0; }
.kunye-kutu dt { font: 600 12px/1.3 var(--ui); text-transform: uppercase; letter-spacing: .05em; color: var(--soluk); margin-top: 14px; }
.kunye-kutu dd { margin: 3px 0 0; font-size: 15px; }
.kunye-kutu a { color: var(--petrol); text-decoration: underline; }
.a2-bant { background: var(--sari); padding: 32px 0 40px; margin-bottom: 40px; }
.a2-bant .kirinti, .a2-bant .kirinti a { color: rgba(0,0,0,.7); }
.a2-bant h1 { font: 800 clamp(42px, 6.5vw, 84px)/.92 var(--dar); font-style: italic; text-transform: uppercase; }
.a2-bant p:last-child { margin-top: 14px; font: 600 20px var(--ui); }
.a2-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: start; }
.a2-metin h2 { font: 700 26px/1.1 var(--dar); text-transform: uppercase; margin: 28px 0 6px; }
.a2-metin p:not(.giris) { max-width: 64ch; }
.arsiv-kutu { border: 2px solid var(--siyah); border-radius: var(--r-orta); padding: 18px 20px; }
.arsiv-kutu h2 { font: 700 22px/1 var(--dar); text-transform: uppercase; margin-bottom: 6px; }
.arsiv-kutu li a { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--cizgi); font: 500 16px var(--ui); }
.arsiv-kutu li b { font-variant-numeric: tabular-nums; }
.kucuk { font: 500 14px var(--ui); color: var(--soluk); margin-top: 10px; }
.a2-kunye { background: var(--siyah); color: #ddd; margin-top: 48px; padding: 36px 0 44px; }
.a2-kunye h2 { color: var(--sari); font: 700 26px/1 var(--dar); text-transform: uppercase; margin-bottom: 18px; }
.a2-kunye dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 28px; margin: 0; }
.a2-kunye dl > div:last-child { grid-column: 1 / -1; }
.a2-kunye dt { font: 600 12px var(--ui); text-transform: uppercase; letter-spacing: .05em; color: var(--mavi); }
.a2-kunye dd { margin: 4px 0 0; color: #fff; }
.a3-izgara { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 48px; align-items: start; }
.tabela { background: var(--mavi); border: 3px solid var(--siyah); border-radius: 4px; padding: 18px 0; display: flex; flex-direction: column; align-items: center; gap: 2px; font: 800 34px/1.02 var(--dar); color: var(--siyah); position: sticky; top: 70px; transform: rotate(-2deg); box-shadow: 6px 6px 0 var(--sari); }
.tabela i { display: block; height: 14px; }
.a3-ilke { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 36px; padding-top: 28px; border-top: 3px solid var(--siyah); }
.a3-ilke h2 { font: 700 24px/1 var(--dar); text-transform: uppercase; margin-bottom: 8px; }
.a3-ilke p { font-size: 16px; }
.yayin-liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; }
.yayin { padding: 16px 0; border-bottom: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 6px; }
.yayin-kat { font: 700 22px/1.1 var(--dar); text-transform: uppercase; color: var(--murekkep); }
.yayin-kat small { font: 500 13px var(--ui); text-transform: none; color: var(--soluk); margin-left: 6px; }
.yayin-son { font-size: 15px; color: var(--soluk); }
.yayin-son::before { content: "Son: "; font-weight: 600; color: var(--petrol); }
.kunye-tablo { width: 100%; border-collapse: collapse; }
.kunye-tablo th, .kunye-tablo td { text-align: left; padding: 12px 0; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.kunye-tablo th { width: 240px; font: 600 15px var(--ui); color: var(--soluk); }
.a4-izgara { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 56px; margin-top: 36px; }
.a4-alt { font: 700 26px/1 var(--dar); text-transform: uppercase; margin-bottom: 18px; }
.zaman { position: relative; padding-left: 26px; }
.zaman::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 3px; background: var(--siyah); }
.zaman li { position: relative; padding: 0 0 22px; }
.zaman li::before { content: ""; position: absolute; left: -26px; top: 4px; width: 15px; height: 15px; border-radius: 50%; background: var(--sari); border: 3px solid var(--siyah); }
.zaman time { font: 700 18px/1.1 var(--dar); text-transform: uppercase; color: var(--petrol); }
.zaman p { font-size: 16px; margin-top: 2px; }
.zaman a:hover { text-decoration: underline; }
.cubuk li { display: grid; grid-template-columns: 46px 1fr 40px; gap: 10px; align-items: center; padding: 6px 0; }
.cubuk-yil { font: 700 18px var(--dar); }
.cubuk-ray { height: 18px; background: var(--zemin-2); border-radius: 2px; overflow: hidden; }
.cubuk-ray span { display: block; height: 100%; background: var(--sari); border-right: 3px solid var(--siyah); }
.cubuk b { font-variant-numeric: tabular-nums; text-align: right; }
.a4-ilke { margin-top: 28px; }
.a4-ilke h3 { font: 700 20px/1 var(--dar); text-transform: uppercase; margin: 18px 0 4px; }
.a4-ilke p { font-size: 15px; }
.a4-kunye { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--cizgi); font-size: 14px; color: var(--soluk); }
.a4-kunye a { color: var(--petrol); text-decoration: underline; }
.a5-blok { padding: 56px 0; }
.a5-blok h1, .a5-blok h2 { font: 800 clamp(42px, 7vw, 92px)/.92 var(--dar); text-transform: uppercase; max-width: 14ch; margin-bottom: 20px; }
.a5-blok p { font-size: 21px; max-width: 60ch; line-height: 1.5; }
.a5-sari { background: var(--sari); }
.a5-koyu { background: var(--siyah); color: #ddd; }
.a5-koyu h2 { color: var(--sari); }
.a5-koyu .kanal-yatay { margin-top: 24px; }
.a5-foto { display: grid; grid-template-columns: repeat(6, 1fr); }
.a5-foto img { aspect-ratio: 1; object-fit: cover; width: 100%; filter: grayscale(1) contrast(1.1); }
.a5-kunye { padding-top: 40px; }
.a5-kunye h2 { font: 700 26px/1 var(--dar); text-transform: uppercase; margin-bottom: 12px; }
.a5-kunye dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 28px; margin: 0; }
.a5-kunye dl > div:last-child { grid-column: 1 / -1; }
.a5-kunye dt { font: 600 12px var(--ui); text-transform: uppercase; letter-spacing: .05em; color: var(--soluk); }
.a5-kunye dd { margin: 4px 0 0; }
.a6-izgara { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: start; }
.a6-icerik { position: sticky; top: 70px; border-left: 4px solid var(--sari); padding-left: 16px; }
.a6-icerik li { padding: 6px 0; font-size: 15px; }
.a6-icerik a:hover { text-decoration: underline; }
.a6-liste details { border-bottom: 1px solid var(--cizgi); }
.a6-liste summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; font: 700 26px/1.1 var(--dar); }
.a6-liste summary::-webkit-details-marker { display: none; }
.a6-liste summary::after { content: "+"; font: 400 30px/1 var(--ui); color: var(--petrol); }
.a6-liste details[open] summary::after { content: "–"; }
.a6-liste details p { padding: 0 0 22px; font-size: 18px; max-width: 64ch; }
.a6-son { display: flex; align-items: center; gap: 18px; margin-top: 32px; padding: 22px 24px; background: var(--zemin-2); border-radius: var(--r-orta); font-weight: 600; }

/* ---------- İletişim ---------- */
.i1 { max-width: 900px; }
.eposta-buyuk { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin: 32px 0 28px; padding: 28px 0; border-block: 3px solid var(--siyah); }
.eposta-buyuk > a { font: 700 clamp(26px, 4.6vw, 52px)/1.05 var(--dar); color: var(--siyah); background: linear-gradient(transparent 62%, var(--sari) 62%); word-break: break-all; }
.i1-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 40px; }
.i1-kanal { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: var(--r-orta); }
.i1-kanal h2 { font: 700 22px/1 var(--dar); text-transform: uppercase; flex: 1; }
.ara-baslik { font: 700 22px/1 var(--dar); text-transform: uppercase; margin: 32px 0 8px; }
.kanal-liste { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 32px; }
.kanal-liste a, .kanal-liste .pasif { display: grid; grid-template-columns: 22px 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--cizgi); font: 600 17px var(--ui); }
.kanal-liste b { font-weight: 500; color: var(--soluk); font-size: 15px; }
.kanal-liste .pasif { color: var(--soluk); }
.kanal-liste .pasif b { font-size: 12px; background: var(--sari-acik); border: 1px dashed var(--sari-koyu); color: #6b5200; padding: 3px 8px; border-radius: 99px; font-weight: 600; }
.kanal-dar { grid-template-columns: 1fr; }
.i2-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.form { display: flex; flex-direction: column; gap: 18px; }
.form-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form label, .adim-form .form-ikili label, .adim-form p > label { display: block; font: 600 15px var(--ui); margin-bottom: 6px; color: var(--murekkep); }
.form input:not([type=checkbox]), .form select, .form textarea, .adim-form input:not([type=radio]), .adim-form textarea { width: 100%; font: 17px var(--ui); padding: 12px 14px; border: 1px solid #c9cbc7; border-radius: var(--r-orta); background: #fff; color: var(--metin); }
.form input[type=file] { padding: 10px; background: var(--zemin-2); }
.form input:focus, .form select:focus, .form textarea:focus, .adim-form input:focus, .adim-form textarea:focus { outline: none; border-color: var(--petrol); box-shadow: 0 0 0 3px rgba(36,96,106,.18); }
.form .onay { display: flex; gap: 8px; align-items: center; }
.form .onay label { margin: 0; font-weight: 500; }
.form .onay a { color: var(--petrol); text-decoration: underline; }
.form .onay input { width: 18px; height: 18px; accent-color: var(--petrol); }
.form .dugme { align-self: flex-start; min-width: 160px; }
.form-not { background: var(--mavi-acik); padding: 12px 14px; border-radius: var(--r-orta); font-size: 15px; }
.i2-yan { background: var(--zemin-2); border-radius: var(--r-orta); padding: 22px 24px; }
.i2-yan h2 { font: 700 20px/1 var(--dar); text-transform: uppercase; margin-bottom: 4px; }
.i2-yan h2:not(:first-child) { margin-top: 26px; }
.i3-bas { background: var(--mavi-acik); padding: 28px 0 30px; border-bottom: 4px solid var(--mavi); }
.konu-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.konu-kutu { height: 100%; padding: 22px 24px; border: 2px solid var(--siyah); border-radius: var(--r-orta); display: flex; flex-direction: column; gap: 8px; }
.konu-baslik { font: 700 26px/1.05 var(--dar); text-transform: uppercase; }
.konu-acik { color: var(--soluk); font-size: 16px; flex: 1; }
.konu-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.konu-dugmeler a, .konu-dugmeler .pasif { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 99px; font: 600 14px var(--ui); background: var(--siyah); color: #fff; }
.konu-dugmeler a:hover { background: var(--sari); color: var(--siyah); }
.konu-dugmeler .pasif { background: var(--zemin-2); color: #999; border: 1px dashed #bbb; }
.i3-sosyal { background: var(--siyah); color: #fff; margin-top: 44px; padding: 30px 0 34px; }
.i3-sosyal h2 { color: #fff; font: 700 26px/1 var(--dar); text-transform: uppercase; margin-bottom: 14px; }
.kanal-yatay { display: flex; flex-wrap: wrap; gap: 10px; }
.kanal-yatay a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid #444; border-radius: 99px; font: 600 16px var(--ui); color: #fff; }
.kanal-yatay a:hover { background: var(--sari); border-color: var(--sari); color: var(--siyah); }
.mektup-izgara { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 30px; }
.mektup { position: relative; background: #fffdf6 repeating-linear-gradient(transparent 0 33px, #efe6cc 33px 34px); border: 1px solid #e4dcc4; box-shadow: 0 18px 40px rgba(0,0,0,.08); padding: 84px 40px 32px; font: 400 18px/1.7 "Courier Prime", monospace; color: #222; }
.mektup-logo { --o: .5; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); background: #fffdf6; border: 1px solid #e4dcc4; border-radius: 50%; width: 96px; height: 96px; display: grid; place-items: center; }
.mektup-logo img { margin-left: -53px; }
.mektup-tarih { text-align: right; margin-bottom: 18px; }
.mektup textarea, .mektup input { font: inherit; background: transparent; border: 0; border-bottom: 1px dashed #999; color: inherit; width: 100%; resize: vertical; padding: 4px 0; }
.mektup textarea { border: 0; line-height: 34px; margin: 6px 0 12px; }
.mektup textarea:focus, .mektup input:focus { outline: none; background: rgba(238,190,57,.15); }
.mektup-satir { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; margin-bottom: 8px; }
.mektup-satir input { flex: 1; min-width: 180px; width: auto; }
.mektup .dugme { margin-top: 18px; font-family: var(--ui); }
.mektup .kucuk { font-family: var(--ui); }
.mektup-yan p { margin-bottom: 20px; font-size: 18px; }
.kartvizit-izgara { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; align-items: center; margin: 12px 0 8px; }
.kartvizit { background: var(--siyah); color: #fff; border-radius: 14px; padding: 36px 40px; aspect-ratio: 1.75; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 12px 12px 0 var(--sari); max-width: 620px; }
.kv-ad { font: 700 clamp(44px, 6vw, 70px)/.9 var(--dar); text-transform: uppercase; }
.kv-slogan { font: italic 500 22px var(--dar); margin-top: 6px; color: #ccc; }
.kartvizit ul { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; }
.kartvizit li { display: flex; gap: 10px; align-items: center; font-size: 16px; }
.kartvizit li a:hover { color: var(--sari); }
.bekliyor-koyu { color: var(--sari); font-size: 14px; border-bottom: 1px dashed var(--sari); }
.qr-kutu { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.qr { width: 202px; height: 202px; padding: 14px; background: #fff; border: 3px solid var(--siyah); }
.qr img, .qr canvas { width: 168px !important; height: 168px !important; }
.kanal-kare { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.kanal-kare a, .kanal-kare .pasif { display: flex; flex-direction: column; gap: 6px; padding: 18px 16px; border: 2px solid var(--siyah); border-radius: var(--r-orta); height: 100%; }
.kanal-kare a:hover { background: var(--sari); color: var(--siyah); }
.kanal-kare strong { font: 700 20px/1 var(--dar); text-transform: uppercase; margin-top: 8px; }
.kanal-kare small { font-size: 13px; color: var(--soluk); word-break: break-word; }
.kanal-kare .pasif { border-style: dashed; color: var(--soluk); }
.i6 { max-width: 860px; }
.adim-form { margin-top: 28px; border: 2px solid var(--siyah); border-radius: var(--r-orta); padding: 28px; }
.adim-cizgi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 28px; counter-reset: a; }
.adim-cizgi li { counter-increment: a; font: 700 15px/1.2 var(--dar); text-transform: uppercase; color: var(--soluk); border-top: 6px solid var(--zemin-2); padding-top: 8px; }
.adim-cizgi li::before { content: counter(a) ". "; }
.adim-cizgi li.aktif { border-color: var(--sari); color: var(--siyah); }
.adim { border: 0; margin: 0; padding: 0; min-width: 0; }
.adim legend { font: 700 32px/1.05 var(--dar); text-transform: uppercase; margin-bottom: 16px; padding: 0; }
.adim p { margin-bottom: 14px; }
.secim { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.secim label { display: block; margin: 0; cursor: pointer; position: relative; }
.secim input { position: absolute; opacity: 0; }
.secim span { display: block; padding: 16px 18px; border: 2px solid var(--cizgi); border-radius: var(--r-orta); font: 600 17px var(--ui); }
.secim input:checked + span { border-color: var(--siyah); background: var(--sari); }
.secim input:focus-visible + span { outline: 3px solid var(--petrol); outline-offset: 2px; }
.adim-ozet { white-space: pre-wrap; font: 15px/1.6 "Courier Prime", monospace; background: var(--zemin-2); padding: 16px; border-radius: var(--r-orta); margin: 0 0 18px; max-height: 260px; overflow: auto; }
.adim-gonder { display: flex; flex-wrap: wrap; gap: 10px; }
.adim-nav { display: flex; justify-content: space-between; margin-top: 24px; }
.adim-nav [data-ileri] { margin-left: auto; }

/* ---------- Alt bilgi ---------- */
.site-alt { background: #173B41; color: #C9DADC; font-size: 15px; border-top: 6px solid var(--sari); margin-top: 64px; }
.alt-izgara { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 32px; padding: 44px 0 36px; }
.alt-marka-link { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.alt-marka-link .logo-kirp { --o: .55; }
.alt-ad { font: 700 40px/.9 var(--dar); text-transform: uppercase; color: #fff; }
.alt-marka p { max-width: 32ch; margin-bottom: 14px; }
.site-alt h2 { font: 700 18px/1 var(--dar); color: var(--sari); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 12px; }
.site-alt li { margin: 7px 0; }
.site-alt a:hover { color: #fff; text-decoration: underline; }
.site-alt .sosyal a { background: rgba(255,255,255,.1); color: #fff; }
.site-alt .sosyal a:hover { background: var(--sari); color: var(--siyah); text-decoration: none; }
.alt-son { border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; color: #9FB8BB; padding: 16px 0; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1180px) {
	.ana-menu > li > a { padding: 0 9px; font-size: 17px; }
	.ara input { width: 60px; }
	.h4-ust { grid-template-columns: 220px minmax(0, 1fr); }
	.h4-yan { grid-column: 1 / -1; flex-direction: row; border: 0; padding: 0; }
	.h4-yan article { flex: 1; }
	.kanal-kare { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
	.menu-dugme { display: block; order: 3; }
	.ara { order: 2; }
	.ana-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--siyah); flex-direction: column; padding: 8px 0 16px; max-height: calc(100vh - 120px); overflow-y: auto; }
	.ana-menu.acik { display: flex; }
	.ana-menu > li { flex-direction: column; }
	.ana-menu > li > a { color: #fff; min-height: 48px; padding: 0 20px; }
	.ana-menu > li > a.menu-destek { margin: 8px 16px 0; justify-content: center; background: var(--sari); color: var(--siyah); }
	.alt-var > a::after { display: none; }
	.alt-menu { position: static; display: block; box-shadow: none; padding: 0 0 6px 16px; background: transparent; }
	.alt-menu a { padding: 7px 20px; color: #bbb; }
	.haber-yanli, .vid-oynatici, .vid3-hero, .yt4-izgara, .yt-sinema-sahne, .yt-vitrin-izgara { grid-template-columns: 1fr; }
	.yt-vitrin-alt { grid-template-columns: 1fr 1fr; }
	.yt-moz { grid-template-columns: 1fr 1fr; }
	.yt-moz-buyuk { grid-column: 1 / -1; grid-row: auto; }
	.vid-sira { max-height: 420px; }
	.vid3-liste article { grid-template-columns: 220px 1fr; }
	.haber-kenar { position: static; padding-top: 0; }
	.h1-ust, .h2-ust, .h2-govde, .a1-izgara, .a2-izgara, .i2-izgara, .haber-iki, .yt-izgara, .vid-hero-izgara, .mektup-izgara, .kartvizit-izgara, .a4-izgara, .a6-izgara, .kat-lead { grid-template-columns: 1fr; }
	.manset-klasik { min-height: 400px; }
	.izgara-4, .rapor-sutun, .rapor-izgara, .h4-dizin, .kutu-izgara { grid-template-columns: repeat(2, 1fr); }
	.izgara-3, .vid-izgara { grid-template-columns: repeat(2, 1fr); }
	.alt-izgara { grid-template-columns: 1fr 1fr; }
	.yayin-liste { grid-template-columns: 1fr 1fr; }
	.a3-ilke { grid-template-columns: 1fr; gap: 20px; }
	.kunye-kutu, .tabela, .a6-icerik { position: static; }
	.a6-icerik { display: none; }
	.a2-kunye dl, .a5-kunye dl { grid-template-columns: 1fr 1fr; }
	.h5-son { grid-template-columns: 1fr; }
	.h5-son .son-liste { grid-template-columns: 1fr 1fr; gap: 14px 22px; }
	.h5-baslar { columns: 2; }
	.son-serit { flex-direction: column; }
	.son-serit ul { grid-template-columns: 1fr 1fr; }
	.son-serit li:nth-child(3) { border-left: 0; }
	.h6-son .kap { flex-direction: column; align-items: stretch; padding-top: 10px; }
	.h6-son ul { grid-template-columns: 1fr 1fr; }
	.h6-gundem { grid-template-columns: 1fr 1fr; }
	.h6-kart-buyuk { grid-column: 1 / -1; grid-row: auto; }
	.h6-raporlar, .destek-diger { grid-template-columns: 1fr 1fr; }
	.manset-afis .manset-oge { grid-template-columns: 1fr; gap: 20px; }
	.manset-afis .manset-oge img { order: 0; }
	.manset-gazete .manset-oge { grid-template-columns: 1fr; }
	.manset-gazete .manset-nok { left: 28px; }
	.destek-iki { grid-template-columns: 1fr; }
	.kapak-sosyal-buyuk { display: none; }
}
@media (max-width: 640px) {
	body { font-size: 16px; }
	.kapak-ust .tarih { display: none; }
	.kapak-marka { gap: 10px; }
	.kapak-marka .logo-kirp, body[data-ust="2"] .kapak-marka .logo-kirp { --o: .52; }
	.kapak-ad, body[data-ust="2"] .kapak-ad { font-size: 40px; }
	.kapak-slogan { font-size: 16px; }
	.kapak-orta { padding-top: 10px; padding-bottom: 10px; }
	.kapak-sosyal { display: none; }
	.ara input { width: 0; padding: 8px 0; }
	.ara { padding: 0 2px; background: transparent; }
	.ara:focus-within input { width: 120px; }
	.manset-klasik { min-height: 340px; }
	.manset-klasik .manset-yazi { left: 16px; right: 16px; bottom: 56px; }
	.manset-baslik { font-size: 28px; }
	.izgara-4 { grid-template-columns: 1fr 1fr; gap: 20px 12px; }
	.kart-baslik { font-size: 16px; }
	.izgara-3, .vid-izgara, .rapor-sutun, .h4-dizin, .iki-sutun, .h5-one, .kanal-liste, .konu-liste, .form-ikili, .i1-iki, .yayin-liste, .h6-raporlar, .destek-diger, .secim, .alt-izgara { grid-template-columns: 1fr; }
	.rapor-izgara { grid-template-columns: 1fr 1fr; }
	.kutu-izgara { grid-template-columns: 1fr 1fr; gap: 12px; }
	.vid3-liste article { grid-template-columns: 1fr; gap: 10px; }
	.yt-vitrin-alt { grid-template-columns: 1fr; }
	.shorts-serit { grid-auto-columns: 150px; }
	.vid-liste-bas, .vid4-bas { flex-direction: column; align-items: flex-start; }
	.kutu-govde { padding: 10px 12px 12px; }
	.kutu-govde h3 { font-size: 15px; }
	.kutu-tarih { font-size: 12px; }
	.akis-oge { grid-template-columns: 112px 1fr; gap: 14px; padding: 16px 0; }
	.akis-oge h3 { font-size: 17px; }
	.akis-oge .ozet { display: none; }
	.mozaik { grid-template-columns: 1fr 1fr; grid-template-rows: 340px 170px 170px; }
	.moz-0 { grid-column: span 2; grid-row: auto; }
	.moz-baslik { font-size: 17px; }
	.son-serit ul, .h6-son ul, .h5-son .son-liste { grid-template-columns: 1fr; }
	.son-serit li { border-left: 0; border-top: 1px solid var(--cizgi); }
	.h4-ust { grid-template-columns: 1fr; }
	.h4-akis { border: 0; padding: 0; order: 2; }
	.h4-yan { flex-direction: column; order: 3; }
	.h5-izgara { grid-template-columns: repeat(3, 1fr); }
	.h5-manset-kap { position: relative; bottom: auto; margin-top: -60px; padding-bottom: 20px; }
	.manset-duvar .manset-yazi { box-shadow: 6px 6px 0 var(--siyah); }
	.h5-baslar { columns: 1; }
	.h6-gundem { grid-template-columns: 1fr; }
	.h6-bas h2 { font-size: 34px; }
	.h6-kart-buyuk h3 { font-size: 30px; }
	.yt-liste li { grid-template-columns: 120px 1fr; }
	.yt-abone { margin-left: 0; }
	.tanim-liste > div { grid-template-columns: 1fr; gap: 6px; }
	.a3-izgara { grid-template-columns: 1fr; gap: 20px; }
	.tabela { flex-direction: row; justify-content: center; padding: 10px; font-size: 24px; gap: 4px; transform: none; }
	.tabela i { width: 12px; height: auto; }
	.kunye-tablo th { width: 40%; }
	.giris { font-size: 18px; }
	.a2-kunye dl, .a5-kunye dl { grid-template-columns: 1fr; }
	.a5-foto { grid-template-columns: repeat(3, 1fr); }
	.a5-blok { padding: 40px 0; }
	.a5-blok p { font-size: 18px; }
	.haber-icerik { font-size: 18px; }
	.haber-ozet { font-size: 19px; }
	.haber-hero { min-height: 380px; }
	.mektup { padding: 80px 20px 24px; font-size: 16px; }
	.kartvizit { padding: 24px; aspect-ratio: auto; }
	.kanal-kare { grid-template-columns: 1fr 1fr; }
	.destek-adim li { grid-template-columns: 52px 1fr; }
	.destek-adim li .dugme { grid-column: 1 / -1; }
	.adim-no { font-size: 48px; }
	.adim-form { padding: 20px 16px; }
	.adim-cizgi li { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Yorumlar */
.yorumlar { margin-top: 36px; padding-top: 24px; border-top: 2px solid var(--siyah); }
.yorumlar h2 { font: 700 26px/1 var(--dar); text-transform: uppercase; margin-bottom: 14px; }
.yorum-liste { list-style: none; padding: 0; margin: 0 0 22px; }
.yorum-liste li { padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.yorum-ust { font-size: 14px; margin-bottom: 4px; } .yorum-ust time { color: #666; margin-left: 6px; }
.yorum-bos { color: #555; margin-bottom: 18px; }
.yorum-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; background: #f6f4ef; border-radius: var(--r-orta); padding: 20px; }
.yorum-not { grid-column: 1 / -1; font-size: 14px; color: #444; margin: 0; }
.yorum-alan { display: grid; gap: 6px; font-weight: 600; font-size: 14px; }
.yorum-uzun { grid-column: 1 / -1; }
.yorum-alan input, .yorum-alan textarea { font: 400 16px/1.4 var(--govde, inherit); padding: 10px 12px; border: 1px solid #cfcac0; border-radius: 8px; background: #fff; width: 100%; box-sizing: border-box; }
.yorum-alan input:focus, .yorum-alan textarea:focus { outline: 2px solid var(--sari); outline-offset: 1px; border-color: var(--siyah); }
.yorum-form .dugme { justify-self: start; }
.yorum-sonuc { grid-column: 1 / -1; margin: 0; font-weight: 600; }
@media (max-width: 640px) { .yorum-form { grid-template-columns: 1fr; } }
.yorum-liste li { display: grid; grid-template-columns: 40px 1fr; column-gap: 12px; }
.yorum-liste li::before { content: attr(data-harf); grid-row: span 2; width: 40px; height: 40px; border-radius: 50%; background: var(--sari); display: grid; place-items: center; font: 700 18px/1 var(--dar); }
.yorum-liste li p { margin: 0; }
.yorum-liste li p + p { margin-top: 4px; line-height: 1.55; }

/* Belge sayfaları: Hakkımızda, Künye, KVKK, Gizlilik */
.belge { max-width: 72ch; }
.belge p { margin: 0 0 16px; line-height: 1.7; }
.belge .giris { font-size: 20px; line-height: 1.55; }
.belge h2 { font: 700 24px/1.15 var(--dar); text-transform: uppercase; margin: 34px 0 10px; }
.belge-harf, .belge-iletisim { margin: 0 0 16px; padding-left: 0; list-style: none; }
.belge-harf li, .belge-iletisim li { padding: 5px 0; line-height: 1.6; }
.belge-iletisim li { padding-left: 14px; border-left: 3px solid var(--sari); margin-bottom: 6px; }
.belge-tarih { margin-top: 32px !important; padding-top: 14px; border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: 14px; }
.ilkeler { margin-top: 44px; padding-top: 28px; border-top: 3px solid var(--siyah); }
.ilkeler h2 { margin-top: 0; }
.ilke-liste { list-style: none; padding: 0; margin: 18px 0 0; }
.ilke-liste li { position: relative; padding: 14px 0 14px 22px; border-top: 1px solid var(--cizgi); line-height: 1.6; }
.ilke-liste li::before { content: ""; position: absolute; left: 0; top: 23px; width: 8px; height: 8px; background: var(--sari); }
.belge-kunye .kunye-ad { font: 800 34px/1 var(--dar); text-transform: uppercase; margin-bottom: 8px; }
.kunye-dl { margin: 0; }
.belge-kunye .kunye-dl { display: grid; grid-template-columns: minmax(160px, 260px) 1fr; border-top: 1px solid var(--cizgi); }
.belge-kunye .kunye-dl dt, .belge-kunye .kunye-dl dd { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.belge-kunye .kunye-dl dt { font: 700 16px/1.35 var(--dar); text-transform: uppercase; padding-right: 20px; }
.alt-bagimsiz { font-size: 14px; opacity: .85; max-width: 38ch; }
@media (max-width: 640px) { .belge-kunye .kunye-dl { grid-template-columns: 1fr; } .belge-kunye .kunye-dl dt { border-bottom: 0; padding-bottom: 2px; } .belge-kunye .kunye-dl dd { padding-top: 0; } }
.belge.belge-tam { max-width: none; }

/* Kurumsal sayfalarda sade başlıklar (Hakkımızda, İletişim, KVKK, Gizlilik) */
body.page .sayfa-baslik { font: 700 30px/1.15 var(--dar); text-transform: none; letter-spacing: 0; margin-bottom: 14px; }
body.page :is(.belge h2, .kunye-kutu h2, .i1-kanal h2, .ara-baslik) { font: 700 18px/1.3 var(--ui); text-transform: none; letter-spacing: 0; }
body.page .belge-tam h2 { margin: 26px 0 6px; }
body.page .giris { font-size: 18px; }
body.page .eposta-buyuk a { font-size: clamp(20px, 2.4vw, 26px); }


/* Tema: daha fazla yükle */
.kutu-daha { text-align: center; margin: 28px 0 8px; }
.kutu-daha .dugme[aria-busy="true"] { opacity: .6; pointer-events: none; }
.sayfalama { display: flex; gap: 8px; justify-content: center; margin: 28px 0; flex-wrap: wrap; }
.yorum-mesaj { background: var(--sari-acik, #fff4d6); border-left: 4px solid var(--sari); padding: 12px 16px; margin: 0 0 18px; border-radius: 0 8px 8px 0; font-weight: 600; }
.yorum-form .comment-form-cookies-consent { grid-column: 1 / -1; font-size: 14px; display: flex; gap: 8px; align-items: center; }
.yorum-form .form-submit { margin: 0; grid-column: 1 / -1; }
.belge img, .haber-icerik img { max-width: 100%; height: auto; }
.bulunamadi { padding: 60px 0; }
.bulunamadi form { display: flex; gap: 8px; max-width: 520px; margin-top: 18px; }
.bulunamadi input[type=search] { flex: 1; padding: 10px 12px; border: 1px solid #cfcac0; border-radius: 8px; font: inherit; }
h1.kapak-ad { margin: 0; }
.gizli-odak:focus { position: fixed; left: 12px; top: 12px; width: auto; height: auto; clip: auto; z-index: 999; background: var(--sari); color: var(--siyah); padding: 10px 16px; border-radius: 8px; font-weight: 700; }
.ana-menu > li > a[aria-current="page"] { box-shadow: inset 0 -4px 0 var(--sari); }
.haber-icerik iframe[src*="youtube"], .haber-icerik iframe[src*="vimeo"], .haber-icerik video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; }
.haber-icerik .wp-caption { max-width: 100%; }
.kat-mavi + .kap .kat-lead { margin-top: 32px; }

/* Alt bilgi: masaüstünde açık sütunlar, mobilde katlanır akordiyon */
.alt-ak > summary { list-style: none; cursor: default; pointer-events: none; }
.alt-ak > summary::-webkit-details-marker { display: none; }
@media (max-width: 640px) {
	.alt-izgara { gap: 0; }
	.alt-marka { padding-bottom: 20px; }
	.alt-ak { border-top: 1px solid rgba(255,255,255,.14); }
	.alt-ak:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
	.alt-ak > summary { pointer-events: auto; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 16px 0; }
	.alt-ak > summary h2 { margin: 0; }
	.alt-ak > summary::after { content: ""; width: 10px; height: 10px; border-right: 2px solid var(--sari); border-bottom: 2px solid var(--sari); transform: rotate(45deg) translateY(-3px); transition: transform .2s; }
	.alt-ak[open] > summary::after { transform: rotate(-135deg) translateY(-3px); }
	.alt-ak > ul { padding-bottom: 16px; }
}

/* Mobil üst bölüm: logo + arama + menü tek satırda, sabit */
.mobil-arac { display: none; }
@media (max-width: 960px) {
	.kapak { position: sticky; top: 0; z-index: 50; background: #fff; box-shadow: 0 2px 0 var(--sari); }
	.kapak-orta { padding-top: 8px; padding-bottom: 8px; gap: 12px; }
	.mobil-arac { display: flex; align-items: center; gap: 2px; margin-left: auto; flex: none; }
	.mobil-arac button { border: 0; background: none; width: 44px; height: 44px; display: grid; place-items: center; color: var(--siyah); border-radius: 10px; }
	.mobil-arac button[aria-expanded="true"] { background: var(--zemin-2, #f1eee7); }
	.mobil-arac .menu-dugme { display: block; padding: 12px 11px; }
	body[data-ust] .mobil-arac .menu-dugme span { background: var(--siyah); }
	body[data-ust] nav.bant { position: fixed; left: 0; right: 0; top: var(--ust-h, 76px); height: 0; min-height: 0; border: 0; background: transparent; z-index: 49; }
	nav.bant .kap { min-height: 0; padding: 0; display: block; }
	nav.bant .bant-logo, nav.bant .bant-logo.gorunur { display: none; }
	.ana-menu { top: 0; max-height: calc(100vh - var(--ust-h, 76px)); }
	body[data-ust] .ara { display: none; position: absolute; left: 0; right: 0; top: 0; margin: 0; border-radius: 0; padding: 10px 16px; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.12); }
	body[data-ust] .ara.acik { display: flex; }
	body[data-ust] .ara input { width: 100%; flex: 1; color: var(--siyah); font-size: 17px; border-bottom: 2px solid var(--siyah); }
	body[data-ust] .ara button { color: var(--siyah); }
	body.admin-bar .kapak { top: 46px; }
}
@media (max-width: 960px) {
	.mobil-arac .menu-dugme span { width: 22px; margin: 5px auto; }
}
@media (max-width: 640px) {
	.kapak-orta { gap: 10px; }
	.kapak-marka { gap: 10px; min-width: 0; }
	.kapak-marka .logo-kirp, body[data-ust="2"] .kapak-marka .logo-kirp { --o: .44; }
	.kapak-ad, body[data-ust="2"] .kapak-ad { font-size: 30px; white-space: nowrap; }
	.kapak-slogan { font-size: 13px; white-space: nowrap; }
}
@media (max-width: 360px) {
	.kapak-ad, body[data-ust="2"] .kapak-ad { font-size: 25px; }
	.kapak-slogan { font-size: 12px; }
	.kapak-marka .logo-kirp { --o: .38; }
}
.alt-tumu { display: none; }
@media (max-width: 960px) {
	.ana-menu > .alt-var > a { justify-content: space-between; }
	.ana-menu > .alt-var > a::after { display: block; width: 8px; height: 8px; margin: -4px 4px 0 0; transition: transform .2s; }
	.ana-menu > .alt-var.acik > a::after { transform: rotate(-135deg); margin-top: 4px; }
	.ana-menu .alt-menu { display: none; }
	.ana-menu .alt-var.acik .alt-menu { display: block; }
	.alt-tumu { display: block; }
	.alt-tumu a { color: var(--sari) !important; font-weight: 600 !important; }
}

/* Alt bilgi: bağımsızlık yazısı tam genişlik */
.alt-bagimsiz { max-width: none; }

/* Mobil manşet: etiket yok, görsel büyük, yazı alanı kısa */
@media (max-width: 640px) {
	.manset-gazete .manset-yazi .etiket { display: none; }
	.manset-gazete .manset-oge img { aspect-ratio: 4 / 3; height: auto; }
	.manset-gazete .manset-yazi { padding: 14px 16px 46px; gap: 6px; justify-content: flex-start; }
	.manset-gazete .manset-baslik { font-size: 24px; line-height: 1.1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.manset-gazete .manset-yazi time { font-size: 13px; }
	.manset-gazete .manset-nok { left: 16px; bottom: 12px; }
	.manset-gazete .manset-nok button { width: 26px; height: 26px; font-size: 12px; }
}
.alt-marka p.alt-bagimsiz { max-width: none; }
@media (min-width: 961px) { .alt-izgara { grid-template-columns: 2.2fr 1fr 1fr 1.1fr; } }

/* Haber sayfası mobil: yan sütunda Diğer haberler yok; alttaki Diğer haberler ikişerli */
@media (max-width: 960px) {
	.haber-kenar .kenar-liste { display: none; }
}
@media (max-width: 640px) {
	.ilgili-izgara { grid-template-columns: 1fr 1fr; gap: 16px 12px; }
	.ilgili-izgara .kart-baslik { font-size: 16px; line-height: 1.2; }
	.ilgili-izgara .etiket { font-size: 10px; padding: 3px 6px; }
}

/* Mobil manşet: yazı görselin üstünde, düz siyah yerine şeffaf geçiş */
@media (max-width: 640px) {
	.manset-gazete { background: transparent; }
	.manset-gazete .manset-oge { display: block; height: auto; }
	.manset-gazete .manset-oge img { aspect-ratio: 1 / 1; border-radius: var(--r-orta); }
	.manset-gazete .manset-yazi { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 70px 16px 48px; color: #fff; border-radius: 0 0 var(--r-orta) var(--r-orta); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.82) 100%); }
	.manset-gazete .manset-baslik { text-shadow: 0 1px 8px rgba(0,0,0,.35); }
	.manset-gazete .manset-nok { z-index: 3; }
}
@media (min-width: 961px) { .alt-izgara { grid-template-columns: 2fr 1fr 1.25fr 1.2fr 1fr; gap: 28px; } }
@media (min-width: 641px) and (max-width: 960px) { .alt-izgara { grid-template-columns: 1fr 1fr 1fr; } .alt-marka { grid-column: 1 / -1; } }

/* Manşet (tüm ekranlar): yazı görselin üstünde, düz siyah yerine şeffaf geçiş */
.manset-gazete { background: transparent; }
.manset-gazete .manset-oge { display: block; height: auto; }
.manset-gazete .manset-oge img { aspect-ratio: 16 / 10; height: auto; border-radius: var(--r-orta); }
.manset-gazete .manset-yazi { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 110px 28px 66px; gap: 8px; color: #fff; justify-content: flex-end; border-radius: 0 0 var(--r-orta) var(--r-orta); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,.82) 100%); }
.manset-gazete .manset-yazi .etiket { display: none; }
.manset-gazete .manset-baslik { font-size: clamp(26px, 2.6vw, 38px); max-width: 30ch; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.manset-gazete .manset-nok { left: 28px; bottom: 22px; z-index: 3; }
@media (max-width: 640px) {
	.manset-gazete .manset-oge img { aspect-ratio: 1 / 1; }
	.manset-gazete .manset-yazi { padding: 70px 16px 48px; }
	.manset-gazete .manset-baslik { font-size: 24px; }
	.manset-gazete .manset-nok { left: 16px; bottom: 12px; }
}
.h2-ust > .manset-gazete { align-self: start; }

/* Masaüstü: Son eklenenler slaytın yüksekliğini geçmez (sığmayanlar betik.js ile gizlenir) */
@media (min-width: 961px) {
	.h2-ust > .manset-gazete { align-self: start; }
	.h2-son { contain: size; align-self: stretch; overflow: hidden; }
	.h2-son .son-liste li.sigmaz { display: none; }
}

/* Üst bölüm: sosyal ikonların üstünde Hakkımızda / İletişim */
.kapak-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.kapak-sag .kapak-link { display: flex; gap: 18px; }
.kapak-sag .kapak-link a { font: 600 15px/1 var(--ui); color: var(--murekkep); text-decoration: none; }
.kapak-sag .kapak-link a:hover { color: var(--petrol); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 960px) { .kapak-sag { display: none; } }
.haber-yazar { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--cizgi); }
.ana-menu > li.mobil-ek { display: none; }
@media (max-width: 960px) {
	.ana-menu > li.mobil-ek { display: flex; }
	.ana-menu > li.mobil-ek:first-of-type { border-top: 1px solid #333; margin-top: 8px; padding-top: 6px; }
	.ana-menu > li.mobil-ek > a { font: 600 16px/1 var(--ui); text-transform: none; color: #ccc; min-height: 44px; }
}
/* Ana menüye Hakkımızda ve İletişim eklendi: masaüstünde biraz daha sıkı */
@media (min-width: 961px) {
	.ana-menu > li > a { padding: 0 11px; font-size: 18px; }
	.ara input { width: 70px; }
	.ara:focus-within input { width: 140px; }
}
.haber-yazar a { color: inherit; text-decoration: underline; text-decoration-color: var(--sari); text-decoration-thickness: 2px; text-underline-offset: 3px; }