:root {
    --lacivert: #053f80;
    --lacivert-koyu: #062b57;
    --mavi: #0864c4;
    --mavi-acik: #eef6ff;
    --kirmizi: #e1252d;
    --turkuaz: #0597a4;
    --yesil: #2c8b31;
    --mor: #8b2f78;
    --turuncu: #e68116;
    --metin: #17243a;
    --metin-acik: #68758a;
    --cizgi: #e3e9f1;
    --zemin: #f5f7fa;
    --beyaz: #fff;
    --golge: 0 10px 30px rgba(8, 42, 81, .08);
    --yaricap: 12px;
    --kapsayici: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--metin);
    background: var(--beyaz);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.kapsayici { width: min(calc(100% - 40px), var(--kapsayici)); margin-inline: auto; }
.ekran-okuyucu { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.icerige-atla { position: fixed; left: 12px; top: -80px; z-index: 9999; background: #fff; color: #000; padding: 10px 14px; border-radius: 8px; }
.icerige-atla:focus { top: 12px; }

/* Baslik */
.site-baslik { background: #fff; position: relative; z-index: 50; }
.ust-baslik { border-bottom: 1px solid var(--cizgi); }
.ust-baslik-ic { min-height: 112px; display: grid; grid-template-columns: 330px minmax(280px, 1fr) auto; gap: 34px; align-items: center; }
.site-logo img { width: 315px; height: auto; }
.baslik-arama { max-width: 420px; width: 100%; position: relative; justify-self: center; }
.baslik-arama input { width: 100%; height: 48px; border: 1px solid #d8e0ea; border-radius: 8px; padding: 0 50px 0 16px; color: var(--metin); outline: 0; background: #fff; }
.baslik-arama input:focus { border-color: var(--mavi); box-shadow: 0 0 0 4px rgba(8,100,196,.10); }
.baslik-arama button { position: absolute; inset: 1px 1px 1px auto; width: 48px; border: 0; background: transparent; color: var(--lacivert); font-size: 26px; }
.baslik-bilgileri { display: flex; align-items: center; gap: 22px; }
.tarih-bilgisi { color: var(--metin-acik); font-size: 12px; white-space: nowrap; }
.mini-hava { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: 0 8px; align-items: center; padding-left: 18px; border-left: 1px solid var(--cizgi); }
.mini-hava .hava-simgesi { grid-row: 1 / 3; color: #ffab00; font-size: 34px; line-height: 1; }
.mini-hava strong { font-size: 24px; line-height: 1.1; }
.mini-hava span:last-child { color: var(--metin-acik); font-size: 12px; }
.sosyal-baglanti { display: flex; gap: 8px; }
.sosyal-baglanti a { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--lacivert); border-radius: 50%; font-weight: 800; transition: transform .2s ease, opacity .2s ease; }
.sosyal-baglanti a:nth-child(2) { background: #c72a72; }
.sosyal-baglanti a:nth-child(3) { background: #111; }
.sosyal-baglanti a:nth-child(4) { background: #e62117; }
.sosyal-baglanti a:hover { transform: translateY(-2px); opacity: .9; }

.ana-menu { background: linear-gradient(90deg, var(--lacivert-koyu), var(--lacivert)); color: #fff; box-shadow: 0 4px 12px rgba(4,46,93,.15); }
.menu-ic { min-height: 52px; display: flex; align-items: stretch; }
.menu-listesi { display: flex; align-items: stretch; width: 100%; }
.menu-listesi > a, .acilir-menu-dugmesi { display: flex; align-items: center; gap: 7px; min-height: 52px; padding: 0 18px; border: 0; background: transparent; color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; }
.menu-listesi > a:hover, .menu-listesi > a:focus, .acilir-menu-dugmesi:hover, .acilir-menu-dugmesi:focus { background: rgba(255,255,255,.10); }
.menu-ana { font-size: 17px !important; }
.acilir-menu { position: relative; }
.acilir-menu-paneli { position: absolute; top: calc(100% + 1px); left: 0; min-width: 300px; background: #fff; color: var(--metin); border: 1px solid var(--cizgi); border-radius: 0 0 12px 12px; box-shadow: var(--golge); padding: 10px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .18s ease; z-index: 100; }
.acilir-menu:hover .acilir-menu-paneli, .acilir-menu.acik .acilir-menu-paneli { opacity: 1; visibility: visible; transform: translateY(0); }
.acilir-menu-paneli a { display: flex; flex-direction: column; gap: 2px; border-radius: 8px; padding: 10px 12px; }
.acilir-menu-paneli a:hover { background: var(--mavi-acik); color: var(--lacivert); }
.acilir-menu-paneli small { color: var(--metin-acik); }
.servis-paneli { min-width: 220px; }
.servis-paneli a { display: block; }
.mobil-menu-dugmesi { display: none; }

.son-dakika-seridi { border-bottom: 1px solid var(--cizgi); background: #fff; }
.son-dakika-ic { height: 52px; display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 16px; overflow: hidden; }
.son-dakika-etiket { align-self: stretch; display: grid; place-items: center; padding: 0 15px; color: #fff; background: var(--kirmizi); font-size: 13px; }
.son-dakika-akis { position: relative; min-width: 0; height: 100%; }
.son-dakika-ogesi { position: absolute; inset: 0; display: flex; align-items: center; gap: 13px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .3s ease, transform .3s ease; white-space: nowrap; overflow: hidden; }
.son-dakika-ogesi.aktif { opacity: 1; transform: translateY(0); pointer-events: auto; }
.son-dakika-ogesi time { color: var(--kirmizi); font-weight: 800; }
.son-dakika-ogesi span { overflow: hidden; text-overflow: ellipsis; }
.tum-son-dakika { color: var(--metin-acik); font-size: 13px; font-weight: 700; }

/* Genel sayfa */
.ana-sayfa, .ilce-sayfasi, .haber-detay-sayfasi, .kategori-sayfasi { padding-block: 24px 50px; }
.widget-satiri { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; align-items: start; margin-bottom: 24px; }
.widget-sutun { min-width: 0; }
.kolon-1 { grid-column: span 1; } .kolon-2 { grid-column: span 2; } .kolon-3 { grid-column: span 3; } .kolon-4 { grid-column: span 4; }
.kolon-5 { grid-column: span 5; } .kolon-6 { grid-column: span 6; } .kolon-7 { grid-column: span 7; } .kolon-8 { grid-column: span 8; }
.kolon-9 { grid-column: span 9; } .kolon-10 { grid-column: span 10; } .kolon-11 { grid-column: span 11; } .kolon-12 { grid-column: span 12; }

.bolum-karti, .yan-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; }
.bolum-basligi { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--cizgi); padding: 0 4px 10px; margin: 0 0 14px; }
.bolum-karti > .bolum-basligi { margin: 0 16px 14px; padding-top: 13px; }
.bolum-basligi h2 { margin: 0; color: var(--lacivert); font-size: 21px; line-height: 1.2; }
.bolum-basligi a { color: var(--mavi); font-size: 12px; font-weight: 700; white-space: nowrap; }
.bolum-basligi.kucuk { min-height: 44px; margin: 0; padding: 0 14px; }
.bolum-basligi.kucuk h2 { font-size: 16px; }
.bolum-basligi.kirmizi h2 { color: var(--kirmizi); }

/* Manset */
.manset-duzeni { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(310px, 1fr); gap: 8px; height: 500px; }
.haber-gorselli-kart { position: relative; overflow: hidden; background: #10263e; border-radius: 10px; }
.haber-gorselli-kart > a { display: block; width: 100%; height: 100%; }
.haber-gorselli-kart img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.haber-gorselli-kart:hover img { transform: scale(1.03); }
.gorsel-karartma { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.02) 15%, rgba(0,14,34,.88) 100%); }
.manset-metin { position: absolute; inset: auto 0 0; padding: 26px; color: #fff; z-index: 2; }
.manset-metin h1, .manset-metin h2, .manset-metin h3 { margin: 9px 0 8px; line-height: 1.14; }
.manset-metin h1 { font-size: clamp(28px, 3vw, 40px); }
.manset-metin h2 { font-size: 23px; }
.manset-metin h3 { font-size: 17px; }
.manset-metin p { margin: 0 0 12px; color: rgba(255,255,255,.90); max-width: 650px; }
.kategori-etiketi { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; color: #fff; background: var(--mavi); border-radius: 4px; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.manset-yan { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; min-width: 0; }
.manset-yan-kart.genis { grid-column: 1 / 3; }
.manset-yan-kart .manset-metin { padding: 17px; }
.manset-yan-kart.genis .manset-metin h2 { font-size: 22px; }
.haber-meta { display: flex; flex-wrap: wrap; gap: 14px; font-size: 11px; color: rgba(255,255,255,.85); }
.haber-meta.koyu { color: var(--metin-acik); }

/* Populer ve yan kutular */
.yan-kutu { box-shadow: 0 2px 0 rgba(4,55,104,.02); }
.populer-liste { list-style: none; margin: 0; padding: 6px 14px 10px; }
.populer-liste li { display: grid; grid-template-columns: 28px 54px 1fr; gap: 9px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
.populer-liste li:last-child { border-bottom: 0; }
.populer-liste .sira-no { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--lacivert); color: #fff; font-size: 12px; font-weight: 800; }
.populer-liste img { width: 54px; height: 43px; object-fit: cover; border-radius: 7px; }
.populer-liste strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.3; }
.populer-liste small { display: block; margin-top: 3px; color: var(--metin-acik); }

/* Kartlar */
.haber-kart-izgara { display: grid; gap: 14px; padding: 0 16px 16px; }
.haber-kart-izgara.dortlu { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.standart-haber-karti { min-width: 0; }
.standart-haber-karti .kart-gorsel { position: relative; height: 155px; overflow: hidden; border-radius: 9px; background: var(--zemin); }
.standart-haber-karti .kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.standart-haber-karti:hover .kart-gorsel img { transform: scale(1.04); }
.standart-haber-karti .kategori-etiketi { position: absolute; left: 8px; top: 8px; }
.standart-haber-karti h3 { margin: 10px 0 6px; font-size: 15px; line-height: 1.35; }
.standart-haber-karti p { margin: 0 0 8px; color: var(--metin-acik); font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bolgesel-bolum { border: 0; }
.bolgesel-bolum > .bolum-basligi { margin-inline: 0; }
.sekmeli-baslik { align-items: center; }
.bolge-sekmeleri { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 2px; }
.bolge-sekmeleri a { min-width: 68px; text-align: center; padding: 7px 13px; border-radius: 7px; background: #f1f4f8; color: var(--metin); }
.bolge-sekmeleri a.aktif { background: var(--lacivert); color: #fff; }
.bolgesel-bolum .haber-kart-izgara { padding-inline: 0; }

/* Hava */
.hava-kutu { scroll-margin-top: 80px; }
.hava-ana { display: grid; grid-template-columns: 70px 1fr; gap: 12px; padding: 18px 14px 12px; align-items: center; }
.buyuk-gunes { color: #ffaf00; font-size: 58px; line-height: 1; }
.hava-ana > div { display: flex; flex-direction: column; }
.hava-ana > div strong { font-size: 35px; line-height: 1; }
.hava-ana > div span, .hava-ana > div b { font-size: 12px; }
.hava-ana dl { grid-column: 1 / 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 5px 0 0; }
.hava-ana dl div { background: var(--zemin); padding: 7px; border-radius: 6px; text-align: center; }
.hava-ana dt { color: var(--metin-acik); font-size: 10px; }
.hava-ana dd { margin: 2px 0 0; font-weight: 700; font-size: 11px; }
.hava-gunler { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--cizgi); padding: 11px 10px 14px; }
.hava-gunler div { text-align: center; display: flex; flex-direction: column; gap: 3px; }
.hava-gunler span { color: #f0a200; font-size: 19px; }
.hava-gunler small { font-size: 10px; color: var(--metin-acik); }

/* Reklam */
.reklam-alani { min-height: 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #e6e9ed; border-radius: 8px; color: #a2a9b2; background: linear-gradient(135deg,#fafafa,#f2f3f5); letter-spacing: .04em; }
.reklam-alani small { margin-top: 4px; letter-spacing: 0; }
.reklam-alani.kare { min-height: 250px; margin-top: 16px; }

/* Etkinlik */
.etkinlik-bolum { border: 0; }
.etkinlik-bolum > .bolum-basligi { margin-inline: 0; }
.etkinlik-izgara { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.etkinlik-bolum > .etkinlik-izgara { padding: 0; }
.etkinlik-karti { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: #fff; }
.etkinlik-gorsel { height: 126px; position: relative; overflow: hidden; }
.etkinlik-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.etkinlik-gorsel time { position: absolute; left: 8px; top: 8px; width: 48px; padding: 5px 3px; text-align: center; color: #fff; background: var(--lacivert); border-radius: 7px; display: flex; flex-direction: column; line-height: 1.05; }
.etkinlik-gorsel time b { font-size: 21px; }
.etkinlik-gorsel time span, .etkinlik-gorsel time small { font-size: 9px; }
.etkinlik-karti h3 { margin: 10px 11px 4px; font-size: 14px; }
.etkinlik-karti p, .etkinlik-karti > a > small { margin: 0 11px 4px; color: var(--metin-acik); font-size: 11px; }
.etkinlik-karti > a > small { display: block; padding-bottom: 10px; }
.zamanli-liste { list-style: none; margin: 0; padding: 10px 14px 14px; }
.zamanli-liste li { display: grid; grid-template-columns: 42px 1fr; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--cizgi); font-size: 12px; }
.zamanli-liste time { color: var(--kirmizi); font-weight: 800; }

/* Renkli alanlar */
.renkli-bolum { border: 0; }
.renkli-bolum > .bolum-basligi { margin-inline: 0; }
.mor-bolum .bolum-basligi h2 { color: var(--mor); }
.yesil-bolum .bolum-basligi h2 { color: var(--yesil); }
.renkli-bolum .haber-kart-izgara { padding-inline: 0; }
.kucuk-kartlar .kart-gorsel { height: 128px; }
.spor-haber-listesi { display: grid; gap: 10px; }
.spor-haber-listesi a { display: grid; grid-template-columns: 110px 1fr; gap: 11px; align-items: center; padding: 8px; border: 1px solid var(--cizgi); border-radius: 9px; }
.spor-haber-listesi img { width: 110px; height: 72px; object-fit: cover; border-radius: 7px; }
.spor-haber-listesi span { display: flex; flex-direction: column; gap: 5px; }
.spor-haber-listesi small { color: var(--metin-acik); }

/* Son haberler */
.son-haberler-bolum > .bolum-basligi { margin-inline: 16px; }
.dikey-haber-listesi { padding: 0 16px 12px; }
.dikey-haber-listesi article { display: grid; grid-template-columns: 180px 1fr; gap: 15px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.dikey-haber-listesi article:last-child { border-bottom: 0; }
.dikey-haber-gorsel img { width: 180px; height: 110px; object-fit: cover; border-radius: 9px; }
.kategori-yazi { color: var(--mavi); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.dikey-haber-listesi h3 { margin: 3px 0 5px; font-size: 18px; line-height: 1.28; }
.dikey-haber-listesi p { margin: 0 0 8px; color: var(--metin-acik); font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Bulten */
.yan-sabit-alan { display: grid; gap: 16px; }
.bulten-kutusu { padding: 22px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #064181, #0871d4); box-shadow: var(--golge); }
.bulten-simge { font-size: 24px; }
.bulten-kutusu h2 { margin: 8px 0 7px; font-size: 20px; }
.bulten-kutusu p { margin: 0 0 14px; color: rgba(255,255,255,.86); font-size: 13px; }
.bulten-kutusu form, .bulten-formu { display: flex; }
.bulten-kutusu input, .bulten-formu input { min-width: 0; flex: 1; height: 42px; border: 0; border-radius: 6px 0 0 6px; padding: 0 12px; outline: 0; }
.bulten-kutusu button, .bulten-formu button { height: 42px; border: 0; border-radius: 0 6px 6px 0; padding: 0 14px; color: #fff; background: var(--kirmizi); font-weight: 800; white-space: nowrap; }
.bulten-kutusu > small { display: block; margin-top: 10px; color: rgba(255,255,255,.78); }
.eczane-kutu { padding-bottom: 15px; }
.eczane-kutu > strong, .eczane-kutu > p, .eczane-kutu > a { display: block; margin: 10px 14px 0; }
.eczane-kutu > p { color: var(--metin-acik); }
.eczane-kutu > a { color: var(--mavi); font-size: 12px; font-weight: 700; }

/* Medya ve yazar */
.medya-bolum > .bolum-basligi, .yazarlar-bolum > .bolum-basligi { margin-inline: 16px; }
.medya-izgara { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; padding: 0 16px 16px; }
.medya-gorsel { position: relative; height: 160px; overflow: hidden; border-radius: 9px; }
.medya-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.oynat-dugmesi { position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; transform: translate(-50%,-50%); display: grid; place-items: center; border: 2px solid rgba(255,255,255,.9); border-radius: 50%; color: #fff; background: rgba(0,0,0,.45); }
.galeri-sayisi { position: absolute; right: 8px; bottom: 8px; padding: 4px 7px; border-radius: 5px; color: #fff; background: rgba(0,0,0,.62); }
.medya-izgara h3 { margin: 8px 0 2px; font-size: 14px; }
.medya-izgara small { color: var(--metin-acik); }
.yazar-izgara { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; padding: 0 16px 18px; }
.yazar-izgara article { display: grid; grid-template-columns: 64px 1fr; gap: 12px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 13px; }
.yazar-izgara img { width: 64px; height: 64px; object-fit: cover; border-radius: 50%; }
.yazar-izgara strong, .yazar-izgara small { display: block; }
.yazar-izgara small { color: var(--mavi); font-size: 11px; }
.yazar-izgara h3 { margin: 7px 0 0; font-size: 14px; line-height: 1.25; }

/* Sponsor */
.sponsorlar-bolum .bolum-basligi { border-color: transparent; margin-bottom: 8px; }
.sponsorlar-bolum .bolum-basligi h2 { color: var(--kirmizi); font-size: 15px; text-transform: uppercase; }
.sponsor-kaydirma { display: grid; grid-template-columns: repeat(6,minmax(150px,1fr)); gap: 14px; overflow-x: auto; padding-bottom: 6px; }
.sponsor-logo { min-height: 80px; display: grid; place-items: center; text-align: center; border: 1px solid var(--cizgi); border-radius: 8px; color: #8d96a2; background: #fafafa; }

/* Ilce */
.ekmek-kirintisi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--metin-acik); font-size: 12px; }
.ekmek-kirintisi a:hover { color: var(--mavi); }
.ilce-kapak { position: relative; height: 230px; overflow: hidden; border-radius: 14px; background: var(--lacivert); }
.ilce-kapak > img { width: 100%; height: 100%; object-fit: cover; }
.ilce-kapak .gorsel-karartma { background: linear-gradient(90deg, rgba(1,20,42,.82), rgba(1,20,42,.10)); }
.ilce-kapak-icerik { position: absolute; inset: auto 28px 24px; z-index: 2; color: #fff; }
.ilce-kapak-icerik h1 { margin: 0 0 4px; font-size: 38px; }
.ilce-kapak-icerik p { margin: 0 0 12px; max-width: 720px; color: rgba(255,255,255,.9); }
.ilce-bilgileri { display: flex; flex-wrap: wrap; gap: 8px; }
.ilce-bilgileri span { padding: 5px 9px; border: 1px solid rgba(255,255,255,.35); border-radius: 6px; background: rgba(255,255,255,.12); font-size: 11px; }
.ilce-kategori-menu { display: flex; gap: 8px; padding: 12px 0; overflow-x: auto; }
.ilce-kategori-menu a { min-width: 85px; padding: 8px 13px; text-align: center; background: #f2f5f9; border-radius: 7px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ilce-kategori-menu a.aktif { color: #fff; background: var(--lacivert); }
.ilce-ana-izgara { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr); gap: 20px; }
.ilce-manset { height: 410px; margin-bottom: 22px; }
.ilce-manset .manset-metin h2 { font-size: 32px; }
.ilceden-son-haberler { margin-bottom: 20px; }
.ilceden-son-haberler .standart-haber-karti .kart-gorsel { height: 145px; }
.ilce-sayfasi .reklam-alani { margin-bottom: 22px; }
.ilce-yan-sutun { display: grid; align-content: start; gap: 16px; }
.bugun-kutu ul { list-style: none; margin: 0; padding: 8px 14px 14px; }
.bugun-kutu li { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 0; }
.bugun-kutu li > span { color: var(--mavi); font-size: 18px; }
.bugun-kutu strong, .bugun-kutu small { display: block; }
.bugun-kutu small { color: var(--metin-acik); }
.faydali-kutu { padding-bottom: 14px; }
.faydali-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 14px 0; }
.faydali-izgara a { padding: 9px; border-radius: 7px; background: var(--mavi-acik); color: var(--lacivert); font-size: 12px; font-weight: 700; }
.dortlu-medya { grid-template-columns: repeat(4,minmax(0,1fr)); }
.dortlu-medya .medya-gorsel { height: 130px; }

/* Haber detayi */
.haber-detay-izgara { display: grid; grid-template-columns: minmax(0, 820px) minmax(280px, 1fr); gap: 30px; align-items: start; }
.haber-makalesi { min-width: 0; }
.haber-makalesi > h1 { margin: 8px 0 12px; font-size: clamp(32px, 4vw, 50px); line-height: 1.08; letter-spacing: -.03em; }
.haber-spot { margin: 0 0 14px; color: #405067; font-size: 19px; line-height: 1.55; }
.haber-ust-meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--metin-acik); font-size: 12px; border-bottom: 1px solid var(--cizgi); padding-bottom: 12px; }
.haber-yazar-paylas { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 0; }
.haber-yazar { display: flex; align-items: center; gap: 10px; }
.yazar-avatar { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--lacivert); font-weight: 800; }
.haber-yazar strong, .haber-yazar small { display: block; }
.haber-yazar small { color: var(--metin-acik); }
.paylas-dugmeleri { display: flex; gap: 7px; }
.paylas-dugmeleri button { width: 38px; height: 38px; border: 1px solid var(--cizgi); border-radius: 50%; color: var(--lacivert); background: #fff; font-weight: 800; }
.haber-kapak { margin: 0 0 14px; }
.haber-kapak img { width: 100%; max-height: 560px; object-fit: cover; border-radius: 12px; }
.haber-kapak figcaption { margin-top: 5px; color: var(--metin-acik); font-size: 11px; }
.haber-ici-reklam { margin: 20px 0; }
.haber-metni { font-family: Georgia, "Times New Roman", serif; color: #26354b; font-size: 19px; line-height: 1.8; }
.haber-metni h2 { font-family: Inter, Arial, sans-serif; margin: 32px 0 12px; color: var(--metin); font-size: 28px; line-height: 1.25; }
.haber-metni p { margin: 0 0 22px; }
.haber-metni img { margin: 22px auto; border-radius: 10px; }
.haber-sonu-meta { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--cizgi); padding-top: 18px; }
.haber-sonu-meta a { padding: 5px 9px; border-radius: 20px; background: var(--zemin); color: var(--lacivert); font-size: 12px; }
.haber-yan-sutun { display: grid; gap: 18px; }
.mini-haber-listesi { padding: 5px 14px 12px; }
.mini-haber-listesi a { display: grid; grid-template-columns: 80px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
.mini-haber-listesi img { width: 80px; height: 56px; object-fit: cover; border-radius: 6px; }
.mini-haber-listesi strong { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mini-haber-listesi small { display: block; color: var(--metin-acik); }
.ilgili-alt { margin-top: 35px; }
.sponsorlu-icerik-etiketi { display: inline-block; margin-bottom: 8px; padding: 5px 9px; color: #8a4e00; background: #fff1d9; border-radius: 5px; font-size: 12px; font-weight: 800; }

/* Kategori */
.liste-basligi { padding: 24px 28px; margin-bottom: 20px; border-radius: 12px; background: linear-gradient(135deg, var(--lacivert-koyu), var(--mavi)); color: #fff; }
.liste-basligi span { color: #9ed2ff; text-transform: uppercase; font-weight: 800; font-size: 12px; }
.liste-basligi h1 { margin: 3px 0; font-size: 34px; }
.liste-basligi p { margin: 0; color: rgba(255,255,255,.85); }
.sayfa-arama { display: flex; max-width: 700px; margin-bottom: 20px; }
.sayfa-arama input { flex: 1; height: 48px; border: 1px solid var(--cizgi); border-radius: 8px 0 0 8px; padding: 0 14px; }
.sayfa-arama button { width: 90px; border: 0; border-radius: 0 8px 8px 0; color: #fff; background: var(--lacivert); font-weight: 800; }
.kategori-haber-izgara { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.kategori-haber-karti { border: 1px solid var(--cizgi); border-radius: 11px; overflow: hidden; background: #fff; }
.kategori-haber-karti .kart-gorsel { height: 205px; position: relative; }
.kategori-haber-karti .kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.kategori-haber-karti .kategori-etiketi { position: absolute; left: 10px; top: 10px; }
.kategori-kart-icerik { padding: 15px; }
.kategori-kart-icerik h2 { margin: 0 0 7px; font-size: 19px; line-height: 1.3; }
.kategori-kart-icerik p { margin: 0 0 12px; color: var(--metin-acik); font-size: 13px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bos-durum { padding: 25px; border: 1px dashed #ccd5e0; border-radius: 10px; color: var(--metin-acik); background: #fafbfd; text-align: center; }
.bos-durum.buyuk { padding: 60px 20px; }

/* Footer */
.site-footer { margin-top: 20px; color: #fff; background: linear-gradient(135deg, #062d5b, #06478d); }
.footer-ust { display: grid; grid-template-columns: 1.4fr .8fr .8fr .8fr 1.2fr; gap: 34px; padding-block: 38px 30px; }
.footer-tanitim img { width: 250px; }
.footer-tanitim p, .footer-bulten p { color: rgba(255,255,255,.75); font-size: 13px; }
.footer-sosyal a { background: rgba(255,255,255,.12) !important; }
.footer-menu { display: flex; flex-direction: column; gap: 7px; }
.footer-menu h3, .footer-bulten h3 { margin: 0 0 8px; font-size: 15px; }
.footer-menu a { color: rgba(255,255,255,.78); font-size: 13px; }
.footer-menu a:hover { color: #fff; }
.footer-alt { min-height: 60px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.65); font-size: 12px; }
.footer-alt > div { display: flex; gap: 16px; }
.footer-alt button { border: 0; color: inherit; background: transparent; padding: 0; }

/* Cerez */
.cerez-bildirimi { position: fixed; z-index: 1000; left: 20px; right: 20px; bottom: 20px; max-width: 1120px; margin: auto; padding: 18px; border: 1px solid #d7dfeb; border-radius: 14px; background: #fff; box-shadow: 0 20px 70px rgba(0,28,66,.25); }
.cerez-icerik { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.cerez-icerik strong { font-size: 18px; }
.cerez-icerik p { margin: 4px 0 0; color: var(--metin-acik); }
.cerez-dugmeler { display: flex; gap: 8px; flex-shrink: 0; }
.cerez-dugmeler button, .cerez-tercih-paneli button { min-height: 40px; border: 1px solid var(--lacivert); border-radius: 7px; padding: 0 13px; color: var(--lacivert); background: #fff; font-weight: 700; }
.cerez-dugmeler .ana-dugme, .cerez-tercih-paneli .ana-dugme { color: #fff; background: var(--lacivert); }
.cerez-tercih-paneli { display: grid; gap: 8px; border-top: 1px solid var(--cizgi); margin-top: 15px; padding-top: 15px; }
.cerez-tercih-paneli label { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 8px 0; }
.cerez-tercih-paneli span { display: flex; flex-direction: column; }
.cerez-tercih-paneli small { color: var(--metin-acik); }

/* Hata */
.hata-sayfasi { min-height: 520px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.hata-sayfasi > strong { color: var(--mavi); font-size: 90px; line-height: 1; }
.hata-sayfasi h1 { margin: 10px 0 5px; }
.hata-sayfasi p { color: var(--metin-acik); }
.hata-sayfasi a { margin-top: 12px; padding: 10px 16px; border-radius: 7px; color: #fff; background: var(--lacivert); }

@media (max-width: 1180px) {
    .ust-baslik-ic { grid-template-columns: 280px 1fr auto; gap: 20px; }
    .site-logo img { width: 270px; }
    .tarih-bilgisi, .sosyal-baglanti { display: none; }
    .menu-listesi > a, .acilir-menu-dugmesi { padding-inline: 12px; font-size: 13px; }
    .manset-duzeni { grid-template-columns: 1.6fr 1fr; height: 450px; }
    .haber-kart-izgara.dortlu { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .kategori-haber-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-ust { grid-template-columns: 1.4fr 1fr 1fr; }
    .footer-bulten { grid-column: span 2; }
}

@media (max-width: 900px) {
    .kapsayici { width: min(calc(100% - 28px), var(--kapsayici)); }
    .ust-baslik-ic { min-height: 84px; grid-template-columns: 240px 1fr; }
    .baslik-bilgileri { display: none; }
    .site-logo img { width: 230px; }
    .menu-ic { min-height: 50px; }
    .mobil-menu-dugmesi { display: flex; align-items: center; gap: 4px; min-height: 50px; border: 0; color: #fff; background: transparent; }
    .mobil-menu-dugmesi span { width: 18px; height: 2px; background: #fff; display: block; position: absolute; }
    .mobil-menu-dugmesi span:nth-child(1) { transform: translateY(-6px); }
    .mobil-menu-dugmesi span:nth-child(3) { transform: translateY(6px); }
    .mobil-menu-dugmesi b { margin-left: 26px; }
    .menu-listesi { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--lacivert-koyu); flex-direction: column; padding: 8px 14px 16px; box-shadow: var(--golge); }
    .menu-listesi.acik { display: flex; }
    .menu-listesi > a, .acilir-menu-dugmesi { width: 100%; min-height: 44px; padding-inline: 10px; justify-content: space-between; }
    .acilir-menu-paneli { position: static; min-width: 0; display: none; opacity: 1; visibility: visible; transform: none; border-radius: 8px; box-shadow: none; }
    .acilir-menu.acik .acilir-menu-paneli { display: block; }
    .son-dakika-ic { grid-template-columns: 105px 1fr; }
    .tum-son-dakika { display: none; }
    .widget-satiri { gap: 16px; }
    .kolon-3, .kolon-4, .kolon-5, .kolon-6, .kolon-7, .kolon-8, .kolon-9, .kolon-10, .kolon-11 { grid-column: span 12; }
    .manset-duzeni { height: 560px; grid-template-columns: 1fr; grid-template-rows: 1.4fr 1fr; }
    .manset-yan { grid-template-rows: 1fr; }
    .manset-yan-kart.genis { grid-column: auto; }
    .manset-yan-kart:nth-child(3) { display: none; }
    .ilce-ana-izgara, .haber-detay-izgara { grid-template-columns: 1fr; }
    .ilce-yan-sutun, .haber-yan-sutun { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ilce-yan-sutun > *, .haber-yan-sutun > * { min-width: 0; }
    .haber-yan-sutun .reklam-alani { min-height: 250px; }
    .yazar-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-ust { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-tanitim { grid-column: span 2; }
    .footer-bulten { grid-column: span 2; }
}

@media (max-width: 640px) {
    body { font-size: 14px; }
    .kapsayici { width: min(calc(100% - 22px), var(--kapsayici)); }
    .ust-baslik-ic { min-height: 72px; grid-template-columns: 1fr auto; gap: 8px; }
    .site-logo img { width: 215px; }
    .baslik-arama { width: 44px; }
    .baslik-arama input { display: none; }
    .baslik-arama button { position: static; width: 44px; height: 44px; border: 1px solid var(--cizgi); border-radius: 7px; }
    .son-dakika-ic { width: 100%; grid-template-columns: 100px 1fr; padding-right: 10px; }
    .son-dakika-etiket { font-size: 11px; }
    .son-dakika-ogesi { gap: 8px; font-size: 12px; }
    .ana-sayfa, .ilce-sayfasi, .haber-detay-sayfasi, .kategori-sayfasi { padding-top: 14px; }
    .widget-satiri { margin-bottom: 18px; }
    .mobil-gizli { display: none !important; }
    .manset-duzeni { height: auto; display: block; }
    .manset-ana { height: 390px; border-radius: 9px; }
    .manset-metin { padding: 18px; }
    .manset-metin h1 { font-size: 28px; }
    .manset-metin p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .manset-yan { display: grid; grid-template-columns: 1fr 1fr; margin-top: 8px; }
    .manset-yan-kart { height: 190px; }
    .manset-yan-kart.genis { grid-column: auto; }
    .manset-yan-kart .manset-metin h2, .manset-yan-kart.genis .manset-metin h2 { font-size: 15px; }
    .manset-yan-kart .haber-meta { display: none; }
    .manset-yan-kart:nth-child(3) { display: none; }
    .bolum-basligi { align-items: flex-start; }
    .sekmeli-baslik { flex-direction: column; }
    .bolge-sekmeleri { width: 100%; }
    .haber-kart-izgara.dortlu, .etkinlik-izgara, .kategori-haber-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .standart-haber-karti .kart-gorsel { height: 120px; }
    .standart-haber-karti h3 { font-size: 13px; }
    .standart-haber-karti p { display: none; }
    .etkinlik-gorsel { height: 110px; }
    .etkinlik-karti h3 { font-size: 13px; }
    .dikey-haber-listesi article { grid-template-columns: 112px 1fr; gap: 10px; }
    .dikey-haber-gorsel img { width: 112px; height: 80px; }
    .dikey-haber-listesi h3 { font-size: 15px; }
    .dikey-haber-listesi p { display: none; }
    .medya-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .medya-gorsel { height: 120px; }
    .yazar-izgara { grid-template-columns: 1fr; }
    .sponsor-kaydirma { grid-template-columns: repeat(6,150px); }
    .ilce-kapak { height: 215px; }
    .ilce-kapak-icerik { inset: auto 18px 18px; }
    .ilce-kapak-icerik h1 { font-size: 29px; }
    .ilce-manset { height: auto; }
    .ilce-manset .manset-ana { height: 360px; }
    .ilce-manset .manset-metin h2 { font-size: 27px; }
    .ilce-yan-sutun, .haber-yan-sutun { grid-template-columns: 1fr; }
    .dortlu-medya { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .haber-makalesi > h1 { font-size: 32px; }
    .haber-spot { font-size: 17px; }
    .haber-yazar-paylas { align-items: flex-start; flex-direction: column; }
    .haber-metni { font-size: 18px; }
    .kategori-haber-karti .kart-gorsel { height: 150px; }
    .kategori-kart-icerik { padding: 11px; }
    .kategori-kart-icerik h2 { font-size: 15px; }
    .kategori-kart-icerik p { display: none; }
    .footer-ust { grid-template-columns: 1fr 1fr; gap: 25px 18px; }
    .footer-tanitim, .footer-bulten { grid-column: span 2; }
    .footer-alt { align-items: flex-start; flex-direction: column; padding-block: 17px; }
    .footer-alt > div { flex-wrap: wrap; }
    .cerez-bildirimi { left: 10px; right: 10px; bottom: 10px; }
    .cerez-icerik { align-items: stretch; flex-direction: column; }
    .cerez-dugmeler { display: grid; grid-template-columns: 1fr; }
}

@media (min-width: 641px) and (max-width: 900px) {
    .tablet-gizli { display: none !important; }
}
@media (min-width: 901px) {
    .masaustu-gizli { display: none !important; }
}

/* Kurumsal sayfalar */
.kurumsal-sayfa { padding-block: 24px 60px; }
.kurumsal-metin { max-width: 900px; margin: auto; border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; overflow: hidden; box-shadow: var(--golge); }
.kurumsal-metin > header { padding: 30px; color: #fff; background: linear-gradient(135deg, var(--lacivert-koyu), var(--mavi)); }
.kurumsal-metin > header h1 { margin: 0 0 7px; font-size: 38px; }
.kurumsal-metin > header p { margin: 0; color: rgba(255,255,255,.85); }
.kurumsal-icerik { padding: 30px; font-size: 17px; line-height: 1.8; }
.kurumsal-icerik h2 { color: var(--lacivert); }