@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  --gold:#c9964c;
  --gold-dark:#9e6d2d;
  --navy:#07152a;
  --ink:#151515;
  --muted:#666;
  --line:#e8e2d8;
  --cream:#f7f3ec;
  --paper:#fff;
  --shadow:0 10px 28px rgba(7,21,42,.09);
  --radius:2px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:auto}
.container{width:min(1320px,calc(100% - 32px));margin:auto}
.topbar{height:34px;border-bottom:1px solid #eee;background:#faf9f6;font-size:12px}
.topbar .inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-links,.socials{display:flex;align-items:center;gap:22px}.socials{gap:14px;font-weight:600}
.main-header{background:#fff;border-bottom:1px solid #ece8e0;position:sticky;top:0;z-index:50}
/* Header iki satir: ust satir logo + header banner + dugmeler,
   alt satir menu. Banner reklami yoksa ust satir iki ogeyle calisir. */
.header-top{display:flex;align-items:center;gap:24px;padding:10px 0}
.header-top .logo{flex:0 0 auto}
.header-top .header-actions{margin-left:auto;flex:0 0 auto}
.header-navbar{border-top:1px solid #f2eee6}
.header-row{display:flex;align-items:center;gap:28px}
/* Logo artik metin degil gorsel (bkz. inc/header.php). Yukseklik
   genislikten turetilir; boylece farkli oranlardaki logolar da bozulmaz. */
.logo{display:block;line-height:0}
.logo img{display:block;width:100%;max-width:272px;height:auto}
.nav{display:flex;justify-content:center;align-items:center;gap:36px;font-size:14px;font-weight:700}
.nav a{padding:34px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--gold);transition:.2s}.nav a:hover:after,.nav a.active:after{right:0}
.header-actions{display:flex;align-items:center;gap:24px}.btn-gold{background:linear-gradient(135deg,#d6a458,#b98034);color:#fff;padding:15px 24px;font-weight:700;font-size:14px;border:0;cursor:pointer}.search-icon{font-size:23px}
.mobile-toggle{display:none;font-size:26px;background:none;border:0}
.section{padding:16px 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}
.hero-slider{min-height:510px;position:relative;overflow:hidden;background:#14243a;box-shadow:var(--shadow)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:.5s}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.84),rgba(2,8,18,.22) 65%,rgba(2,8,18,.08))}.hero-slide img{height:100%;object-fit:cover}.hero-content{position:absolute;z-index:2;left:38px;bottom:48px;max-width:540px;color:#fff}.eyebrow{display:inline-block;background:var(--gold);padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:18px}.hero-content h1{font-family:'Barlow Condensed';font-size:56px;line-height:1.03;margin:0 0 18px}.hero-content p{font-size:16px;line-height:1.55;color:#f2f2f2;margin-bottom:22px}.outline-btn{display:inline-block;border:1px solid var(--gold);color:#fff;padding:13px 22px;font-size:13px;font-weight:700}.dots{position:absolute;z-index:3;left:38px;bottom:18px;display:flex;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.55}.dot.active{background:var(--gold);opacity:1}
.sidebar-card{border:1px solid #e7e1d7;background:#fff;padding:18px}.section-title{font-family:'Barlow Condensed';font-size:22px;font-weight:700;letter-spacing:.3px;margin:0 0 15px;display:flex;align-items:center;gap:14px}.section-title:after{content:"";height:1px;background:var(--gold);flex:1}.rank-item{display:grid;grid-template-columns:26px 82px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.rank-item:last-child{border-bottom:0}.rank{font-family:'Barlow Condensed';font-size:26px;color:var(--gold);font-weight:700}.rank-item img{height:58px;object-fit:cover}.rank-item h4{margin:0 0 6px;font-size:13px;line-height:1.35}.meta{font-size:10px;color:#8a7c68;text-transform:uppercase;letter-spacing:.3px}
.mag-card{border:1px solid #e9e1d5;background:linear-gradient(#fff,#fbf8f2);padding:22px;text-align:center}.mag-card h3{font-family:'Barlow Condensed';font-size:27px;margin:6px 0 12px}.mag-card img{height:260px;object-fit:cover;box-shadow:0 8px 18px rgba(0,0,0,.14);margin:15px 0}.mag-card .btn-gold{display:inline-block;margin-top:10px}
.news-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px}.news-head .section-title{margin:0;min-width:200px}.all-link{font-size:12px;color:var(--gold-dark);font-weight:600}
.cards-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.news-card{border:1px solid #e9e3d9;background:#fff;transition:.25s}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.news-card img{height:145px;object-fit:cover}.news-card .body{padding:12px}.news-card .category{font-size:10px;color:var(--gold-dark);text-transform:uppercase}.news-card h3{font-size:14px;line-height:1.35;margin:8px 0}.news-card time{font-size:10px;color:#777}
.lower-ad{margin-top:10px}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category-box{border:1px solid #e8e2d8;background:#fff;padding:10px}.category-box h3{font-family:'Barlow Condensed';font-size:20px;margin:0 0 10px}.category-box img{height:150px;object-fit:cover}.category-box .more{text-align:right;font-size:10px;color:var(--gold-dark);padding-top:10px}
.newsletter{background:var(--cream);border:1px solid #e7decf;padding:24px}.newsletter h3{font-family:'Barlow Condensed';font-size:24px;margin:0 0 8px}.newsletter p{font-size:13px;color:#555}.newsletter-form{display:flex;margin-top:15px}.newsletter-form input{flex:1;border:1px solid #ddd;padding:14px}.newsletter-form button{border:0;background:var(--navy);color:#fff;padding:0 24px;font-weight:700}
footer{margin-top:34px;background:#07152a;color:#fff}.footer-top{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px;padding:48px 0}.footer-logo{line-height:0;margin-bottom:16px}.footer-logo img{display:block;width:100%;max-width:260px;height:auto}.footer-col h4{font-family:'Barlow Condensed';font-size:20px;color:#e5b86a}.footer-col a,.footer-col p{display:block;color:#c5ccda;font-size:13px;margin:10px 0;line-height:1.6}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:#aab3c2;font-size:12px}
/* listing */
.page-hero{background:linear-gradient(90deg,rgba(7,21,42,.94),rgba(7,21,42,.65)),url('https://images.unsplash.com/photo-1566847438217-76e82d383f84?auto=format&fit=crop&w=1800&q=80') center/cover;height:250px;color:#fff;display:flex;align-items:center}.page-hero h1{font-family:'Barlow Condensed';font-size:55px;margin:0}.breadcrumb{font-size:12px;color:#dec18d;margin-top:12px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:34px 0}.article-list{display:grid;gap:18px}.article-row{display:grid;grid-template-columns:300px 1fr;border-bottom:1px solid var(--line);padding-bottom:18px;gap:22px}.article-row img{height:190px;object-fit:cover}.article-row h2{font-family:'Barlow Condensed';font-size:31px;line-height:1.05;margin:8px 0 10px}.article-row p{color:#666;font-size:14px;line-height:1.6}.pagination{display:flex;gap:8px;margin-top:28px}.pagination a{border:1px solid #ddd;padding:10px 14px}.pagination a.active{background:var(--navy);color:#fff}
/* detail */
.article-header{padding:35px 0 20px}.article-header .category{color:var(--gold-dark);font-size:12px;font-weight:700}.article-header h1{font-family:'Barlow Condensed';font-size:58px;line-height:1.02;max-width:1000px;margin:12px 0}.article-subtitle{font-size:19px;color:#656565;max-width:850px;line-height:1.55}.article-info{display:flex;gap:20px;align-items:center;margin-top:20px;font-size:12px;color:#777}.article-cover{height:600px;object-fit:cover}.article-body{font-family:Georgia,serif;font-size:19px;line-height:1.85;color:#252525}.article-body p:first-child:first-letter{float:left;font-size:68px;line-height:.8;padding-right:10px;color:var(--gold-dark)}.article-body h2{font-family:'Barlow Condensed';font-size:35px;margin-top:34px}.quote{border-left:4px solid var(--gold);padding:18px 24px;background:#faf6ef;font-size:23px;font-style:italic}.share-box{display:flex;gap:8px;margin:24px 0}.share-box a{background:#f1eee8;padding:10px 14px;font-size:12px;font-weight:700}.related{margin-top:40px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1100px){.nav{gap:17px;font-size:12px}.header-top .logo img{max-width:210px}.cards-5,.category-grid{grid-template-columns:repeat(3,1fr)}.layout,.content-layout{grid-template-columns:1fr}.sidebar-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-cover{height:500px}}
@media(max-width:780px){.topbar{display:none}.main-header{position:relative}.header-top{padding:7px 0}.header-top .logo img{max-width:170px}.nav{position:absolute;left:0;right:0;top:72px;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px;border-top:1px solid #eee;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:13px 0}.header-actions .btn-gold,.header-actions .search-icon{display:none}.mobile-toggle{display:block}.ad-text{padding:16px;gap:14px}.ad-text .ad-copy strong{font-size:15px}.ad-text .ad-brand{font-size:24px}.ad-text .ad-btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-slider{min-height:520px}.hero-content{left:24px;right:24px;bottom:48px}.hero-content h1{font-size:44px}.sidebar-stack{grid-template-columns:1fr}.cards-5,.category-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.page-hero h1{font-size:42px}.article-row{grid-template-columns:1fr}.article-row img{height:240px}.article-header h1{font-size:44px}.article-cover{height:360px}.article-body{font-size:18px}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:min(100% - 20px,1320px)}.ad-wide .copy{display:none}.hero-slider{min-height:470px}.hero-content h1{font-size:38px}.hero-content p{font-size:14px}.cards-5,.category-grid,.related-grid{grid-template-columns:1fr}.news-card img,.category-box img{height:220px}.footer-top{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.newsletter-form button{padding:14px}.article-header h1{font-size:38px}.article-cover{height:260px}}

/* enhanced navigation */
.nav{height:100%;gap:26px}.nav-item{height:100%;position:relative;display:flex;align-items:center}.nav-link{height:100%;display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;white-space:nowrap;position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--gold);transition:.22s}.nav-item:hover>.nav-link:after,.nav-item.open>.nav-link:after,.nav-link.active:after{right:0}.chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:.2s;flex:0 0 auto;margin-left:1px}.nav-item:hover .chevron,.nav-item.open .chevron{transform:rotate(225deg) translate(-1px,-1px)}
.mega-menu{position:absolute;top:calc(100% - 1px);left:-22px;min-width:245px;padding:18px;background:#fff;border:1px solid #ece6dc;border-top:3px solid var(--gold);box-shadow:0 18px 42px rgba(7,21,42,.16);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s;z-index:90}.nav-item:hover>.mega-menu,.nav-item.open>.mega-menu{opacity:1;visibility:visible;transform:none}.mega-wide{width:660px;display:grid;grid-template-columns:1fr 1fr 220px;gap:22px;padding:24px}.mega-col{display:flex;flex-direction:column}.mega-col h4{font-family:'Barlow Condensed';font-size:17px;margin:0 0 10px;color:var(--gold-dark);letter-spacing:.5px}.mega-col a{padding:10px 8px;border-bottom:1px solid #f0ece6;font-size:13px;font-weight:600;transition:.18s}.mega-col a:last-child{border-bottom:0}.mega-col a:hover{color:var(--gold-dark);background:#faf6ef;padding-left:13px}.mega-feature{position:relative;min-height:190px;overflow:hidden;color:#fff;align-self:stretch}.mega-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,27,.9),rgba(4,13,27,.05))}.mega-feature img{height:100%;object-fit:cover}.mega-feature span,.mega-feature strong{position:absolute;z-index:2;left:14px;right:14px}.mega-feature span{bottom:55px;font-size:10px;color:#e7bc76}.mega-feature strong{bottom:16px;font-family:'Barlow Condensed';font-size:20px;line-height:1.05}.menu-right{left:auto;right:-25px}
.search-icon{border:0;background:transparent;cursor:pointer;color:var(--ink);padding:6px}.search-panel{display:none;border-top:1px solid #eee;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.06)}.search-panel.open{display:block}.search-panel form{display:flex;padding:18px 0}.search-panel input{flex:1;border:1px solid #ddd;border-right:0;padding:14px 16px;font-size:15px}.search-panel form>button[type=submit]{border:0;background:var(--navy);color:#fff;padding:0 28px;font-weight:700}.search-close{border:0;background:#f3efe8;font-size:25px;padding:0 18px;cursor:pointer}.mobile-toggle{width:42px;height:42px;padding:9px;cursor:pointer}.mobile-toggle span{display:block;height:2px;background:#111;margin:5px 0;transition:.25s}.mobile-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1200px) and (min-width:781px){.nav{gap:14px}.nav-link{font-size:11px}.header-top .logo img{max-width:200px}.mega-wide{width:570px;grid-template-columns:1fr 1fr 190px}}
@media(max-width:780px){body.menu-open{overflow:hidden}.main-header{position:sticky;top:0}.nav{position:fixed;left:0;right:0;top:72px;bottom:0;height:auto;background:#fff;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:8px 14px 30px;overflow-y:auto;border-top:1px solid #eee;box-shadow:none;transform:translateX(105%);transition:transform .3s ease;z-index:100}.nav.open{display:flex;transform:none}.nav-item{height:auto;display:block;border-bottom:1px solid #eee}.nav-link{width:100%;height:auto;justify-content:space-between;padding:17px 6px;font-size:14px}.nav-link:after{display:none}.chevron{margin-right:7px;width:9px;height:9px}.mega-menu,.mega-wide,.menu-right{position:static;width:100%;min-width:0;display:grid;grid-template-columns:1fr;padding:0 4px 8px;border:0;border-left:2px solid var(--gold);box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .32s ease,padding .32s ease}.nav-item.open>.mega-menu{max-height:850px;padding:4px 4px 12px 12px}.mega-wide{grid-template-columns:1fr}.mega-col h4{margin-top:8px}.mega-col a{font-size:13px;padding:11px 10px}.mega-feature{display:none}.header-actions{gap:8px}.mobile-toggle{display:block}.search-panel{position:absolute;left:0;right:0}.search-panel form{padding:12px 0}.search-panel input{min-width:0}.search-panel form>button[type=submit]{padding:0 18px}.search-close{padding:0 12px}.header-top{gap:10px}.header-actions .search-icon{display:block;font-size:21px}.header-actions .btn-gold{display:none}}

/* Yeni kategori menüsü */
.nav{gap:24px}
.nav-item>.nav-link{padding-left:0;padding-right:0;text-transform:none}
@media(max-width:1280px) and (min-width:781px){.nav{gap:13px}.nav-item>.nav-link{font-size:11px}}
@media(max-width:780px){.nav-item>.nav-link{display:flex;width:100%;padding:17px 8px;font-size:15px;letter-spacing:.2px}.nav-item>.nav-link:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);margin-right:11px;flex:0 0 auto}.nav-item>.nav-link:after{display:block;content:"›";position:static;width:auto;height:auto;background:none;margin-left:auto;font-size:22px;line-height:1;color:var(--gold-dark)}.nav-item>.nav-link.active{color:var(--gold-dark)}}

/* Kart ve siralama ogeleri link (a) olarak kullanildiginda */
a.rank-item,a.category-box{color:inherit;text-decoration:none}
a.rank-item:hover h4,a.category-box:hover h3{color:var(--gold-dark)}

/* Haber detay galerisi */
.haber-galeri{margin:26px 0}
.galeri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.galeri-grid figure{margin:0}
.galeri-grid img{width:100%;height:180px;object-fit:cover;display:block;border:1px solid #e8e2d8}
.galeri-grid figcaption{font-size:11px;color:#8a7c68;padding-top:6px;line-height:1.4}
@media(max-width:780px){.galeri-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.galeri-grid{grid-template-columns:1fr}}

/* ===================================================================
   PANEL MODULLERI  (duyuru bandi, ozellikler, logolar, sozlesmeler, popup)
   =================================================================== */

/* Site ustu duyuru bandi */
.duyuru-bandi{background:var(--gold);color:#111}
.duyuru-serit{display:flex;gap:26px;align-items:center;overflow-x:auto;padding:8px 0;font-size:12px;font-weight:700;letter-spacing:.3px;scrollbar-width:none}
.duyuru-serit::-webkit-scrollbar{display:none}
.duyuru-serit a,.duyuru-serit span{color:#111;white-space:nowrap;text-decoration:none}
.duyuru-serit a:hover{text-decoration:underline}

/* One cikan ozellikler */
.ozellik-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ozellik-kutu{border:1px solid #e8e2d8;background:#fff;padding:20px;text-align:center}
.ozellik-kutu img{height:52px;width:auto;object-fit:contain;margin-bottom:12px}
.ozellik-kutu h3{font-family:'Barlow Condensed';font-size:19px;margin:0 0 8px}
.ozellik-kutu p{font-size:13px;line-height:1.6;color:#6b6559;margin:0}

/* Logo seridi */
.logo-serit{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;background:#fff;border:1px solid #e8e2d8;padding:22px}
.logo-serit img{max-height:52px;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.25s}
.logo-serit a:hover img{filter:none;opacity:1}

/* Alt bilgideki sozlesme baglantilari */
.sozlesme-satiri{display:flex;flex-wrap:wrap;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.sozlesme-satiri a{color:#c5ccda;font-size:12px;text-decoration:none}
.sozlesme-satiri a:hover{color:var(--gold)}

/* Acilir pencere */
.popup-katman{position:fixed;inset:0;background:rgba(2,8,18,.72);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}
.popup-kutu{position:relative;background:#fff;max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:26px}
.popup-kutu h3{font-family:'Barlow Condensed';font-size:26px;margin:0 0 14px}
.popup-kutu img{width:100%;height:auto;display:block}
.popup-kapat{position:absolute;top:8px;right:12px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#111}

@media(max-width:780px){
  .ozellik-grid{grid-template-columns:repeat(2,1fr)}
  .logo-serit img{max-height:40px;max-width:110px}
}
@media(max-width:520px){
  .ozellik-grid{grid-template-columns:1fr}
}

/* Iletisim formu */
.iletisim-form label{display:block;font-size:12px;font-weight:700;letter-spacing:.3px;color:#4a4438;margin-bottom:14px}
.iletisim-form input,.iletisim-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ddd;font:inherit;font-size:14px;font-weight:400}
.iletisim-form input:focus,.iletisim-form textarea:focus{outline:0;border-color:var(--gold)}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.iletisim-bildirim{padding:14px 16px;margin-bottom:18px;font-size:14px;border-left:4px solid}
.iletisim-bildirim.basarili{background:#eefaf0;border-color:#2e9e5b;color:#1d6b3d}
.iletisim-bildirim.hatali{background:#fdeeee;border-color:#c0392b;color:#8e2b20}
@media(max-width:520px){.form-satir{grid-template-columns:1fr}}

/* =====================================================================
   REKLAM SISTEMI   (bkz. inc/site-fonksiyonlar.php)

   Olculer TEK YERDEN yonetilir; dar ekranlarda ayni degiskenler
   dusurulur, kurallar bastan yazilmaz.
   ===================================================================== */
:root{
  --ad-header-h:90px;  --ad-ust-h:120px;   --ad-manset-h:215px;
  --ad-orta-h:90px;    --ad-bolum-h:250px; --ad-liste-h:250px;
  --ad-metin-h:90px;   --ad-detay-h:90px;
  --ad-widget-w:300px; --ad-widget-h:600px;
  --ad-rail-w:160px;   --ad-rail-h:600px;  --ad-rail-gap:24px;
  --ad-frame-gap:12px;
}

/* --- Gorsel ASLA kirpilmaz, esnetilmez -------------------------------
   Temadaki genel img{width:100%} kurali reklamlarda gecersiz kilinir.
   Kutulara sabit yukseklik VERILMEZ; yalnizca max-height sinirlanir,
   boylece hareketli GIF'ler de kendi oranini korur. */
.ad-slot img,.ad-inline img,.side-ad img{
  width:auto;max-width:100%;height:auto;object-fit:contain;margin:0 auto
}
.ad-slot,.ad-inline,.side-ad{height:auto}
.ad-slot a,.ad-inline a,.side-ad a{display:block}

/* --- Dongu: yalnizca aktif oge gorunur --- */
.ad-slot .ad-item{display:none}
.ad-slot .ad-item.active{display:block}

/* --- Yuva olculeri --- */
.ad-logoyani img   {max-height:var(--ad-header-h)}
.ad-ust img        {max-height:var(--ad-ust-h)}
.ad-mansetalti img {max-height:var(--ad-manset-h)}
.ad-orta img       {max-height:var(--ad-orta-h)}
.ad-detay img      {max-height:var(--ad-detay-h)}
.ad-listearasi img {max-height:var(--ad-liste-h)}
.ad-bolumarasi img {max-height:var(--ad-bolum-h)}
.ad-icerikarasi img{max-height:var(--ad-metin-h)}
/* Sag kolon GENISLIKTEN sinirlanir: 300x250'lik yuvaya 160x600 yuklenirse
   yalnizca yukseklik sinirlandiginda gorsel dar bir seride ezilirdi. */
.ad-sag img {max-width:min(100%,var(--ad-widget-w));max-height:var(--ad-widget-h)}
.side-ad img{max-width:var(--ad-rail-w);max-height:var(--ad-rail-h)}

/* --- Yerlesim --- */
.ad-ust,.ad-orta,.ad-bolumarasi{width:min(1320px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.ad-ust,.ad-orta{margin-top:16px;margin-bottom:16px}
.ad-mansetalti{margin:16px 0}
.ad-detay{margin:22px 0}
.ad-sag{margin-top:18px}
.ad-inline{margin-top:20px;margin-bottom:20px}
.ad-listearasi{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ad-icerikarasi{margin:24px 0}
.header-banner{flex:1 1 auto;min-width:0;display:flex;justify-content:center}

/* Iki satirli header'da menu satiri alcaltilir (mobil menuye dokunulmaz) */
@media(min-width:781px){
  .header-navbar .nav a{padding:15px 0}
  .header-navbar .nav a:after{bottom:6px}
}

/* --- UC KOLONLU CERCEVE ---------------------------------------------
   Yan seritler position:fixed DEGILDIR; sayfayla birlikte akar, boylece
   bir seride birden fazla reklam alt alta dizilebilir. Footer bu
   cercevenin disindadir (inc/footer.php); icinde kalsaydi seritler
   footer'in ustune binerdi. */
.site-frame{display:flex;align-items:stretch;justify-content:center;gap:var(--ad-frame-gap)}
.site-main{flex:1 1 auto;min-width:0}
.side-rail{display:none;flex:0 0 var(--ad-rail-w);width:var(--ad-rail-w);z-index:20}
/* Serit sayfa kaydirilirken ekranda kalir (sticky). Serit ekrana sigmiyorsa
   main.js sticky'yi kaldirir ve serit sayfayla birlikte akar; boylece
   alttaki reklamlara da ulasilabilir. */
.side-rail-inner{position:sticky;top:16px;display:flex;flex-direction:column;
  gap:var(--ad-rail-gap);padding-top:18px}
.ad-slot.ad-yigin .ad-item + .ad-item{margin-top:14px}
/* Esik: ana kolon daralarak yer actigi icin 1320px yeterlidir.
   Altinda seritler gizlenir, boylece metnin ustune binmez. */
@media(min-width:1320px){.side-rail{display:block}}

/* Sticky header, seridin ustunde boyanmali */
.topbar{position:relative;z-index:45}
.main-header{z-index:50}

/* --- Gorsel yuklenmemis reklamlarin metin afisi ---
   Sabit yukseklik yok; oncelikli ogelere flex-shrink:0 verilir ki
   icerik sigmadiginda tarayici onlari ezmesin. */
.ad-text{background:linear-gradient(90deg,#f0e5d4,#fbf6ee 35%,#ead8bd);border-bottom:1px solid #dfd4c4;color:#0b1a30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 40px}
.ad-text .ad-brand{font-family:'Barlow Condensed';font-size:30px;font-weight:700;letter-spacing:2px;flex-shrink:0}
.ad-text .ad-brand small{display:block;font:10px Inter;letter-spacing:2px}
.ad-text .ad-copy{text-align:center}
.ad-text .ad-copy strong{display:block;font-size:20px;letter-spacing:.8px}
.ad-text .ad-copy span{font-size:13px;letter-spacing:1.5px}
.ad-text .ad-btn{border:1px solid var(--navy);background:var(--navy);color:#fff;padding:14px 25px;font-weight:700;flex-shrink:0}
.side-ad .ad-text,.ad-sag .ad-text{flex-direction:column;text-align:center;padding:18px;gap:12px}

/* --- Dar ekranlar: ayni degiskenler dusurulur --- */
@media(max-width:1100px){
  :root{--ad-header-h:70px;--ad-ust-h:100px;--ad-manset-h:170px;
        --ad-bolum-h:190px;--ad-liste-h:190px}
}
@media(max-width:900px){
  .ad-logoyani{display:none}      /* header banner dar ekranda gizlenir */
}
@media(max-width:780px){
  :root{--ad-ust-h:80px;--ad-manset-h:130px;--ad-orta-h:70px;
        --ad-bolum-h:150px;--ad-liste-h:150px;--ad-metin-h:70px;--ad-detay-h:70px}
  .site-frame{display:block}
  .header-top{min-height:72px;padding:6px 0}
  .header-navbar{border-top:0}
  .ad-text{padding:16px;gap:14px}
}

/* =====================================================================
   KUNYE SAYFASI  (kunye.php)
   ===================================================================== */
.kunye-tablo{width:100%;border-collapse:collapse;margin-top:6px}
.kunye-tablo th,.kunye-tablo td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.kunye-tablo th{width:240px;font-weight:600;color:#6c6256}
.kunye-ekip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}
.kunye-kisi-kart{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;padding:12px;transition:.2s}
.kunye-kisi-kart:hover{box-shadow:var(--shadow)}
/* Temadaki genel img{width:100%} kurali burada gecersiz kilinir */
.kunye-kisi-kart img{flex:0 0 52px;width:52px;height:52px;border-radius:50%;object-fit:cover}
.kunye-kisi-kart strong{display:block;font-size:14px;line-height:1.3}
.kunye-kisi-kart .meta{display:block;margin-top:4px}
@media(max-width:780px){
  .kunye-tablo th{display:block;width:auto;padding-bottom:2px;border-bottom:0;font-size:12px}
  .kunye-tablo td{display:block;padding-top:0}
  .kunye-ekip{grid-template-columns:1fr}
}

/* =====================================================================
   HABER METNINE EKLENEN GORSELLER  (panel > Haber İçeriği > Görsel Ekle)
   ===================================================================== */
/* Tema genelindeki img{width:100%} kurali metin icindeki gorselleri
   sutun genisligine kadar BUYUTUYOR ve kucuk gorseller bulaniklasiyordu.
   Burada gorsel kendi olcusunde kalir, yalnizca tasarsa kuculur. */
.article-body img{width:auto;max-width:100%;height:auto;margin:20px auto}
.article-body figure{margin:20px 0}
.article-body figure img{margin:0 auto}
/* Galeri kucuk resimleri ayni ozgulluge sahip oldugu icin burada
   tekrar tanimlanir; aksi halde yukaridaki kural onlari da degistirirdi. */
.haber-galeri .galeri-grid img{width:100%;height:180px;object-fit:cover}
@media(max-width:780px){.haber-galeri .galeri-grid img{height:150px}}

/* =====================================================================
   KÜNYE KADROSU
   Görev başlıkları PHP tarafında buyuk() ile büyütülür; buradaki
   text-transform yalnızca panelden girilen metinler için yedektir.
   ===================================================================== */
.kunye-bolum{padding:16px 0;border-bottom:1px solid var(--line)}
.kunye-bolum:last-child{border-bottom:0}
.kunye-bolum h3{font-size:12px;font-weight:800;letter-spacing:1px;
                text-transform:uppercase;color:#6c6256;margin:0 0 8px}
.kunye-kisi{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.kunye-kisi+.kunye-kisi{margin-top:8px}
.kunye-kisi b{min-width:210px}          /* adlar hizali dursun */
.kunye-kisi a{font-size:14px;color:var(--gold-dark)}
.kunye-kisi a:hover{text-decoration:underline}
@media(max-width:520px){
  .kunye-kisi b{min-width:100%}          /* dar ekranda ad kendi satirina */
  .kunye-kisi{gap:2px 18px}
}

/* =====================================================================
   MANSET SLAYTI DUZELTMELERI
   ===================================================================== */
/* --- Slaytin tamami tiklanabilir -----------------------------------
   .hero-link gorselin uzerini bastan basa kaplar. Metin katmani
   tiklamalari gecirir, boylece basliga veya butona basmak da haberi
   acar. Noktalar metin katmaninin disinda oldugu icin tiklanir kalir. */
.hero-link{position:absolute;inset:0;z-index:2}
.hero-content{z-index:3;pointer-events:none}
.hero-content a{pointer-events:auto}   /* metin icinde gercek bag varsa */
.dots{z-index:4}
.hero-slide:hover .outline-btn{background:var(--gold);color:#111;transition:.2s}

/* --- Slayt olcusu ---------------------------------------------------
   Yukseklik eski degerine (510px) dondu. Slaydin genis durmasi artik
   orandan degil, yan sutunlarin daraltilmasindan geliyor:
       FOKUS sutunu      315 -> 275
       sag sutun         305 -> 295
       sutun araliklari   18 -> 14
   Sag sutun bilerek 295'in altina indirilmedi: oradaki reklam
   gorselleri 300px genisliginde (--ad-widget-w) ve daha dar bir
   sutunda oransal olarak kuculurler.

   SLAYT YUKSEKLIGI: asagidaki 450px tek ayar noktasidir.
   Gecmis denemeler: 510px fazla uzun, 374px (16:9) fazla bastik
   kaliyordu. 450px, 722px genislikte 16:10'a yakin bir oran verir. */
.layout{grid-template-columns:minmax(0,1fr) 295px;gap:14px}
.hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:14px}

/* align-self:start KRITIK. Slayt bir grid ogesi; varsayilan davranisla
   satirin yuksekligine (yani yanindaki FOKUS kutusuna) kadar UZUYOR.
   Bu yuzden min-height tek basina ise yaramiyordu: FOKUS 772px olunca
   slayt da 772px oluyordu. align-self:start ile slayt kendi
   yuksekliginde kalir, min-height gercekten belirleyici olur. */
.hero-slider{aspect-ratio:auto;min-height:450px;align-self:start}

/* FOKUS kutusundaki basliklar en fazla 2 satir. Sutun dar oldugu icin
   uzun basliklar 4-5 satira sariyor ve kutuyu (dolayisiyla satiri)
   sisiriyordu. 4 haber + 2 satir = ~423px, yani slaydin altinda kalir;
   kutu satiri doldurmak icin 450px'e uzar, iki sutun hizali durur. */
.hero-grid .rank-item h4{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.hero-slide img{width:100%;height:100%;object-fit:cover}

/* Tek sutuna inme noktalari yukaridaki kurallarca ezilmesin diye
   burada tekrarlanir (kaynak sirasi onemli). */
@media(max-width:1100px){.layout{grid-template-columns:1fr}}
@media(max-width:780px){.hero-grid{grid-template-columns:1fr}}

/* --- Baslik: tamami gorunur ----------------------------------------
   Slaytta on yazi (ozet) artik basilmiyor; yerini basliga biraktigi
   icin baslik kesilmeden, tam haliyle gosterilir. Yazi olcusu alana
   gore kuculur ki uzun basliklar da slayda sigsin. */
.hero-content h1{font-size:clamp(24px,2.9vw,50px);margin:0 0 20px}

@media(max-width:780px){
  .hero-slider{min-height:430px}
  .hero-content h1{font-size:30px}
  .eyebrow{margin-bottom:12px}
}
@media(max-width:520px){
  .hero-slider{min-height:400px}
  .hero-content h1{font-size:26px}
}

/* --- E-dergi kapagi -------------------------------------------------
   Kapak gorseli kirpilmamali: dergi kapagi butun olarak gorunsun.
   (Tema genelindeki object-fit:cover burada yanlis sonuc veriyordu.) */
.mag-card img{width:auto;max-width:100%;height:auto;max-height:340px;
  object-fit:contain;margin:15px auto}
.mag-kapak{display:block;transition:.2s}
.mag-kapak:hover{transform:translateY(-3px)}
.mag-kapak img{margin-bottom:0}