@charset "UTF-8";
/* ============================================================
   MANŞET — Ortak Stil Dosyası (style.css)
   ------------------------------------------------------------
   1.  Tokenlar — renk değişkenleri + koyu tema
   2.  Reset / Temel öğeler
   3.  Placeholder görseller (.ph)
   4.  Yerleşim (.container)
   5.  Header + Ana navigasyon
   6.  Offcanvas (MENU)
   7.  Placeholder oranları + Bölüm başlığı
   8.  ANASAYFA — slider, döviz, kart ızgaraları, spor, oyunlar, footer
   9.  HABER DETAY (.nd-*)
   10. YORUMLAR (.haber-yorumlar)
   11. KATEGORİ SAYFASI (.cat-* / .catn-*)
   12. YAZARLAR SAYFASI (.wr-*)
   ============================================================ */

/* ===== 1-6. TEMEL: tokenlar, reset, ph, container, header, nav, offcanvas ===== */
:root{
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  --white:#fff;--surface:#fff;--surface-alt:#f5f7f9;--text:#222;
  --text-secondary:rgba(62,73,89,.9);--text-muted:#616875;
  --brand:#ed0d0d;--brand-dark:#db0d0d;--green:#5ac12a;
  --grey-50:#f8f8f8;--grey-100:#f5f7f9;--grey-200:#f0f2f5;--grey-300:#e9ecef;--grey-400:#ced4da;
  --border:rgba(222,226,230,.6);--shadow-color:rgba(62,73,89,.25);
  --logo-color:#3e4959;--radius:2px;--gutter:1.5rem;--header-h:78px;
  --sport-bg:#10151f;
}
:root[data-theme=dark]{
  --surface:#14181d;--surface-alt:#1a1f26;--text:#e6e7e9;
  --text-secondary:rgba(220,224,230,.85);--text-muted:#959ba7;
  --grey-50:#1a1f26;--grey-100:#1d232b;--grey-200:#232932;--grey-300:#2a313b;--grey-400:#3a414b;
  --border:hsla(0,0%,100%,.08);--shadow-color:rgba(0,0,0,.5);--logo-color:#cdd2db;
}
:root[data-theme=dark] body{color-scheme:dark}
*,:after,:before{box-sizing:border-box}
body,html{font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--surface);color:var(--text);margin:0;min-width:320px;padding:0}
body{overflow-x:hidden}
::selection{background:var(--brand);color:#fff}
a{color:var(--text);text-decoration:none}
ul{list-style:none;margin:0;padding:0}
img{height:auto;max-width:100%}
button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0}

/* placeholder */
.ph{position:relative;background:repeating-linear-gradient(135deg,#e6e9ee 0 9px,#eef1f5 9px 18px);overflow:hidden;display:block}
:root[data-theme=dark] .ph{background:repeating-linear-gradient(135deg,#232932 0 9px,#2a313b 9px 18px)}
.ph::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#8b93a0;text-align:center;padding:6px}

.container{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem;width:100%}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1040px}}
@media(min-width:1550px){.container{max-width:1190px}}

/* ===== header ===== */
#header{background:var(--surface);display:flex;flex-direction:column;position:sticky;top:0;z-index:999}
.ustbilgi-cubuk{background:var(--surface);position:relative;z-index:2}
.ustbilgi-cubuk>.container{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);border-bottom:1px solid var(--border)}
.menu-ac{display:none;align-items:center}
@media(max-width:768px){.ustbilgi-cubuk .menu-ac{display:flex}}
.logo{display:flex;align-items:center;gap:3px}
.logo-gorsel{height:64px;width:auto;display:block}
.yanpanel-baslik .logo-gorsel{height:32px}
.altbilgi-logo-gorsel{height:40px;width:auto;display:block}
.altbilgi-logo{display:inline-block;background:#fff;padding:9px 14px;border-radius:8px}
@media(max-width:480px){.logo-gorsel{height:30px}}
.logo b{font-weight:900;font-size:25px;letter-spacing:-.03em;color:var(--logo-color)}
.logo .acc{color:var(--brand)}
.logo .nokta{width:9px;height:9px;border-radius:2px;background:var(--brand);align-self:flex-start;margin-top:3px}
.ustbilgi-eylemler{margin-left:auto;display:flex;align-items:center}
/* header hava + namaz widget'ı */
.hava-pencere{display:flex;align-items:center;gap:1rem;margin-right:1.1rem;padding-right:1.1rem;border-right:1px solid var(--border)}
.hava-sehir{position:relative;display:inline-flex;align-items:center;gap:.3rem}
.hava-sehir .hava-igne{width:14px;height:14px;fill:var(--brand);flex-shrink:0}
.hava-sehir select{appearance:none;-webkit-appearance:none;border:0;background:none;font:inherit;font-size:.85rem;font-weight:700;color:var(--text);cursor:pointer;padding-right:15px}
.hava-sehir select:focus{outline:none}
.hava-sehir .hava-ok{position:absolute;right:0;width:12px;height:12px;pointer-events:none;fill:none;stroke:var(--text-muted);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hava-oge{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text)}
.hava-oge b{font-weight:800}
.hava-oge:hover{color:var(--brand)}
.hava-gunes{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd860,#f5a623);flex-shrink:0}
.hava-saat{width:15px;height:15px;fill:none;stroke:var(--text-muted);stroke-width:2;flex-shrink:0}
.hava-oge:hover .hava-saat{stroke:var(--brand)}
@media(max-width:991px){.hava-pencere{display:none}}
.ustbilgi-araclar{display:flex;align-items:center}
.ustbilgi-araclar a,.ustbilgi-araclar button{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-left:1.5rem;white-space:nowrap}
.ustbilgi-eylemler .flag{display:flex;width:30px;height:20px;margin-left:1.5rem;overflow:hidden}
@media(max-width:768px){
  .ustbilgi-araclar a span:not(.ikon),.ustbilgi-araclar button span:not(.ikon){display:none}
  .ustbilgi-araclar a,.ustbilgi-araclar button{margin-left:1rem}
  .ustbilgi-cubuk .menu-ac{margin-right:.7rem}
  .ustbilgi-cubuk .logo{position:static;transform:none;margin-right:auto}
  .ustbilgi-eylemler .flag{display:none}
}
@media(max-width:480px){
  .ustbilgi-araclar>:nth-child(2),.ustbilgi-araclar>:nth-child(4){display:none}
  .logo b{font-size:22px}
  .ustbilgi-araclar a,.ustbilgi-araclar button{margin-left:.9rem}
}
#mainnav{background:var(--surface);border-bottom:1px solid var(--border);padding:.5rem 0;position:sticky;top:var(--header-h)}
#mainnav ul{display:flex;align-items:center}
#mainnav li{margin-right:1.3rem}
#mainnav li a,#mainnav li button{color:var(--text);font-size:.875rem;font-weight:700;white-space:nowrap;text-transform:uppercase}
#mainnav li:first-child a{color:var(--brand)}
#mainnav li:last-child{margin-left:auto;margin-right:0}
#mainnav li:last-child button{display:flex;align-items:center;gap:.5rem}
@media(max-width:992px){#mainnav li:nth-child(n+7):not(:last-child){display:none}}
@media(max-width:768px){#mainnav{display:none}}

/* ===== offcanvas ===== */
.yanpanel-katman{background:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:1000}
.yanpanel-katman.active{opacity:1;visibility:visible}
.offcanvas{background:var(--surface);display:flex;flex-direction:column;height:100%;left:0;max-width:85vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:380px;z-index:1001}
.offcanvas.active{transform:translateX(0)}
.yanpanel-baslik{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.25rem}
.yanpanel-baslik .logo b{font-size:21px}
.yanpanel-kapat{display:flex;align-items:center;justify-content:center;background:var(--grey-100);border-radius:50%;height:36px;width:36px;font-size:18px}
.yanpanel-kisayollar{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;margin:0 1.25rem}
.yanpanel-kisayol{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--text);font-size:.875rem;font-weight:500;padding:1rem .5rem}
.yanpanel-kisayol+.yanpanel-kisayol{border-left:1px solid var(--border)}
.yanpanel-kisayol svg{width:22px;height:22px}
.yanpanel-govde{display:grid;flex:1;grid-template-columns:1fr 1fr;overflow-y:auto;padding:.75rem 0}
.yanpanel-sutun{padding:0 1.25rem}
.yanpanel-sutun:first-child{border-right:1px solid var(--grey-100)}
.yanpanel-etiket{color:var(--brand);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;padding:.75rem 0 .35rem;text-transform:uppercase}
.yanpanel-birincil li a{border-bottom:1px solid var(--grey-100);color:var(--text);display:block;font-size:1.0625rem;font-weight:700;padding:.65rem 0}
.yanpanel-ikincil{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding-top:.5rem}
.yanpanel-ikincil li a{background:var(--grey-100);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:.8125rem;font-weight:600;padding:.45rem .85rem}
.yanpanel-ikincil li a:hover{background:var(--brand);color:#fff}
.yanpanel-hizmetler li a{border-bottom:1px solid var(--grey-100);color:var(--text);display:block;font-size:1rem;font-weight:600;padding:.6rem 0}
.yanpanel-uygulamalar{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}
.yanpanel-uygulamalar a{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:block;font-size:.875rem;font-weight:600;padding:.6rem .75rem;text-align:center}
.yanpanel-altbilgi{border-top:1px solid var(--border);color:var(--text-muted);flex-shrink:0;font-size:.6875rem;padding:1rem 1.25rem}
body.offcanvas-open{overflow:hidden}
@media(max-width:420px){.yanpanel-govde{grid-template-columns:1fr}.yanpanel-sutun:first-child{border-right:0;border-bottom:1px solid var(--grey-100);padding-bottom:1rem}}

/* ===== 7. Placeholder oranları + bölüm başlığı + offcanvas uyumluluk ===== */
/* ----- placeholder oran modifiers (anasayfa) ----- */
.ph{border-radius:var(--radius)}
.ph.r169{aspect-ratio:16/9}
.ph.r43{aspect-ratio:4/3}
.ph.big{aspect-ratio:788/450}
.ph.tall{aspect-ratio:382/450}
.ph.circ{aspect-ratio:1;border-radius:50%}
.ph.sq{aspect-ratio:1;border-radius:12px}

/* ----- bölüm başlığı (anasayfa) ----- */
.bolum-baslik{font-size:1.25rem;font-weight:700;position:relative;margin:0 0 1rem;padding-bottom:.6rem}
.bolum-baslik:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(to right,var(--brand) 0,var(--brand) 40px,var(--border) 40px,transparent)}
.bolum-baslik .all{position:absolute;right:0;top:4px;font-size:.95rem;font-style:italic;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:3px}

/* ----- offcanvas uyumluluk (anasayfa varyantı) ----- */
.app-btn-oc{border:1px solid var(--border);border-radius:2px;padding:.6rem .75rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--text);display:block}
.app-btn-oc:hover{border-color:var(--brand);color:var(--brand)}
.yanpanel-birincil li a:hover,.yanpanel-hizmetler li a:hover{color:var(--brand)}
/* menü linklerinde hover'da kayan chevron */
.yanpanel-birincil li a,.yanpanel-hizmetler li a{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.yanpanel-birincil li a::after,.yanpanel-hizmetler li a::after{content:"›";color:var(--grey-400);font-size:1.2em;line-height:1;transition:transform .15s ease,color .15s ease}
.yanpanel-birincil li a:hover::after,.yanpanel-hizmetler li a:hover::after{color:var(--brand);transform:translateX(3px)}
body.oc-open{overflow:hidden}
/* offcanvas mobil bilgi kartı: hava + namaz (geri sayımlı) */
.yanpanel-bilgi{margin:.75rem 1.25rem 0;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.yanpanel-bilgi-ust{display:flex;align-items:center;justify-content:space-between;background:var(--grey-100);padding:.6rem .9rem}
.yanpanel-bilgi-sehir{display:inline-flex;align-items:center;gap:.4rem;position:relative}
.yanpanel-bilgi-sehir .igne{width:15px;height:15px;fill:var(--brand);flex-shrink:0}
.yanpanel-bilgi-sehir select{appearance:none;-webkit-appearance:none;border:0;background:none;font:inherit;font-size:.95rem;font-weight:800;color:var(--text);cursor:pointer;padding-right:16px}
.yanpanel-bilgi-sehir select:focus{outline:none}
.yanpanel-bilgi-sehir .ok{position:absolute;right:0;width:13px;height:13px;pointer-events:none;fill:none;stroke:var(--text-muted);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.yanpanel-bilgi-tarih{font-size:.78rem;color:var(--text-muted);font-weight:600}
.yanpanel-bilgi-satir{display:grid;grid-template-columns:1fr 1fr}
.yanpanel-bilgi-hucre{display:flex;align-items:center;gap:.7rem;padding:.85rem .9rem;color:var(--text)}
.yanpanel-bilgi-hucre+.yanpanel-bilgi-hucre{border-left:1px solid var(--border)}
.yanpanel-bilgi-hucre>span:last-child{display:flex;flex-direction:column;min-width:0}
.yanpanel-bilgi-ikon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grey-100)}
.yanpanel-bilgi-ikon .gunes{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd860,#f5a623)}
.yanpanel-bilgi-ikon svg{width:18px;height:18px;fill:none;stroke:var(--brand);stroke-width:2}
.yanpanel-bilgi-etiket{display:block;font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.yanpanel-bilgi-deger{display:block;font-size:1.05rem;font-weight:800;line-height:1.15;margin-top:1px}
.yanpanel-bilgi-deger small{font-size:.78rem;font-weight:700;color:var(--text-muted)}
.yanpanel-bilgi-alt{display:block;font-size:.74rem;color:var(--text-muted);font-weight:600;margin-top:1px}

/* ===== 8. ANASAYFA: slider, döviz, kartlar, spor, oyunlar, footer ===== */
/* ----- slider ----- */
.kaydirici{padding:1rem 0}
.manset-sarmal{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}
.manset-sarmal>*{padding-left:.5rem;padding-right:.5rem}
.col-main{width:66.6667%}
.col-side{width:33.3333%}
@media(max-width:991px){.col-main,.col-side{width:100%}.col-side{margin-top:1rem}}
.slayt{position:relative;display:block;overflow:hidden;border-radius:2px 2px 0 0}
.slayt .altyazi{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 14px;background:linear-gradient(to top,rgba(8,10,14,.92),rgba(8,10,14,.4) 60%,transparent);color:#fff}
.slayt.ana .altyazi h3{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.01em}
.slayt.yan .altyazi h3{font-size:15px;font-weight:700;line-height:1.15}
.slayt .ustetiket,.yan-haber .ustetiket{display:inline-block;background:var(--brand);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:2px;margin-bottom:8px}
/* swiper sizing */
.ana-kaydirici,.ikincil-kaydirici,.spor-kaydirici{border-radius:2px 2px 0 0;overflow:hidden}
.ana-kaydirici .swiper-slide,.ikincil-kaydirici .swiper-slide,.spor-kaydirici .swiper-slide{height:auto}
/* nav arrows */
.kaydirici .swiper-button-next,.kaydirici .swiper-button-prev,.spor-kaydirici .swiper-button-next,.spor-kaydirici .swiper-button-prev{color:#fff;--swiper-navigation-size:30px;text-shadow:0 1px 6px rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev{opacity:1}
/* numbered pagination bar (main) */
.sayfalama-cubuk{display:flex;gap:1px;background:#2c2c2c;border-radius:0 0 2px 2px;height:34px;overflow:hidden}
.sayfalama-cubuk .sayfanokta{flex:1;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:13px;font-weight:600;background:#222;cursor:pointer}
.sayfalama-cubuk .sayfanokta.swiper-pagination-bullet-active,.sayfalama-cubuk .sayfanokta:hover{background:var(--brand);color:#fff}
@media(max-width:767px){
  /* mobilde numaralı şerit yerine nokta (dot) ikonları */
  .sayfalama-cubuk{background:transparent;height:auto;gap:7px;justify-content:center;padding:12px 0 2px;overflow:visible}
  .sayfalama-cubuk .sayfanokta{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--grey-300);font-size:0;color:transparent;transition:background .2s,width .2s}
  .sayfalama-cubuk .sayfanokta.swiper-pagination-bullet-active{width:22px;border-radius:5px;background:var(--brand)}
  .sayfalama-cubuk .sayfanokta:hover{background:var(--grey-400)}
  .sayfalama-cubuk .sayfanokta.swiper-pagination-bullet-active:hover{background:var(--brand)}
}
/* side slider pagination */
.sayfalama-sarmal{display:flex;align-items:center;justify-content:center;background:#0f0f0f;border-radius:0 0 2px 2px;height:38px}
.sayfalama-gezinme{display:none}
.sayfalama-gezinme.next{display:none}
.yan-noktalar{display:flex;gap:5px;align-items:center}
.yan-noktalar .swiper-pagination-bullet{width:8px;height:8px;background:#ccc;opacity:1;border-radius:50%}
.yan-noktalar .swiper-pagination-bullet-active{background:var(--brand)}
@media(max-width:767px){.sayfalama-sarmal{background:transparent}.yan-noktalar .swiper-pagination-bullet{background:var(--grey-300)}.yan-noktalar .swiper-pagination-bullet-active{background:var(--brand)}}
/* yan kolon — 3 haber (yatay liste) */
.yan-yigin{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.yan-haber{position:relative;display:flex;align-items:center;gap:.85rem;padding:.8rem 0;border-bottom:1px solid var(--border)}
.yan-haber .ph{position:static;flex:0 0 120px;width:120px;height:72px;aspect-ratio:auto;border-radius:4px}
.yan-haber .altyazi{position:static;left:auto;right:auto;bottom:auto;padding:0;background:none;color:var(--text)}
.yan-haber .altyazi h3{font-size:15px;font-weight:700;line-height:1.3;color:var(--text)}
.yan-haber:hover .altyazi h3{color:var(--brand)}
/* masaüstü: yan kolon slider ile aynı yükseklik, 3 satır eşit dolsun */
@media(min-width:992px){.yan-yigin{height:100%}.yan-haber{flex:1 1 0}}
@media(max-width:560px){.yan-haber .ph{flex:0 0 104px;width:104px;height:64px}}

/* ----- news grids ----- */
.haberkart-izgara{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}
.haberkart-kart{display:flex;flex-direction:column;margin-bottom:1.5rem;padding-left:.75rem;padding-right:.75rem}
.haberkart-izgara.cols-4 .haberkart-kart{width:25%;margin-top:1.5rem}
.haberkart-izgara.cols-3 .haberkart-kart{width:33.3333%}
.haberkart-kart figure{margin:0 0 .5rem;overflow:hidden}
.haberkart-kart .ph{border-radius:var(--radius)}
.haberkart-baslik{font-size:1.0625rem;font-weight:700;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}
.haberkart-kart:hover .haberkart-baslik{color:var(--brand)}
.ilan-etiket{position:absolute;top:6px;right:6px;background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:2px;z-index:2}
@media(max-width:991px){.haberkart-izgara.cols-3 .haberkart-kart{width:50%}}
@media(max-width:767px){.haberkart-izgara.cols-4 .haberkart-kart{width:100%;flex-direction:row;gap:.75rem;margin-top:.75rem;margin-bottom:.75rem}.haberkart-izgara.cols-4 .haberkart-kart figure{flex:0 0 120px;margin-bottom:0}}
@media(max-width:576px){.haberkart-izgara.cols-3 .haberkart-kart{width:100%}}

/* ----- döviz bar ----- */
.dovizbar{display:flex;align-items:center;background:#005697;border-radius:2px;height:85px;margin-top:1rem;overflow:hidden;padding:0 .5rem;color:#fff}
.dovizbar-logo{flex-shrink:0;padding:0 2rem 0 1rem;display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:18px;color:#fff}
.dovizbar-items{display:flex;flex:1;align-items:center;justify-content:space-around;overflow:hidden}
.dovizbar-item{position:relative;padding:0 20px;text-align:left}
.dovizbar-item:after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:#2671aa}
.dovizbar-item:last-child:after{display:none}
.dovizbar-name{font-size:13px;font-weight:600;opacity:.8;text-transform:uppercase;margin-bottom:2px}
.dovizbar-rate{font-size:19px;font-weight:700;line-height:1;margin-bottom:4px}
.dovizbar-change{display:flex;align-items:center;gap:.2rem;font-size:12px;font-weight:500;color:#47bd83}
.dovizbar-change .ar{font-size:10px}
.dovizbar-item.down .dovizbar-change{color:rgba(255,255,255,.5)}
@media(max-width:767px){.dovizbar{flex-direction:column;height:auto;padding:.5rem}.dovizbar-logo{padding:0 0 .5rem}.dovizbar-items{width:100%;justify-content:flex-start;overflow-x:auto}.dovizbar-item{flex:none;min-width:90px;padding:0 14px}}

/* ----- yazarlar (dikey kartlar, slider) — koyu full-bleed ----- */
.yazarlar-bolum{background:var(--sport-bg);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:1.5rem;padding:0}
.yazarlar-ic{padding:2rem .75rem}
.yazarlar-ic .bolum-baslik{margin-bottom:1.5rem}
.yazarlar-sarmal{display:flex;align-items:center;gap:.75rem}
.yazarlar-kaydirici{flex:1;min-width:0;overflow:hidden}
.yazarkutu-kart{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:0;border-bottom:0}
.yazarkutu-kart .ph{flex:0 0 auto;width:86px;height:86px;background:rgba(255,255,255,.08)}
.yazarkutu-makale{margin-bottom:.35rem;color:#fff}
.yazarkutu-ad{color:rgba(255,255,255,.6)}
.yazarkutu-kart:hover .yazarkutu-makale{color:var(--brand)}
.yazarlar-bolum .yazarlar-ok{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.yazarlar-bolum .yazarlar-ok:hover{background:var(--brand);border-color:var(--brand)}
.yazarlar-ok{flex-shrink:0;width:40px;height:40px;border:1px solid var(--grey-300);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}
.yazarlar-kaydirici{flex:1;min-width:0;overflow:hidden}
.yazarlar-kaydirici .swiper-slide{height:auto}
.yazarkutu-kart{display:flex;align-items:center;gap:1.1rem}
.yazarkutu-kart .ph{flex:0 0 92px;width:92px}
.yazarkutu-makale{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.95rem;font-weight:700;line-height:1.35;margin-bottom:.3rem}
.yazarkutu-ad{color:var(--text-muted);font-size:.85rem;font-weight:500}

/* ----- sport (dark, full bleed) ----- */
.spor{background:var(--sport-bg);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:1.5rem;padding:0}
.spor-ic{padding:2rem .75rem}
.spor-cubuk{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.spor-baslik{flex:1;margin-bottom:0;color:#fff}
.spor-baslik:before{background:linear-gradient(to right,var(--brand) 0,var(--brand) 40px,rgba(255,255,255,.18) 40px,transparent)}
.spor-tekil{display:block;border-radius:2px;overflow:hidden}
.spor-logo{display:flex;align-items:center;gap:3px;font-weight:900;font-size:20px;color:#fff}
.spor-logo .acc{color:var(--brand)}
.spor-rozet{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .75rem}
.spor-ust{display:grid;grid-template-columns:5fr 4fr;gap:1.5rem}
@media(max-width:991px){.spor-ust{grid-template-columns:1fr}}
.spor-ana .slayt .altyazi h3{font-size:20px;font-weight:800}
.spor-ana,.spor-yan{min-width:0}
.spor-sayfalama{display:flex;justify-content:center;gap:6px;margin-top:.6rem}
.spor-sayfalama .swiper-pagination-bullet{width:8px;height:8px;background:rgba(255,255,255,.25);opacity:1;border-radius:50%}
.spor-sayfalama .swiper-pagination-bullet-active{background:var(--green)}
.spor-yan{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.spor-kart figure{margin:0 0 .4rem;overflow:hidden;border-radius:2px}
.spor-kart-baslik{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgba(255,255,255,.88);font-size:1.0625rem;font-weight:600;line-height:1.35}
.spor-kart:hover .spor-kart-baslik{color:#fff}

/* ----- oyunlar ----- */
.eglence-duzen{display:flex;gap:1.5rem;align-items:flex-start}
.eglence-oyunlar{flex:1;min-width:0}
.eglence-cubuk{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.eglence-cubuk .bolum-baslik{margin-bottom:0}
.eglence-tum{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.8rem;font-weight:600}
.oyun-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.oyun-kart{display:flex;align-items:center;gap:.75rem;border:1px solid var(--grey-300);border-radius:8px;padding:.6rem .75rem}
.oyun-kart .ph{flex:0 0 52px;width:52px}
.oyun-ad{font-size:.85rem;font-weight:600;line-height:1.3}
.eglence-ilan{flex:0 0 300px}
.eglence-ilan .ph{height:250px;border:1px solid var(--grey-300)}
@media(max-width:991px){.eglence-duzen{flex-direction:column}.eglence-ilan{width:100%;flex:none}}
@media(max-width:576px){.oyun-izgara{grid-template-columns:repeat(2,1fr)}}

/* ----- cat-layout (hero + side) ----- */
.kategori-duzen{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.kategori-vitrin figure{margin:0 0 .6rem;overflow:hidden}
.kategori-vitrin-baslik{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.4rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.kategori-vitrin-aciklama{margin-top:.5rem;font-size:.95rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kategori-yan{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem .75rem}
.kategori-kart figure{margin:0 0 .5rem;overflow:hidden}
.kategori-kart-baslik{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:700;line-height:1.25}
.kategori-vitrin:hover .kategori-vitrin-baslik,.kategori-kart:hover .kategori-kart-baslik{color:var(--brand)}
/* alt: hero centre flanked by sides */
.kategori-duzen-alternatif{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1.5rem;align-items:start}
.kategori-duzen-alternatif .kategori-yan{display:flex;flex-direction:column;gap:1.25rem}
@media(max-width:767px){.kategori-duzen,.kategori-duzen-alternatif{grid-template-columns:1fr}.kategori-duzen-alternatif .kategori-vitrin{order:-1}.kategori-duzen-alternatif .kategori-yan{display:grid;grid-template-columns:1fr 1fr}}

/* ----- social bar ----- */
.sosyal-cubuk{display:flex;background:#1a1a2e;border-radius:8px;overflow:hidden;margin:.5rem 0}
.sosyal-cubuk-oge{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fff}
.sosyal-cubuk-oge:hover{background:rgba(255,255,255,.06)}
.sosyal-ikon{flex-shrink:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sosyal-cubuk-metin{display:flex;flex-direction:column;line-height:1.3}
.sosyal-cubuk-metin strong{font-size:.9375rem}
.sosyal-cubuk-metin small{font-size:.8125rem;opacity:.65}
.sosyal-cubuk-ok{margin-left:auto;font-size:1.4rem;opacity:.3}
@media(max-width:576px){.sosyal-cubuk{flex-direction:column}.sosyal-cubuk-oge+.sosyal-cubuk-oge{border-top:1px solid rgba(255,255,255,.08)}}

/* ----- ad placeholders ----- */
.ad-wrap{margin:1.5rem 0;display:flex;align-items:center;justify-content:center}
.ad-wrap .ph{width:970px;max-width:100%;height:90px}

/* ----- footer ----- */
footer{background:linear-gradient(180deg,#1e2530,#14181d 50%);color:#fff;font-size:.875rem;margin-top:2rem}
.altbilgi-ana{padding:3rem 0 2.5rem}
.altbilgi-izgara{display:grid;grid-template-columns:280px 1fr;gap:3rem}
.altbilgi-logo b{font-size:24px;font-weight:900;color:#fff}
.altbilgi-logo .acc{color:var(--brand)}
.altbilgi-uygulamalar{border-bottom:1px solid rgba(255,255,255,.08);margin:1.5rem 0 2rem;padding-bottom:2rem;display:flex;flex-direction:column;gap:.6rem}
.app-btn{border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:.55rem .8rem;max-width:150px;text-align:center;font-weight:600;color:#fff;font-size:.8rem}
.altbilgi-sosyal{display:flex;gap:.4rem}
.altbilgi-sosyal a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff}
.altbilgi-sosyal a:hover{background:var(--brand)}
.altbilgi-sosyal svg{width:16px;height:16px;fill:currentColor}
.altbilgi-baglantilar{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.altbilgi-baslik{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1.25rem}
.altbilgi-menu li{margin-bottom:.7rem}
.altbilgi-menu a{color:#fff;opacity:.85;font-size:.875rem}
.altbilgi-menu a:hover{opacity:1}
.altbilgi-alt{background:#0f1216;border-top:1px solid rgba(255,255,255,.06);padding:1.5rem 0;font-size:.8125rem;opacity:.7}
@media(max-width:991px){.altbilgi-izgara{grid-template-columns:1fr;gap:2rem}}
@media(max-width:767px){.altbilgi-baglantilar{grid-template-columns:1fr 1fr}}

/* ===== 9. HABER DETAY ===== */
/* ===== news detail ===== */
.haber-sayfa{padding:1rem 0 2rem}
.haber-icerik-sarmal{display:flex;gap:2rem}
.haber-ana{flex:0 0 auto;min-width:0;width:66.6667%}
.haber-kenarcubuk{flex:0 0 auto;width:33.3333%}
.haber-kenarcubuk>*{margin-left:auto;margin-right:auto;max-width:300px}
.haber-ustcizgi{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.3rem}
.haber-ustcizgi-kategori{display:flex;align-items:center;gap:.5rem}
.haber-ustcizgi-baglanti{font-size:.875rem;font-weight:500}
.haber-ustcizgi-baglanti--kalin{font-weight:700}
.haber-ustcizgi-baglanti--oklu{display:inline-flex;align-items:center;gap:.5rem}
.haber-ustcizgi-baglanti--oklu:after{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid var(--text-muted);border-right:2px solid var(--text-muted);transform:rotate(45deg)}
.haber-ustcizgi-ayrac{width:4px;height:4px;background:var(--grey-400);border-radius:50%;flex-shrink:0}
.haber-baslik{color:var(--text);font-size:calc(1.375rem + 1.5vw);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem}
.haber-ozet{color:var(--text);font-size:1.25rem;font-weight:500;line-height:1.5;margin:0}
.haber-cubuk{display:flex;align-items:center;justify-content:space-between;margin:.75rem 0;padding:.75rem 0}
.haber-cubuk-sol{display:flex;align-items:center;gap:.75rem}
.haber-yazar{display:flex;align-items:center;gap:.5rem}
.haber-yazar-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--brand);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}
.haber-yazar-ad{color:var(--text-secondary);font-size:.875rem}
.haber-paylas{display:flex;align-items:center;gap:.375rem}
.haber-paylas-dugme{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff}
.haber-paylas-dugme:hover{opacity:.8}
.haber-paylas-x{background:#000}
.haber-paylas-wp{background:#25d366}
.haber-paylas-noktalar{background:none;border:1px solid var(--grey-400);color:var(--text-secondary)}
.haber-paylas-daha{position:relative}
.haber-paylas-acilir{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px var(--shadow-color);display:none;min-width:160px;padding:.25rem 0;position:absolute;right:0;top:calc(100% + 6px);z-index:10}
.haber-paylas-daha.open .haber-paylas-acilir{display:block}
.haber-paylas-acilir-oge{display:flex;align-items:center;gap:.5rem;width:100%;color:var(--text);font-size:.8125rem;padding:.5rem .75rem;text-align:left}
.haber-paylas-acilir-oge:hover{background:var(--grey-50)}
.haber-figur{margin:0 0 1.5rem}
.haber-figur .ph{aspect-ratio:16/9;border-radius:2px}
.haber-gnews-takip{display:flex;align-items:center;gap:.875rem;background:#fff;border:1px solid var(--border);border-left:3px solid #4285f4;border-radius:4px;color:inherit;margin:0 0 1.5rem;padding:.75rem 1rem .75rem .875rem;transition:border-color .18s,box-shadow .18s,transform .18s}
:root[data-theme=dark] .haber-gnews-takip{background:var(--grey-100)}
.haber-gnews-takip:hover{border-color:#4285f4;box-shadow:0 2px 12px rgba(66,133,244,.12);transform:translateY(-1px)}
.haber-gnews-takip__ikon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8f9fa;border-radius:50%;flex-shrink:0}
.haber-gnews-takip__metin{flex:1;font-size:.9375rem;line-height:1.35;color:var(--text)}
.haber-gnews-takip__eylem{display:inline-flex;align-items:center;gap:.375rem;border:1px solid #dadce0;border-radius:999px;color:#4285f4;font-size:.8125rem;font-weight:600;padding:.4375rem .75rem;flex-shrink:0;white-space:nowrap}
.haber-gnews-takip:hover .haber-gnews-takip__eylem{background:#4285f4;border-color:#4285f4;color:#fff}
.haber-govde{color:var(--text);font-size:1.25rem;line-height:1.6;word-break:break-word}
.haber-govde p{margin:0 0 1.5rem}
.haber-govde h3{color:var(--text);font-size:1.3rem;font-weight:700;line-height:1.6;margin:2rem 0 1rem}
.haber-govde em b,.haber-govde b em{font-style:italic;font-weight:700}
.haber-govde .ph{aspect-ratio:16/9;border-radius:2px;margin:1.5rem 0}
.haber-icerik-reklam{margin:1.5rem 0;border-top:1px solid var(--border);padding-top:1rem;text-align:center}
.haber-icerik-reklam-etiket{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;margin-bottom:.75rem}
.haber-icerik-reklam .ph{height:250px}
.haber-kaynak-bilgi{border-top:1px solid var(--border);font-size:.875rem;line-height:1.6;margin-top:1.5rem;padding-top:1.5rem}
.haber-kaynak-bilgi .kaynak{font-weight:600}
.haber-etiketler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.haber-etiketler a{background:var(--grey-100);border-radius:4px;color:var(--text-secondary);font-size:.8125rem;font-weight:600;padding:.4rem .8rem}
.haber-etiketler a:hover{background:var(--brand);color:#fff}

/* sidebar */
.ad-300x600{height:600px;margin:0 auto 1.5rem;width:300px}
.ad-300x600 .ph{width:100%;height:100%;border:1px solid var(--grey-300)}
.haber-kenarcubuk-yapiskan{position:sticky;top:calc(var(--header-h) + 50px)}
.haber-populer{margin-top:1.5rem}
.haber-populer-baslik{color:var(--text);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}
.haber-populer-liste{display:flex;flex-direction:column;margin-bottom:1.5rem}
.haber-populer-oge{display:flex;align-items:center;gap:.625rem;border-bottom:1px solid var(--border);padding:.9rem 0}
.haber-populer-oge:last-child{border-bottom:none}
.haber-populer-oge .ph{width:140px;aspect-ratio:4/3;border-radius:var(--radius);flex-shrink:0}
.haber-populer-metin{color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:600;line-height:1.35}
.haber-populer-oge:hover .haber-populer-metin{color:var(--brand)}
@media(max-width:991px){.haber-ana{width:100%}.haber-kenarcubuk{display:none}}

/* ===== 10. YORUMLAR ===== */
/* ===== comments ===== */
.haber-yorumlar{margin-top:2rem;border-top:1px solid var(--border);padding-top:1.5rem}
.haber-yorumlar-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.haber-yorumlar-baslik{font-size:1.125rem;font-weight:700}
.haber-yorumlar-baslik span{color:var(--text-muted);font-weight:500}
.haber-yorumlar-sirala{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.85rem;font-weight:600}
.haber-yorum-form{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.5rem}
.haber-yorum-form .av{width:36px;height:36px;border-radius:50%;background:var(--grey-300);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}
.haber-yorum-form .field{flex:1;display:flex;align-items:center;background:var(--grey-100);border:1px solid var(--border);border-radius:30px;padding:.6rem 1rem;color:var(--text-muted);font-size:.9rem}
.haber-yorum{display:flex;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--grey-100)}
.haber-yorum .cav{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}
.haber-yorum-ana{flex:1;min-width:0}
.haber-yorum-ust{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}
.haber-yorum-kullanici{font-size:.85rem;font-weight:700}
.haber-yorum-zaman{color:var(--text-muted);font-size:.75rem}
.haber-yorum-metin{font-size:.95rem;line-height:1.45;color:var(--text-secondary);margin-bottom:.5rem}
.haber-yorum-eylemler{display:flex;align-items:center;gap:1.1rem;color:var(--text-muted);font-size:.8rem;font-weight:600}
.haber-yorum-eylemler span{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}
.haber-yorum-eylemler span:hover{color:var(--brand)}
.haber-yorumlar-daha{display:block;width:100%;text-align:center;border:1px solid var(--grey-300);border-radius:30px;padding:.7rem;margin-top:1rem;font-size:.85rem;font-weight:700;color:var(--text-secondary)}
.haber-yorumlar-daha:hover{background:var(--grey-100)}

/* ===== 11. KATEGORİ SAYFASI ===== */
/* ===== category page ===== */
.kategori-sayfa{padding:1rem 0 2rem}
.bolum-baslik{font-size:1.25rem;font-weight:700;position:relative;margin:0 0 1.5rem;padding-bottom:.6rem}
.bolum-baslik:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(to right,var(--brand) 0,var(--brand) 40px,var(--border) 40px,transparent)}
.kategori-sarmal{display:flex;align-items:flex-start;gap:2rem}
.kategori-ana{flex:1;min-width:0}
.kategori-kenar{flex:0 0 300px;position:sticky;top:calc(var(--header-h) + 50px)}
/* featured */
.kategori-one{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}
.kategori-one-ana figure{margin:0 0 .75rem;overflow:hidden;border-radius:var(--radius)}
.kategori-one-ana .ph{aspect-ratio:16/9}
.kategori-one-kategori{display:inline-block;background:var(--brand);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:2px;margin-bottom:.6rem}
.kategori-one-baslik{font-size:1.6rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.kategori-one-ana:hover .kategori-one-baslik{color:var(--brand)}
.kategori-one-ozet{margin-top:.5rem;font-size:1rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kategori-one-yan{display:flex;flex-direction:column;gap:1rem}
.kategori-one-mini{display:grid;grid-template-columns:120px 1fr;gap:.8rem;align-items:start}
.kategori-one-mini .ph{aspect-ratio:4/3;border-radius:var(--radius)}
.kategori-one-mini h3{font-size:.95rem;font-weight:700;line-height:1.25}
.kategori-one-mini:hover h3{color:var(--brand)}
/* list grid */
.kategori-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem}
.kathaber-kart figure{margin:0 0 .6rem;overflow:hidden;border-radius:var(--radius)}
.kathaber-kart .ph{aspect-ratio:16/9}
.kathaber-kart-kategori{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:.35rem}
.kathaber-kart-baslik{font-size:1.05rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kathaber-kart:hover .kathaber-kart-baslik{color:var(--brand)}
.kathaber-kart-zaman{margin-top:.4rem;font-size:.78rem;color:var(--text-muted)}
/* pagination */
.kategori-sayfalama{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2.5rem}
.kategori-sayfalama a{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;font-weight:600;color:var(--text-secondary);padding:0 .6rem}
.kategori-sayfalama a:hover{border-color:var(--grey-400)}
.kategori-sayfalama a.active{background:var(--brand);border-color:var(--brand);color:#fff}
.ad-300x600{height:600px;margin:0 auto 1.5rem;width:300px}
.ad-300x600 .ph{width:100%;height:100%;border:1px solid var(--grey-300)}
@media(max-width:991px){.kategori-sarmal{flex-direction:column}.kategori-kenar{display:none}.kategori-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.kategori-one{grid-template-columns:1fr}}
@media(max-width:560px){.kategori-izgara{grid-template-columns:1fr}.kategori-one-baslik{font-size:1.35rem}}

/* ===== 12. YAZARLAR SAYFASI ===== */
/* ===== breadcrumb / section title ===== */
.bolum-baslik{font-size:1.25rem;font-weight:700;position:relative;margin:0 0 1.5rem;padding-bottom:.6rem}
.bolum-baslik:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(to right,var(--brand) 0,var(--brand) 40px,var(--border) 40px,transparent)}
.yazarliste-sayfa{padding:1rem 0 2rem}
.yazarliste-icerik-sarmal{display:flex;align-items:flex-start;gap:2rem}
.yazarliste-ana{flex:1;min-width:0}
.yazarliste-kenarcubuk{flex:0 0 300px;position:sticky;top:calc(var(--header-h) + 50px)}
.yazarliste-izgara{display:grid;grid-template-columns:1fr;gap:1rem}
.yazarliste-kart{display:flex;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .15s,box-shadow .15s}
.yazarliste-kart:hover{border-color:var(--grey-400);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.yazarliste-kart:hover .yazarliste-makale{color:var(--brand)}
.yazarliste-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--grey-200)}
.yazarliste-avatar .ph{width:100%;height:100%}
.yazarliste-avatar .ph::after{font-size:9px}
.yazarliste-govde{display:flex;flex:1;flex-direction:column;gap:.25rem;justify-content:center;min-width:0}
.yazarliste-ad{color:var(--text);font-size:.75rem;font-weight:600;letter-spacing:.05em;opacity:.45;text-transform:uppercase}
.yazarliste-makale{color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1.0625rem;font-weight:700;line-height:1.35;transition:color .15s}
.ad-300x600{height:600px;margin:0 auto;width:300px}
.ad-300x600 .ph{width:100%;height:100%;border:1px solid var(--grey-300)}
@media(max-width:991px){.yazarliste-icerik-sarmal{flex-direction:column}.yazarliste-kenarcubuk{display:none}}
@media(max-width:576px){.yazarliste-izgara{grid-template-columns:1fr;gap:1rem}.yazarliste-kart{padding:1rem}.yazarliste-avatar{width:64px;height:64px}.yazarliste-makale{font-size:.9375rem}}

/* ===== 13. YAZARIN YAZILARI (profil + yazı listesi) ===== */
.yazar-sayfa{padding:1rem 0 2rem}
.yazar-sarmal{display:flex;align-items:flex-start;gap:2rem}
.yazar-ana{flex:1;min-width:0}
.yazar-kenar{flex:0 0 300px;position:sticky;top:calc(var(--header-h) + 50px)}
/* profil başlığı */
.yazar-profil{display:flex;gap:1.5rem;align-items:center;padding-bottom:1.5rem;border-bottom:2px solid var(--text);margin-bottom:1.5rem}
.yazar-profil-avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--grey-200)}
.yazar-profil-avatar .ph{width:100%;height:100%}
.yazar-profil-bilgi{flex:1;min-width:0}
.yazar-profil-rol{color:var(--brand);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}
.yazar-profil-ad{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}
.yazar-profil-ozgecmis{color:var(--text-secondary);font-size:.95rem;line-height:1.5;max-width:62ch}
.yazar-profil-eylemler{display:flex;gap:.75rem;margin-top:1rem;align-items:center}
.yazar-takip{background:var(--brand);color:#fff;border-radius:30px;font-size:.85rem;font-weight:700;padding:.5rem 1.3rem}
.yazar-takip:hover{background:var(--brand-dark)}
.yazar-sosyal{display:flex;gap:.4rem}
.yazar-sosyal a{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}
.yazar-sosyal a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.yazar-sosyal svg{width:15px;height:15px;fill:currentColor}
/* yazı listesi */
.yazar-liste{display:flex;flex-direction:column}
.yazar-oge{display:block;padding:1.4rem 0;border-bottom:1px solid var(--border)}
.yazar-oge:first-child{padding-top:0}
.yazar-oge-tarih{color:var(--text-muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem}
.yazar-oge-baslik{font-size:1.35rem;font-weight:700;line-height:1.22;letter-spacing:-.01em}
.yazar-oge:hover .yazar-oge-baslik{color:var(--brand)}
.yazar-oge-ozet{margin-top:.55rem;color:var(--text-secondary);font-size:1rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yazar-oge-daha{display:inline-block;margin-top:.6rem;color:var(--brand);font-size:.82rem;font-weight:700}
/* diğer yazarlar (sidebar) */
.yazar-digerleri-baslik{font-size:1.125rem;font-weight:700;margin:0 0 .5rem}
.yazar-diger{display:flex;align-items:center;gap:.7rem;padding:.75rem 0;border-bottom:1px solid var(--border)}
.yazar-diger:last-child{border-bottom:0}
.yazar-diger-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--grey-200)}
.yazar-diger-avatar .ph{width:100%;height:100%}
.yazar-diger-ad{font-size:.9rem;font-weight:700;line-height:1.2}
.yazar-diger-makale{font-size:.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:.15rem}
.yazar-diger:hover .yazar-diger-ad{color:var(--brand)}
@media(max-width:991px){.yazar-sarmal{flex-direction:column}.yazar-kenar{display:none}}
@media(max-width:576px){.yazar-profil{flex-direction:column;text-align:center;gap:1rem}.yazar-profil-eylemler{justify-content:center}.yazar-profil-ozgecmis{font-size:.9rem}.yazar-oge-baslik{font-size:1.2rem}}

/* ===== 14. YAZI DETAYI (köşe yazısı byline) ===== */
.yazar-kunye{display:flex;align-items:center;gap:.85rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.yazar-kunye-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--grey-200)}
.yazar-kunye-avatar .ph{width:100%;height:100%}
.yazar-kunye-bilgi{flex:1;min-width:0}
.yazar-kunye-ad{font-size:1.05rem;font-weight:800}
.yazar-kunye-ad a:hover{color:var(--brand)}
.yazar-kunye-meta{color:var(--text-muted);font-size:.82rem;margin-top:.15rem}
.yazar-kunye-eylemler{margin-left:auto;flex-shrink:0}
.yazar-daha-baslik{font-size:1.125rem;font-weight:700;margin:2rem 0 .25rem;padding-top:1.5rem;border-top:1px solid var(--border)}

/* ===== 15. VİDEOLAR (galeri + video detay) ===== */
.video-sayfa{padding:1rem 0 2rem}
.video-sarmal{display:flex;align-items:flex-start;gap:2rem}
.video-ana{flex:1;min-width:0}
.video-kenar{flex:0 0 300px;position:sticky;top:calc(var(--header-h) + 50px)}
/* ortak oynat butonu + süre rozeti */
.video-oynat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}
.video-oynat span{width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.video-kart:hover .video-oynat span,.video-oynatmalistesi-oge:hover .video-oynat span,.video-oynatici:hover .video-oynat span{background:var(--brand);transform:scale(1.06)}
.video-oynat svg{width:20px;height:20px;fill:#fff;margin-left:3px}
.video-sure{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;z-index:2}
.video-rozet{display:inline-flex;align-items:center;gap:.35rem;background:var(--brand);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:2px;margin-bottom:.6rem}
.video-rozet svg{width:12px;height:12px;fill:#fff}
/* hero (galeri üstü) */
.video-vitrin{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}
.video-vitrin-ana figure{position:relative;margin:0 0 .75rem;border-radius:var(--radius);overflow:hidden}
.video-vitrin-ana .ph{aspect-ratio:16/9}
.video-vitrin-baslik{font-size:1.5rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.video-vitrin-ana:hover .video-vitrin-baslik{color:var(--brand)}
.video-vitrin-meta{margin-top:.4rem;font-size:.82rem;color:var(--text-muted)}
/* playlist (hero yanı / detay ilgili) */
.video-oynatmalistesi{display:flex;flex-direction:column;gap:.9rem}
.video-oynatmalistesi-ust{font-size:1rem;font-weight:700;margin-bottom:.2rem}
.video-oynatmalistesi-oge{display:grid;grid-template-columns:140px 1fr;gap:.75rem;align-items:start}
.video-oynatmalistesi-oge figure{position:relative;margin:0;border-radius:var(--radius);overflow:hidden}
.video-oynatmalistesi-oge .ph{aspect-ratio:16/9}
.video-oynatmalistesi-oge .video-oynat span{width:34px;height:34px}
.video-oynatmalistesi-oge .video-oynat svg{width:13px;height:13px}
.video-oynatmalistesi-baslik{font-size:.92rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-oynatmalistesi-oge:hover .video-oynatmalistesi-baslik{color:var(--brand)}
.video-oynatmalistesi-meta{margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}
/* galeri ızgara */
.video-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem}
.video-kart figure{position:relative;margin:0 0 .6rem;border-radius:var(--radius);overflow:hidden}
.video-kart .ph{aspect-ratio:16/9}
.video-kart-baslik{font-size:1.02rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-kart:hover .video-kart-baslik{color:var(--brand)}
.video-kart-meta{margin-top:.35rem;font-size:.78rem;color:var(--text-muted)}
/* detay oynatıcı */
.video-oynatici{position:relative;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;margin-bottom:1rem}
.video-oynatici .video-oynat span{width:74px;height:74px;background:rgba(237,13,13,.9)}
.video-oynatici .video-oynat svg{width:28px;height:28px}
.video-detay-baslik{font-size:calc(1.2rem + .7vw);font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:.5rem 0 .6rem}
.video-detay-cubuk{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem}
.video-detay-meta{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.6rem}
.video-detay-meta .nokta{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}
.video-detay-aciklama{font-size:1.05rem;line-height:1.6;color:var(--text-secondary)}
.video-detay-aciklama p{margin:0 0 1rem}
@media(max-width:991px){.video-sarmal{flex-direction:column}.video-kenar{display:none}.video-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.video-vitrin{grid-template-columns:1fr}}
@media(max-width:560px){.video-izgara{grid-template-columns:1fr}.video-vitrin-baslik{font-size:1.3rem}}

/* ===== 16. FOTO GALERİ (liste + slayt detay) ===== */
.galeri-sayfa{padding:1rem 0 2rem}
.galeri-sarmal{display:flex;align-items:flex-start;gap:2rem}
.galeri-ana{flex:1;min-width:0}
.galeri-kenar{flex:0 0 300px;position:sticky;top:calc(var(--header-h) + 50px)}
.galeri-sayi{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:.3rem;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:3px;z-index:2}
.galeri-sayi svg{width:12px;height:12px;fill:#fff}
/* liste ızgarası */
.galeri-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem}
.galeri-kart figure{position:relative;margin:0 0 .6rem;border-radius:var(--radius);overflow:hidden}
.galeri-kart .ph{aspect-ratio:16/10}
.galeri-kart-kategori{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:.35rem}
.galeri-kart-baslik{font-size:1.02rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.galeri-kart:hover .galeri-kart-baslik{color:var(--brand)}
/* detay: alt alta dizili fotoğraflar (numaralı) */
.galeri-yigin{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.5rem}
.galeri-foto{position:relative;border-radius:var(--radius);overflow:hidden;background:#0d0f12}
.galeri-foto .ph{width:100%;aspect-ratio:3/2;background:repeating-linear-gradient(135deg,#1a1d22 0 12px,#23272e 12px 24px)}
.galeri-numara{position:absolute;left:0;top:0;background:var(--brand);color:#fff;font-size:15px;font-weight:800;padding:5px 13px;border-radius:0 0 5px 0;z-index:2;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.galeri-foto-altyazi{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:.55rem 0 0}
@media(max-width:991px){.galeri-sarmal{flex-direction:column}.galeri-kenar{display:none}.galeri-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.galeri-izgara{grid-template-columns:1fr}}

/* ===== 16b. FOTO GALERİ DETAY — immersive görüntüleyici ===== */
.galerigoster-ilerleme{position:fixed;top:0;left:0;height:3px;background:var(--brand);width:0;z-index:1002;transition:width .08s linear}
.galerigoster-kabuk{max-width:840px;margin:0 auto;padding:1.25rem 0 2rem}
.galerigoster-ustetiket{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}
.galerigoster-ustetiket svg{width:15px;height:15px;fill:var(--brand)}
.galerigoster-baslik{font-size:calc(1.5rem + 1vw);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0 0 1rem}
.galerigoster-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1.1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.galerigoster-meta-bilgi{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.85rem}
.galerigoster-meta-bilgi .nokta{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}
.galerigoster-meta-bilgi b{color:var(--text);font-weight:700}
.galerigoster-paylas{margin-left:auto;display:flex;gap:.375rem}
.galerigoster-giris{font-size:1.18rem;line-height:1.6;color:var(--text-secondary);margin:0 0 2.2rem}
.galerigoster-figur{position:relative;margin:0 0 2.6rem;scroll-margin-top:90px}
.galerigoster-gorsel{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.14)}
:root[data-theme=dark] .galerigoster-gorsel{box-shadow:0 12px 34px rgba(0,0,0,.5)}
.galerigoster-gorsel .ph{aspect-ratio:3/2;background:repeating-linear-gradient(135deg,#1a1d22 0 12px,#23272e 12px 24px)}
.galerigoster-numara{position:absolute;left:1rem;top:1rem;z-index:2;display:inline-flex;align-items:baseline;gap:3px;background:rgba(13,15,18,.78);color:#fff;font-weight:800;padding:.42rem .8rem;border-radius:30px;font-variant-numeric:tabular-nums;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.galerigoster-numara .mevcut{font-size:1.05rem;color:#fff}
.galerigoster-numara .toplam{font-size:.82rem;opacity:.65}
.galerigoster-altyazi{display:flex;gap:.9rem;margin-top:1.1rem}
.galerigoster-altyazi-cubuk{flex:0 0 3px;background:var(--brand);border-radius:3px}
.galerigoster-altyazi-metin{font-size:1.05rem;line-height:1.55;color:var(--text-secondary)}
.galerigoster-altyazi-metin b{color:var(--text);font-weight:700}
.galerigoster-son{margin-top:2.5rem;padding-top:1.4rem;border-top:2px solid var(--text)}
.galerigoster-son-baslik{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 1.2rem}
@media(max-width:560px){.galerigoster-altyazi-metin{font-size:.98rem}.galerigoster-figur{margin-bottom:2rem}}

/* ===== 17. SAYFA BAŞLIĞI (ortak — yeni sayfalar) ===== */
.sayfa-ust{padding:1.5rem 0 0;margin-bottom:1.5rem}
.sayfa-ust .haber-ustcizgi{margin-bottom:.85rem}
.sayfa-baslik{font-size:calc(1.5rem + 1vw);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}
.sayfa-alt{color:var(--text-secondary);font-size:1.05rem;line-height:1.55;margin:.6rem 0 0;max-width:62ch}
.sayfa-ust--line{border-bottom:1px solid var(--border);padding-bottom:1.5rem}
/* konum seçici (namaz + hava ortak) */
.konum-sec{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:30px;padding:.5rem 1rem;font-size:.9rem;color:var(--text-secondary)}
.konum-sec svg{width:16px;height:16px;fill:var(--brand)}
.konum-sec select{border:0;background:none;font:inherit;font-weight:700;color:var(--text);cursor:pointer;padding-right:.2rem}

/* ===== 18. HAKKIMIZDA (.ab-) ===== */
.kurumsal-sayfa{padding:0 0 2rem}
.kurumsal-giris{font-size:1.35rem;line-height:1.55;font-weight:500;color:var(--text);max-width:60ch;margin:0 0 1.5rem}
.kurumsal-govde{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);max-width:68ch}
.kurumsal-govde p{margin:0 0 1.1rem}
.kurumsal-istatistikler{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:2.25rem 0;padding:1.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.kurumsal-istatistik{border-left:3px solid var(--brand);padding-left:1rem}
.kurumsal-istatistik-numara{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.kurumsal-istatistik-etiket{color:var(--text-muted);font-size:.85rem;margin-top:.4rem;line-height:1.3}
.kurumsal-bolum{margin:2.5rem 0}
.kurumsal-degerler{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.kurumsal-deger{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .15s,box-shadow .15s}
.kurumsal-deger:hover{border-color:var(--grey-400);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.kurumsal-deger-ikon{width:46px;height:46px;border-radius:50%;background:var(--grey-100);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.kurumsal-deger-ikon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.kurumsal-deger h3{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}
.kurumsal-deger p{color:var(--text-secondary);font-size:.95rem;line-height:1.55;margin:0}
.kurumsal-takim{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.kurumsal-uye{text-align:center}
.kurumsal-uye .ph{aspect-ratio:1;border-radius:50%;margin-bottom:.8rem}
.kurumsal-uye-ad{font-weight:700;font-size:1rem}
.kurumsal-uye-rol{color:var(--text-muted);font-size:.85rem;margin-top:.2rem}
@media(max-width:768px){.kurumsal-istatistikler{grid-template-columns:1fr 1fr;gap:1.5rem}.kurumsal-degerler{grid-template-columns:1fr}.kurumsal-takim{grid-template-columns:1fr 1fr}}

/* ===== 19. İLETİŞİM (.ct-) ===== */
.iletisim-sayfa{padding:0 0 2rem}
.iletisim-sarmal{display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:start}
.iletisim-kart{border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}
.iletisim-kart-baslik{font-size:1.15rem;font-weight:700;margin:0 0 1.25rem}
.iletisim-form{display:flex;flex-direction:column;gap:1rem}
.iletisim-satir{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.iletisim-alan{display:flex;flex-direction:column;gap:.4rem}
.iletisim-alan label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}
.iletisim-girdi,.iletisim-metinalan{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:.95rem;padding:.75rem .9rem;width:100%}
.iletisim-girdi:focus,.iletisim-metinalan:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(237,13,13,.1)}
.iletisim-metinalan{min-height:150px;resize:vertical}
.iletisim-gonder{align-self:flex-start;background:var(--brand);color:#fff;font-weight:700;border-radius:var(--radius);padding:.8rem 2rem;font-size:.95rem}
.iletisim-gonder:hover{background:var(--brand-dark)}
.iletisim-not{font-size:.85rem;color:var(--green);font-weight:600;display:none}
.iletisim-bilgi{display:flex;flex-direction:column;gap:1rem}
.iletisim-bilgi-oge{display:flex;gap:.9rem;align-items:flex-start}
.iletisim-bilgi-ikon{width:42px;height:42px;border-radius:50%;background:var(--grey-100);color:var(--brand);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.iletisim-bilgi-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.iletisim-bilgi-oge h3{font-size:.9rem;font-weight:700;margin:0 0 .25rem}
.iletisim-bilgi-oge p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}
.iletisim-harita{margin-top:.5rem}
.iletisim-harita .ph{aspect-ratio:4/3;border-radius:var(--radius)}
@media(max-width:880px){.iletisim-sarmal{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:480px){.iletisim-satir{grid-template-columns:1fr}}

/* ===== 20. ARAMA (.sr-) ===== */
.arama-sayfa{padding:0 0 2rem}
.arama-kutu{display:flex;gap:.6rem;max-width:680px;margin-bottom:1.25rem}
.arama-kutu input{flex:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:1rem;padding:.85rem 1rem}
.arama-kutu input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(237,13,13,.1)}
.arama-kutu button{background:var(--brand);color:#fff;font-weight:700;padding:0 1.7rem;border-radius:var(--radius)}
.arama-kutu button:hover{background:var(--brand-dark)}
.arama-filtreler{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.arama-cip{border:1px solid var(--border);border-radius:30px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:.15s}
.arama-cip.active,.arama-cip:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.arama-meta{color:var(--text-muted);font-size:.9rem;margin:0 0 1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}
.arama-meta b{color:var(--text)}
.arama-sonuclar{display:flex;flex-direction:column}
.arama-oge{display:grid;grid-template-columns:210px 1fr;gap:1.25rem;padding:1.4rem 0;border-bottom:1px solid var(--border)}
.arama-oge figure{margin:0;overflow:hidden;border-radius:var(--radius)}
.arama-oge .ph{aspect-ratio:16/9}
.arama-oge-kategori{color:var(--brand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.arama-oge-baslik{font-size:1.2rem;font-weight:700;line-height:1.25;margin:.35rem 0}
.arama-oge:hover .arama-oge-baslik{color:var(--brand)}
.arama-oge-ozet{color:var(--text-secondary);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arama-oge-zaman{color:var(--text-muted);font-size:.8rem;margin-top:.55rem}
.arama-bos{padding:3rem 0;text-align:center;color:var(--text-muted)}
@media(max-width:600px){.arama-oge{grid-template-columns:1fr}.arama-oge figure{max-width:none}}

/* ===== 21. NAMAZ VAKİTLERİ (.pr-) ===== */
.namaz-sayfa{padding:0 0 2rem}
.namaz-ust{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.namaz-tarih{color:var(--text-muted);font-size:.9rem;text-align:right;line-height:1.4}
.namaz-tarih b{color:var(--text);display:block;font-size:1rem}
.namaz-vitrin{background:#10151f;color:#fff;border-radius:6px;padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}
.namaz-vitrin-etiket{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65}
.namaz-vitrin-ad{font-size:2.1rem;font-weight:800;margin:.35rem 0 .15rem}
.namaz-vitrin-konum{opacity:.7;font-size:.95rem}
.namaz-vitrin-sayi{text-align:right}
.namaz-vitrin-sayi .etiket{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65}
.namaz-vitrin-sayi .val{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:.2rem}
.namaz-zamanlar{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:2rem}
.namaz-zaman{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;text-align:center;transition:.2s}
.namaz-zaman.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 18px rgba(237,13,13,.2)}
.namaz-zaman-ad{font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}
.namaz-zaman.active .namaz-zaman-ad{color:rgba(255,255,255,.9)}
.namaz-zaman-deger{font-size:1.55rem;font-weight:800;margin-top:.45rem;font-variant-numeric:tabular-nums}
.namaz-hafta{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.namaz-hafta table{width:100%;border-collapse:collapse;font-size:.92rem}
.namaz-hafta th,.namaz-hafta td{padding:.8rem .5rem;text-align:center}
.namaz-hafta thead th{background:var(--grey-100);color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}
.namaz-hafta th:first-child,.namaz-hafta td:first-child{text-align:left;padding-left:1rem;font-weight:700}
.namaz-hafta tbody tr{border-top:1px solid var(--border)}
.namaz-hafta tbody tr.today{background:rgba(237,13,13,.05)}
.namaz-hafta tbody tr.today td:first-child{color:var(--brand)}
.namaz-hafta td{font-variant-numeric:tabular-nums;color:var(--text-secondary)}
@media(max-width:768px){.namaz-zamanlar{grid-template-columns:repeat(3,1fr)}.namaz-vitrin{padding:1.5rem}.namaz-vitrin-sayi,.namaz-vitrin-ad{text-align:left}.namaz-hafta{overflow-x:auto}}
@media(max-width:480px){.namaz-zamanlar{grid-template-columns:1fr 1fr}}

/* ===== 22. HAVA DURUMU (.wt-) ===== */
.havadurumu-sayfa{padding:0 0 2rem}
.havadurumu-ust{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.havadurumu-guncel{display:grid;grid-template-columns:1.15fr 1fr;gap:1.25rem;margin-bottom:2rem}
.havadurumu-simdi{border:1px solid var(--border);border-radius:6px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem}
.havadurumu-simdi-ikon{width:84px;height:84px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grey-100)}
.havadurumu-simdi-ikon .gunes{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#ffd34d,#f5a623)}
.havadurumu-simdi-sicaklik{font-size:3.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.havadurumu-simdi-durum{font-size:1.1rem;font-weight:700;margin-top:.2rem}
.havadurumu-simdi-meta{color:var(--text-muted);font-size:.9rem;margin-top:.35rem}
.havadurumu-detaylar{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.havadurumu-detay{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}
.havadurumu-detay-etiket{color:var(--text-muted);font-size:.8rem}
.havadurumu-detay-deger{font-size:1.35rem;font-weight:700;margin-top:.3rem}
.havadurumu-saatlik{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78px,1fr);gap:.6rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:2rem}
.havadurumu-saat{text-align:center;border:1px solid var(--border);border-radius:var(--radius);padding:1rem .5rem}
.havadurumu-saat-zaman{font-size:.8rem;color:var(--text-muted)}
.havadurumu-saat-nokta{width:14px;height:14px;border-radius:50%;margin:.6rem auto}
.havadurumu-saat-sicaklik{font-size:1.1rem;font-weight:700}
.havadurumu-hafta{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.havadurumu-gun{display:grid;grid-template-columns:130px 24px 1fr auto;gap:1rem;align-items:center;padding:.95rem 1.1rem}
.havadurumu-gun+.havadurumu-gun{border-top:1px solid var(--border)}
.havadurumu-gun.today{background:rgba(237,13,13,.05)}
.havadurumu-gun-ad{font-weight:700;font-size:.95rem}
.havadurumu-gun.today .havadurumu-gun-ad{color:var(--brand)}
.havadurumu-gun-nokta{width:16px;height:16px;border-radius:50%}
.havadurumu-gun-durum{color:var(--text-secondary);font-size:.9rem}
.havadurumu-gun-sicaklik{font-weight:700;font-variant-numeric:tabular-nums}
.havadurumu-gun-sicaklik .lo{color:var(--text-muted);margin-left:.6rem;font-weight:500}
@media(max-width:880px){.havadurumu-guncel{grid-template-columns:1fr}}
@media(max-width:480px){.havadurumu-simdi{flex-direction:column;text-align:center}.havadurumu-gun{grid-template-columns:100px 18px 1fr auto;gap:.6rem}.havadurumu-gun-durum{display:none}}

/* ===== 23. BİYOGRAFİLER (.bio-) ===== */
.biyografiliste-sayfa{padding:0 0 2rem}
.biyografiliste-one{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:center;padding:1.75rem;border:1px solid var(--border);border-radius:6px;margin-bottom:2rem}
.biyografiliste-one figure{margin:0;overflow:hidden;border-radius:var(--radius)}
.biyografiliste-one .ph{aspect-ratio:3/4}
.biyografiliste-one-kategori{display:inline-block;background:var(--brand);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:2px;margin-bottom:.75rem}
.biyografiliste-one-ad{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}
.biyografiliste-one-tarihler{color:var(--text-muted);font-weight:600;font-size:.95rem;margin:.4rem 0 1rem}
.biyografiliste-one-metin{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;max-width:62ch;margin:0 0 1.25rem}
.biyografiliste-one-baglanti{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand);font-weight:700;font-size:.9rem}
.biyografiliste-filtreler{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.biyografiliste-meta{color:var(--text-muted);font-size:.85rem;margin:0 0 1.25rem}
.biyografiliste-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem 1.25rem}
.biyografiliste-kart{display:block}
.biyografiliste-kart figure{margin:0 0 .7rem;overflow:hidden;border-radius:var(--radius)}
.biyografiliste-kart .ph{aspect-ratio:3/4}
.biyografiliste-kart-ad{font-size:1.05rem;font-weight:700;line-height:1.25}
.biyografiliste-kart:hover .biyografiliste-kart-ad{color:var(--brand)}
.biyografiliste-kart-meta{color:var(--text-muted);font-size:.85rem;margin-top:.3rem}
.biyografiliste-bos{padding:3rem 0;text-align:center;color:var(--text-muted)}
@media(max-width:768px){.biyografiliste-one{grid-template-columns:1fr;gap:1.25rem}.biyografiliste-one figure{max-width:220px}.biyografiliste-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.biyografiliste-izgara{grid-template-columns:1fr 1fr;gap:1.25rem .9rem}.biyografiliste-kart-ad{font-size:.95rem}}


/* ===== 26. BİYOGRAFİ DETAY (.bd-) ===== */
.biyografi-sayfa{padding:0 0 2rem}
/* kahraman: portre + kimlik */
.biyografi-vitrin{display:grid;grid-template-columns:300px 1fr;gap:2.5rem;align-items:start;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--border)}
.biyografi-portre{margin:0}
.biyografi-portre .ph{aspect-ratio:3/4;border-radius:8px}
.biyografi-portre-altyazi{color:var(--text-muted);font-size:.78rem;margin-top:.6rem;line-height:1.4}
.biyografi-kategori{display:inline-block;background:var(--brand);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:2px;margin-bottom:.85rem}
.biyografi-ad{font-size:calc(1.9rem + .8vw);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0}
.biyografi-rol{font-size:1.15rem;color:var(--text-secondary);font-weight:600;margin:.5rem 0 0}
.biyografi-yasam{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.95rem;font-weight:600;margin-top:.6rem}
.biyografi-yasam .ayrac{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}
.biyografi-alinti{border-left:3px solid var(--brand);padding:.4rem 0 .4rem 1.25rem;margin:1.5rem 0 0;font-size:1.2rem;line-height:1.5;font-style:italic;color:var(--text);font-weight:500}
.biyografi-alinti cite{display:block;font-style:normal;font-size:.85rem;font-weight:700;color:var(--text-muted);margin-top:.6rem}
.biyografi-paylas{display:flex;align-items:center;gap:.6rem;margin-top:1.5rem}
.biyografi-paylas-etiket{font-size:.82rem;font-weight:700;color:var(--text-muted)}
/* gövde: metin + künye */
.biyografi-govde-sarmal{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;align-items:start}
.biyografi-makale{min-width:0}
.biyografi-giris{font-size:1.25rem;line-height:1.6;font-weight:500;color:var(--text);margin:0 0 1.5rem}
.biyografi-h2{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;margin:2rem 0 .85rem;padding-top:.5rem}
.biyografi-h2:first-of-type{margin-top:0}
.biyografi-makale p{font-size:1.05rem;line-height:1.75;color:var(--text-secondary);margin:0 0 1.15rem}
.biyografi-makale p b,.biyografi-makale p strong{color:var(--text);font-weight:700}
.biyografi-vurgugorsel{margin:1.75rem 0}
.biyografi-vurgugorsel .ph{aspect-ratio:16/9;border-radius:6px}
.biyografi-vurgugorsel figcaption{color:var(--text-muted);font-size:.82rem;margin-top:.55rem;line-height:1.4}
/* zaman çizelgesi */
.biyografi-zamancizelgesi{margin:1.75rem 0;padding-left:1.5rem;border-left:2px solid var(--border);position:relative}
.biyografi-zaman-oge{position:relative;padding-bottom:1.4rem}
.biyografi-zaman-oge:last-child{padding-bottom:0}
.biyografi-zaman-oge::before{content:"";position:absolute;left:calc(-1.5rem - 6px);top:.35rem;width:11px;height:11px;border-radius:50%;background:var(--brand);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--border)}
.biyografi-zaman-yil{font-weight:800;color:var(--brand);font-size:.95rem}
.biyografi-zaman-metin{color:var(--text-secondary);font-size:.98rem;line-height:1.55;margin-top:.15rem}
/* künye (sidebar) */
.biyografi-kenar{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1.5rem}
.biyografi-bilgiler{border:1px solid var(--border);border-radius:8px;overflow:hidden}
.biyografi-bilgiler-baslik{background:var(--grey-100);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.85rem 1.1rem}
.biyografi-bilgi{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1.1rem}
.biyografi-bilgi+.biyografi-bilgi{border-top:1px solid var(--border)}
.biyografi-bilgi-etiket{font-size:.78rem;color:var(--text-muted);font-weight:600}
.biyografi-bilgi-deger{font-size:.95rem;color:var(--text);font-weight:600}
.biyografi-ilgili{border:1px solid var(--border);border-radius:8px;padding:1.1rem}
.biyografi-ilgili-baslik{font-size:.95rem;font-weight:800;margin:0 0 .85rem}
.biyografi-ilgili-oge{display:flex;align-items:center;gap:.7rem;padding:.5rem 0}
.biyografi-ilgili-oge+.biyografi-ilgili-oge{border-top:1px solid var(--border)}
.biyografi-ilgili-oge .ph{width:48px;height:60px;border-radius:var(--radius);flex-shrink:0}
.biyografi-ilgili-ad{font-size:.9rem;font-weight:700;line-height:1.25}
.biyografi-ilgili-oge:hover .biyografi-ilgili-ad{color:var(--brand)}
.biyografi-ilgili-meta{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}
/* alt: diğer biyografiler */
.biyografi-daha{margin-top:2.5rem;padding-top:1.75rem;border-top:2px solid var(--text)}
.biyografi-daha-baslik{font-size:1.2rem;font-weight:800;margin:0 0 1.1rem}
@media(max-width:880px){.biyografi-vitrin{grid-template-columns:220px 1fr;gap:1.75rem}.biyografi-govde-sarmal{grid-template-columns:1fr;gap:0}.biyografi-kenar{position:static;flex-direction:column;margin-top:2rem}}
@media(max-width:560px){.biyografi-vitrin{grid-template-columns:1fr;gap:1.25rem}.biyografi-portre{max-width:240px}.biyografi-kenar{display:grid;grid-template-columns:1fr}}

/* ===== 27. RÖPORTAJ LİSTE (.rp-) ===== */
.roportaj-sayfa{padding:0 0 2rem}
.roportaj-one{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:2.5rem}
.roportaj-one figure{margin:0;overflow:hidden}
.roportaj-one .ph{height:100%;min-height:340px}
.roportaj-one-govde{padding:2rem;display:flex;flex-direction:column;justify-content:center}
.roportaj-etiket{display:inline-flex;align-items:center;gap:.4rem;background:var(--brand);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:2px;align-self:flex-start;margin-bottom:1rem}
.roportaj-etiket svg{width:13px;height:13px;fill:#fff}
.roportaj-one-baslik{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}
.roportaj-one-govde:hover .roportaj-one-baslik{color:var(--brand)}
.roportaj-one-ozet{color:var(--text-secondary);font-size:1.02rem;line-height:1.6;margin:.85rem 0 1.25rem}
.roportaj-kunye{display:flex;align-items:center;gap:.7rem;color:var(--text-muted);font-size:.88rem}
.roportaj-kunye .ava{width:34px;height:34px;border-radius:50%;background:#10151f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}
.roportaj-kunye b{color:var(--text);font-weight:700}
.roportaj-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem 1.5rem}
.roportaj-kart figure{margin:0 0 .85rem;overflow:hidden;border-radius:6px;position:relative}
.roportaj-kart .ph{aspect-ratio:4/3}
.roportaj-kart-etiket{position:absolute;left:10px;top:10px;background:var(--brand);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:2px}
.roportaj-kart-baslik{font-size:1.15rem;font-weight:700;line-height:1.3;margin:0}
.roportaj-kart:hover .roportaj-kart-baslik{color:var(--brand)}
.roportaj-kart-meta{color:var(--text-muted);font-size:.85rem;margin-top:.5rem}
.roportaj-kart-meta b{color:var(--text-secondary);font-weight:700}
@media(max-width:768px){.roportaj-one{grid-template-columns:1fr}.roportaj-one .ph{min-height:240px}.roportaj-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.roportaj-izgara{grid-template-columns:1fr}.roportaj-one-govde{padding:1.5rem}.roportaj-one-baslik{font-size:1.4rem}}

/* ===== 28. RÖPORTAJ DETAY / SORU-CEVAP (.qa-) ===== */
.soru-sayfa{padding:0 0 2rem}
.soru-vitrin{margin-bottom:1.75rem}
.soru-baslik{font-size:calc(1.6rem + 1vw);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:.85rem 0 0;max-width:20ch}
.soru-ozet{font-size:1.2rem;color:var(--text-secondary);line-height:1.55;margin:1rem 0 0;max-width:60ch}
.soru-figur{margin:1.75rem 0}
.soru-figur .ph{aspect-ratio:16/9;border-radius:8px}
.soru-figur figcaption{color:var(--text-muted);font-size:.82rem;margin-top:.6rem;line-height:1.4}
.soru-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 0;margin-bottom:.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.soru-meta-yazan{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:var(--text-secondary)}
.soru-meta-yazan .ava{width:38px;height:38px;border-radius:50%;background:#10151f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800}
.soru-meta-yazan b{color:var(--text);font-weight:700}
.soru-govde-sarmal{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;align-items:start;margin-top:1.75rem}
.soru-makale{min-width:0}
.soru-giris{font-size:1.1rem;line-height:1.75;color:var(--text-secondary);margin:0 0 1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.soru-giris b{color:var(--text)}
.soru-blok{margin:0 0 1.75rem}
.soru-soru{display:flex;gap:.85rem;font-size:1.12rem;font-weight:700;color:var(--text);line-height:1.45;margin:0 0 .65rem}
.soru-soru::before{content:"S";flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:.1rem}
.soru-cevap{display:flex;gap:.85rem}
.soru-cevap::before{content:"C";flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--grey-100);color:var(--text-secondary);font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:.1rem}
.soru-cevap-metin{font-size:1.05rem;line-height:1.75;color:var(--text-secondary)}
.soru-cevap-metin p{margin:0 0 .9rem}
.soru-cevap-metin p:last-child{margin-bottom:0}
.soru-cevap-metin b{color:var(--text);font-weight:700}
.soru-vurgu{border-left:3px solid var(--brand);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-size:1.3rem;line-height:1.45;font-weight:600;color:var(--text);font-style:italic}
.soru-kenar{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1.5rem}
.soru-profil{border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-align:center}
.soru-profil .ph{width:96px;height:96px;border-radius:50%;margin:0 auto .9rem}
.soru-profil-ad{font-size:1.1rem;font-weight:800}
.soru-profil-rol{color:var(--text-muted);font-size:.85rem;margin-top:.25rem;line-height:1.4}
.soru-profil-ozgecmis{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:1rem 0 0;text-align:left;padding-top:1rem;border-top:1px solid var(--border)}
@media(max-width:880px){.soru-govde-sarmal{grid-template-columns:1fr;gap:0}.soru-kenar{position:static;margin-top:2rem}}

/* ===== 29. E-BÜLTEN ABONELİK (.nl-) ===== */
.bulten-sayfa{padding:0 0 2rem}
.bulten-vitrin{background:#10151f;color:#fff;border-radius:10px;padding:3rem 2.5rem;text-align:center;position:relative;overflow:hidden;margin-bottom:2.5rem}
.bulten-vitrin::before{content:"";position:absolute;left:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(237,13,13,.3),transparent 70%)}
.bulten-vitrin>*{position:relative;z-index:1}
.bulten-vitrin-ikon{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
.bulten-vitrin-ikon svg{width:30px;height:30px;fill:none;stroke:var(--brand);stroke-width:1.8}
.bulten-vitrin-baslik{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 auto;max-width:18ch}
.bulten-vitrin-alt{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.6;margin:.9rem auto 1.75rem;max-width:48ch}
.bulten-form{display:flex;gap:.6rem;max-width:480px;margin:0 auto}
.bulten-form input{flex:1;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:1rem;padding:.9rem 1.1rem}
.bulten-form input::placeholder{color:rgba(255,255,255,.5)}
.bulten-form input:focus{outline:none;border-color:var(--brand);background:rgba(255,255,255,.12)}
.bulten-form button{background:var(--brand);color:#fff;font-weight:700;padding:0 1.75rem;border-radius:var(--radius);white-space:nowrap}
.bulten-form button:hover{background:var(--brand-dark)}
.bulten-vitrin-not{color:rgba(255,255,255,.5);font-size:.82rem;margin:1rem auto 0}
.bulten-tamam{display:none;background:rgba(31,138,91,.15);border:1px solid rgba(31,138,91,.4);color:#7ee0ab;font-weight:600;font-size:.95rem;padding:.9rem;border-radius:var(--radius);max-width:480px;margin:1rem auto 0}
.bulten-bolum-baslik{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .4rem}
.bulten-bolum-aciklama{color:var(--text-muted);font-size:.95rem;margin:0 0 1.5rem}
.bulten-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.bulten-oge{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:1.4rem}
.bulten-oge-ikon{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--grey-100);color:var(--brand);display:flex;align-items:center;justify-content:center}
.bulten-oge-ikon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.bulten-oge-govde{flex:1;min-width:0}
.bulten-oge h3{font-size:1.05rem;font-weight:700;margin:0 0 .3rem}
.bulten-oge p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .35rem}
.bulten-oge-siklik{color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.bulten-alt-dugme{flex-shrink:0;border:1px solid var(--border);border-radius:30px;padding:.5rem 1.1rem;font-weight:700;font-size:.85rem;color:var(--text-secondary);white-space:nowrap;transition:.15s}
.bulten-alt-dugme:hover{border-color:var(--brand);color:var(--brand)}
.bulten-alt-dugme.on{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:768px){.bulten-liste{grid-template-columns:1fr}.bulten-vitrin{padding:2.25rem 1.5rem}.bulten-vitrin-baslik{font-size:1.6rem}}
@media(max-width:480px){.bulten-form{flex-direction:column}.bulten-form button{padding:.85rem}.bulten-oge{flex-wrap:wrap}.bulten-alt-dugme{width:100%;text-align:center}}

/* ===== SEO: görsel-gizli başlıklar + heading sıfırlama ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.haberkart-baslik,.kategori-kart-baslik,.kategori-vitrin-baslik,.spor-kart-baslik{margin:0}
.haberkart-baslik a,.kategori-kart-baslik a,.kategori-vitrin-baslik a,.spor-kart-baslik a,
.slayt .altyazi h3 a,.yan-haber .altyazi h3 a{color:inherit;text-decoration:none}

/* ===== TEMA GENELİ: kart/liste başlıkları en fazla 2 satır ===== */
.haberkart-baslik,.spor-kart-baslik,
.kategori-kart-baslik,.kategori-vitrin-baslik,.kathaber-kart-baslik,
.galeri-kart-baslik,.video-kart-baslik,.video-oynatmalistesi-baslik,
.arama-oge-baslik,.roportaj-kart-baslik,.roportaj-one-baslik,
.mb-card-title,.mb-saved-title,.haber-populer-metin,
.yazarkutu-makale,.yazarliste-makale,.yazar-oge-baslik,
.biyografiliste-kart-ad,.biyografi-ilgili-ad,.soru-profil-ad,
.slayt .altyazi h3,.yan-haber .altyazi h3{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
