/* ============================================================
   0. KÖK DƏYİŞƏNLƏR
   ============================================================ */
:root{
  --qirmizi:#3868b0;        /* əsas mavi (EDNEWS logosuna uyğun) */
  --qirmizi-tund:#264a86;
  --qirmizi-acik:#5b8fd6;
  --tund:#14161c;
  --tund-2:#1e212b;
  --boz:#6b7280;
  --boz-acik:#eef0f4;
  --ag:#ffffff;
  --xett:#e4e7ec;
  --serif-basliq:'Montserrat',Arial,sans-serif;
  --metn:'Inter',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--metn);color:var(--tund);background:#fafbfc;font-size:15px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.qab{max-width:1200px;margin:0 auto;padding:0 16px}
body.menyu-kilid{overflow:hidden}

/* ============================================================
   1. ÜST MENYU ZOLAĞI: Valyuta / Hava / Namaz / Bürclər + sosial
   ============================================================ */
.topbar-ust{background:#0b1526;color:#cfd9da;font-size:13px;position:relative}
.topbar-ust-ic{display:flex;align-items:center;gap:28px;height:40px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.topbar-ust-ic::-webkit-scrollbar{display:none}
.tu-item{background:none;border:none;color:#cfd9da;font-family:var(--metn);font-size:13px;font-weight:600;cursor:pointer;padding:0;flex-shrink:0;transition:.15s}
.tu-item:hover{color:#fff}
button.tu-item[aria-expanded="true"]{color:var(--qirmizi-acik)}
.tu-panel{display:none;position:absolute;top:100%;left:0;right:0;background:#14233f;border-top:1px solid #20355c;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:60}
.tu-panel.acik{display:block}
.tu-panel-ic{display:flex;gap:26px;flex-wrap:wrap;padding:14px 16px;font-size:13.5px;color:#e7edee}

/* Sosial ikonlar: zolağın sağında, yumru hover */
.sosial{display:flex;gap:4px;flex-shrink:0}
.topbar-ust .sosial{margin-left:auto}
.sosial a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#93a0b5;transition:.2s}
.sosial a:hover{background:var(--qirmizi);color:#fff}
.sosial svg{width:17px;height:17px;fill:currentColor}

/* ============================================================
   2. CANLI TICKER
   ============================================================ */
.topbar{background:#fff;color:var(--tund);font-size:13px;border-bottom:1px solid var(--xett)}
.topbar-ic{display:flex;align-items:center;gap:14px;height:40px}
.canli{display:flex;align-items:center;padding:0 6px 0 0;flex-shrink:0}
.canli .nokta{display:none}
.son-deqiqe{position:relative;overflow:hidden;display:inline-flex;align-items:center;background:#e4002b;color:#fff;font-family:var(--metn);font-weight:800;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;padding:6px 12px;border-radius:6px;white-space:nowrap;line-height:1}
.son-deqiqe::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-22deg);animation:sd-shine 2.6s ease-in-out infinite}
@keyframes sd-shine{0%{left:-70%}55%,100%{left:140%}}
@keyframes puls{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}
.ticker{flex:1;overflow:hidden;position:relative;height:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-ich{display:flex;align-items:center;height:40px;gap:36px;white-space:nowrap;animation:axin 45s linear infinite;width:max-content}
.ticker:hover .ticker-ich{animation-play-state:paused}
@keyframes axin{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker a{display:inline-flex;align-items:center;gap:8px;color:var(--tund)}
.ticker a:hover{color:var(--qirmizi);text-decoration:underline}
.ticker .saat{color:var(--qirmizi);font-weight:700;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
  .ticker-ich{animation:none}
  .canli .ildirim{animation:none}
}

/* ============================================================
   3. BAŞLIQ (tək sıra): burger / logo / menyu / axtarış / dark
   ============================================================ */
header.nav{background:#fff;box-shadow:0 2px 10px rgba(20,22,28,.08);border-bottom:1px solid var(--xett);position:sticky;top:0;z-index:100}
body.admin-bar header.nav{top:32px}
body.menyu-kilid header.nav{z-index:500}
.nav-ic{display:flex;align-items:center;gap:14px}
.nav .logo{display:flex;align-items:center;color:var(--tund);font-family:var(--serif-basliq);font-weight:900;font-size:25px;letter-spacing:-.5px;padding:14px 0;flex-shrink:0;line-height:1}
.nav .logo span{color:var(--qirmizi)}
.nav .logo img{max-height:46px;width:auto;display:block}
.nav .logo small{display:none}

/* Menyu */
.nav-menyu-wrap{flex:1;display:flex;min-width:0;justify-content:center;margin-right:22px}
.nav-menyu-wrap ul{display:flex;list-style:none;gap:0;flex-wrap:nowrap}
.nav-menyu-wrap ul li{position:relative}
.nav-menyu-wrap ul>li>a{position:relative;z-index:1;display:block;padding:23px 12px;color:var(--tund);font-weight:700;font-size:13.5px;transition:color .15s;white-space:nowrap}
/* hover fonu: tam dortbucaq yox — yumshaq kunclu, metnden bir az boyuk */
.nav-menyu-wrap ul>li>a::before{content:"";position:absolute;left:2px;right:2px;top:14px;bottom:14px;border-radius:9px;background:transparent;transition:background .15s;z-index:-1}
/* Uzun menyular (RU/EN) — ekran daraldiqca menyu sixilir, qaynar xett ile toqquşmur */
@media(max-width:1380px){
  .nav-menyu-wrap{margin-right:16px}
  .nav-menyu-wrap ul>li>a{padding:23px 10px;font-size:13px}
}
@media(max-width:1240px){
  .nav-menyu-wrap{margin-right:12px}
  .nav-menyu-wrap ul>li>a{padding:23px 8px;font-size:12.3px;letter-spacing:-.2px}
  .qx-metn strong{font-size:11.5px}
  .qx-metn span{font-size:12px}
}
.nav-menyu-wrap ul>li>a:hover,
.nav-menyu-wrap ul>.current-menu-item>a,
.nav-menyu-wrap ul>.current_page_item>a{color:var(--qirmizi);background:transparent}
.nav-menyu-wrap ul>li>a:hover::before,
.nav-menyu-wrap ul>.current-menu-item>a::before,
.nav-menyu-wrap ul>.current_page_item>a::before{background:var(--boz-acik)}
.nav-menyu-wrap ul ul{position:absolute;top:100%;left:0;display:none;flex-direction:column;min-width:200px;background:#fff;border:1px solid var(--xett);border-top:3px solid var(--qirmizi);border-radius:0 0 10px 10px;box-shadow:0 12px 24px rgba(0,0,0,.12);z-index:50}
@media(hover:hover) and (pointer:fine){.nav-menyu-wrap ul li:hover>ul{display:flex}}
.nav-menyu-wrap ul ul a{padding:11px 16px;font-size:13px;color:var(--tund);font-weight:600}
.nav-menyu-wrap ul ul a:hover{background:var(--boz-acik);color:var(--qirmizi)}

/* Alt-menyu oxu (yalnız desktop; mobildə ayrıca düymə var) */
.nav-menyu-wrap ul>li.menu-item-has-children>a::after{
  content:"";display:inline-block;margin-left:6px;width:5px;height:5px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-4px);transition:transform .2s;vertical-align:middle
}
.nav-menyu-wrap ul>li.menu-item-has-children:hover>a::after{transform:rotate(225deg) translateY(-3px)}

/* Sağ ikonlar: axtarış + qaranlıq rejim */
.nav-sag{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}
.nav-sag button{background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tund);transition:.15s}
.nav-sag button:hover{background:var(--boz-acik);color:var(--qirmizi)}
.nav-sag svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.nav-sag .js-dark .ikon-ay{fill:currentColor;stroke:none}
.nav-sag .js-dark .ikon-gun{display:none}
.gece .nav-sag .js-dark .ikon-ay{display:none}
.gece .nav-sag .js-dark .ikon-gun{display:block}

/* Hamburger (yalnız mobil/planşet) */
/* Mobil/planşet: AYARLAR (dişli) düyməsi — hamburger-in yerinə */
.m-ayarlar{display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;cursor:pointer;flex-shrink:0;
  background:rgba(56,104,176,.10);border:1.5px solid rgba(56,104,176,.22);border-radius:50%;color:var(--qirmizi);transition:.15s}
.m-ayarlar:hover,.m-ayarlar:active{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.m-ayarlar svg{width:18px;height:18px;display:block}
html.gece .m-ayarlar{background:rgba(111,151,214,.16);border-color:rgba(111,151,214,.3);color:#6f97d6}
html.gece .m-ayarlar:hover{background:#6f97d6;color:#11141a}

/* Axtarış paneli */
.axtar-panel{display:none;background:var(--qirmizi-tund);padding:14px 0}
.axtar-panel.acik{display:block}
.axtar-panel form{display:flex;gap:10px}
.axtar-panel input[type=search]{flex:1;border:none;border-radius:8px;padding:11px 14px;font-size:14px;font-family:var(--metn)}
.axtar-panel button{background:var(--tund);color:#fff;border:none;border-radius:8px;padding:0 22px;font-weight:700;cursor:pointer}

/* ============================================================
   4. SƏHİFƏ İÇƏRİSİ + KƏNAR REKLAMLAR (160×600)
   Grid-based: header/footer-ə minə bilməz. Yalnız çox geniş ekranda.
   ============================================================ */
.site-icerik{display:block}
.kenar-reklam{display:none;width:160px;transition:opacity .25s}
.kenar-reklam.gizli{opacity:0;pointer-events:none}
@media(min-width:1600px){
  /* Kontent 1200px mərkəzdədir; reklamlar riyazi olaraq ondan KƏNARDA:
     sol reklamın sağ kənarı = 50% - 630px (kontent 50%-600-də başlayır) */
  .kenar-reklam{display:block;position:fixed;top:110px;z-index:40}
  .kenar-sol{left:calc(50% - 790px)}
  .kenar-sag{right:calc(50% - 790px)}
  .kenar-reklam .reklam-bosh{height:600px;width:160px}
}

/* ============================================================
   5. REKLAM SAHƏLƏRİ (boş nişanlar hamıya görünür)
   ============================================================ */
.reklam-yeri{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.reklam-yeri img{display:block}
.reklam-bosh{
  background-color:#eef0f4;
  background-image:
    radial-gradient(circle at 2px 2px,#d3d8e0 1.3px,transparent 1.6px),
    radial-gradient(circle at 14px 14px,#dde1e8 1.3px,transparent 1.6px),
    linear-gradient(135deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 55%);
  background-size:24px 24px,24px 24px,100% 100%;
  border:1px solid #d8dce4;border-radius:10px;color:#7c8494;gap:4px;padding:12px
}
.reklam-bosh .rek-logo{display:block;opacity:.7;margin:0 auto 2px;max-width:78%;max-height:38%;width:auto;height:auto;object-fit:contain}
.rek-logo-metn{font-family:var(--serif-basliq);font-weight:900;font-size:22px;letter-spacing:-.5px;color:var(--qirmizi);line-height:1}
.reklam-bosh strong{font-family:var(--serif-basliq);font-weight:900;font-size:13px;letter-spacing:3px;color:#98a0ae;max-width:100%;text-align:center;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}
.reklam-bosh .olcu{font-size:12px;font-weight:700;letter-spacing:1px;color:#9aa1af}
.kenar-reklam .reklam-bosh strong{font-size:11px;letter-spacing:1.5px}
.kenar-reklam .reklam-bosh .rek-logo{max-width:88%;max-height:60px;margin-bottom:6px}
.kenar-reklam .rek-logo-metn{font-size:17px}
.reklam-728-yeri.reklam-bosh .rek-logo{max-height:30px;margin-bottom:1px}
.reklam-728-yeri.reklam-bosh .rek-logo-metn{font-size:18px}
.reklam-728-yeri.reklam-bosh strong{font-size:12px;letter-spacing:2.5px}
.reklam-320-yeri.reklam-bosh .rek-logo{max-height:26px;margin-bottom:1px}
.reklam-320-yeri.reklam-bosh .rek-logo-metn{font-size:16px}
.reklam-320-yeri.reklam-bosh strong{font-size:11px;letter-spacing:2px}
.reklam-300-yeri.reklam-bosh .rek-logo{max-height:48px;max-width:62%;margin-bottom:5px}
.reklam-300-yeri.reklam-bosh .rek-logo-metn{font-size:21px}
html.gece .rek-logo-metn{color:#6f97d6}
.reklam-728-yeri{margin:22px 0 0}
.reklam-728-yeri.reklam-bosh{height:90px;max-width:728px;margin-left:auto;margin-right:auto}
.reklam-300-yeri{min-height:0;width:100%}
.reklam-300-yeri.reklam-bosh{height:300px;width:100%}
.reklam-320-yeri{display:none;margin:16px auto 0}
.reklam-320-yeri.reklam-bosh{height:100px;width:320px;max-width:100%}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .reklam-728-yeri,.reklam-300-yeri{display:none}
  .reklam-320-yeri{display:flex}
}

/* ============================================================
   6. ÃœST BLOK: MANÅžET + SAÄž SÃœTUN
   ============================================================ */
.ust-tor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start;margin-top:24px}
.ust-sag{display:flex;flex-direction:column;gap:20px}

/* --- ManÅŸet slayderi --- */
.slayder{position:relative;border-radius:14px;overflow:hidden;background:var(--ag);box-shadow:0 6px 20px rgba(10,40,44,.10);margin:0}
.slayder-icher{position:relative;width:100%;height:440px;overflow:hidden}
.slayd.aktiv{z-index:2}
.slayd .ich{position:relative;z-index:2;padding:34px 90px 78px 34px;max-width:820px}
.slayd h2{font-family:var(--serif-basliq);font-size:26px;font-weight:800;line-height:1.28;color:#fff}
.slayd .vaxt{font-size:13px;opacity:.85;margin-top:12px;display:block}
.slayd .ich-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.slayd .ich-meta .etiket{background:none;color:#8fb4e8;padding:0;margin:0;font-size:13px;letter-spacing:.6px;text-transform:uppercase}
.slayd .m-tarix,.slayd .m-baxis{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#d6dbe6;font-weight:600}
.slayd .m-tarix svg,.slayd .m-baxis svg{opacity:.85}
.slayd .ich-meta .tip-badges{margin-left:auto}
/* single məqalə meta: baxış + etiketlər */
.meqale-meta .m-baxis{display:inline-flex;align-items:center;gap:5px;color:var(--boz);font-size:13px}
.meqale-meta .tip-badges{margin-left:6px}
.sl-ox{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#2a2e3a;font-size:24px;cursor:pointer;transition:.2s;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.sl-ox:hover{background:var(--qirmizi);color:#fff}
.sl-sol{left:16px}.sl-sag{right:16px}
html.gece .slayder{background:var(--tund-2)}
/* 8 saniyəlik qırmızı progress xətti — slayderin ən altında */
/* 8 saniyəlik qırmızı progress xətti — slayderin ən altında (hər rejimdə) */
.slayder .sl-loader{display:block;position:absolute;left:0;bottom:0;z-index:30;
  height:4px;width:0;background:#e4002b;pointer-events:none;border-radius:0 2px 2px 0}
.slayder .slayder-icher::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:rgba(255,255,255,.28);z-index:29;pointer-events:none}
html.gece .slayder .sl-loader{background:#e4002b}

/* Şəkilsiz yazılar üçün gradient fonlar */
.g0{background:linear-gradient(135deg,#2b3a67,#141a2e)}
.g1{background:linear-gradient(135deg,#7a1c2b,#3b0d15)}
.g2{background:linear-gradient(135deg,#2f5590,#16243f)}
.g3{background:linear-gradient(135deg,#8a5a12,#3d2705)}
.g4{background:linear-gradient(135deg,#4b3b8f,#1d1740)}

/* Etiket (kateqoriya nişanı) */
.etiket{display:inline-block;background:var(--qirmizi);color:#fff;font-size:11px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:4px;margin-bottom:10px;text-transform:uppercase;font-family:var(--serif-basliq)}

/* ============================================================
   7. BÖLMƏ BAŞLIQLARI
   ============================================================ */
.bolme-basliq{display:flex;align-items:center;gap:12px;margin:30px 0 18px}
.bolme-basliq h1,.bolme-basliq h2{font-family:var(--serif-basliq);font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.bolme-basliq::before{content:"";width:5px;height:22px;background:var(--qirmizi);border-radius:3px}
.bolme-basliq::after{content:"";flex:1;height:1px;background:var(--xett)}

/* ============================================================
   8. XƏBƏR LENTİ
   ============================================================ */
.lent{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(10,40,44,.04)}
.qutu .lent{border:none;border-radius:0;box-shadow:none}
.lent-setir{display:flex;gap:14px;padding:13px 16px;border-bottom:1px solid var(--boz-acik);align-items:baseline;transition:.15s}
.lent-setir:last-child{border-bottom:none}
.lent-setir:hover{background:#eef3fb}
.lent-setir .vaxt{font-size:12px;color:var(--qirmizi);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}
.lent-setir a{font-size:14.5px;font-weight:600;line-height:1.4}
.lent-setir a:hover{color:var(--qirmizi)}

/* Medialive üslubu (sağ sütun lenti) */
.lent-yigcam{max-height:432px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfd4dd transparent}
.lent-yigcam .lent-setir{display:block;position:relative;padding:12px 16px 12px 34px}
.lent-yigcam .lent-setir::before{content:"";position:absolute;left:16px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--qirmizi)}
.lent-yigcam .lent-setir .vaxt{display:block;font-size:12px;margin-bottom:4px}
.lent-yigcam .lent-setir a{font-size:13.5px;font-weight:700;line-height:1.45}

/* ============================================================
   9. XƏBƏR KARTLARI
   ============================================================ */
.xeber-tor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xkart{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;transition:.2s}
.xkart{transition:transform .25s ease,box-shadow .25s ease}
.xkart:hover{transform:scale(1.025);box-shadow:0 12px 26px rgba(10,40,44,.14);z-index:2;position:relative}
.xkart .shekil{aspect-ratio:16/9;position:relative;display:block;background-size:cover;background-position:center;background-color:var(--tund-2)}
.xkart .kart-meta{display:flex;align-items:center;gap:9px;margin-bottom:7px;flex-wrap:wrap;font-size:11.5px;line-height:1}
.xkart .kart-meta .etiket{position:static;background:none;color:var(--qirmizi);padding:0;margin:0;font-family:var(--serif-basliq);font-weight:800;letter-spacing:.4px;text-transform:uppercase;font-size:11.5px}
.xkart .kart-meta .k-tarix{color:var(--boz)}
.xkart .kart-meta .k-baxis{display:inline-flex;align-items:center;gap:4px;color:var(--boz)}
/* Yazı etiketləri — oxu.az üslubu (çoxlu ikon) */
.tip-badges{display:inline-flex;align-items:center;gap:6px}
.tip-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;color:#fff;font-family:var(--serif-basliq);font-weight:800;font-size:11px;letter-spacing:.3px;line-height:1;text-transform:uppercase}
.tip-badge svg{flex-shrink:0}
.tip-badge.tip-yenilenib{background:#f3b700;color:#1a1a1a;padding:0 11px}
.tip-badge.tip-foto{background:#ec4899}
.tip-badge.tip-video{background:#10b981}
.tip-badge.tip-kose{background:#c026d3}
.tip-badge.tip-siyahi{background:#0ea5e9}
.tip-badge.tip-rey{background:#14b8a6}
.tip-badge.tip-tehlil{background:#6366f1}
/* kartda etiketlər sağ-aşağı, bir az kiçik */
.xkart .tip-badges{position:absolute;right:8px;bottom:8px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 16px)}
.xkart .tip-badge{height:25px;font-size:11px;padding:0 9px;gap:5px}
.xkart .tip-badge svg{width:13px;height:13px}
/* ===== MANŞET — oxu.az üslubu (böyük lead + yan siyahı) ===== */
.manset-tor{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:24px}
.manset-lead{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#14161c}
.manset-lead .ml-shekil{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}
.manset-lead:hover .ml-shekil{transform:scale(1.05)}
.manset-lead::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,20,.94),rgba(8,12,20,.35) 46%,transparent 72%)}
.manset-lead .ml-ust{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 22px;color:#fff}
.manset-lead .ml-meta{display:flex;align-items:center;gap:14px;margin-bottom:10px;flex-wrap:wrap}
.manset-lead .ml-meta .etiket{background:none;color:#8fb4e8;padding:0;margin:0;font-family:var(--serif-basliq);font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.manset-lead .ml-meta .m-tarix,.manset-lead .ml-meta .m-baxis{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#d6dbe6;font-weight:600}
.manset-lead .ml-meta .tip-badges{margin-left:auto}
.manset-lead h2{font-family:var(--serif-basliq);font-size:26px;font-weight:800;line-height:1.28;color:#fff;margin:0}
.manset-yan{display:flex;flex-direction:column;gap:14px;min-width:0}
.manset-mini{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:start;min-width:0}
.manset-mini .mm-shekil{aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#14161c;background-size:cover;background-position:center}
.manset-mini .mm-metn{min-width:0}
.manset-mini .mm-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:11.5px}
.manset-mini .mm-meta .etiket{background:none;color:var(--qirmizi);padding:0;margin:0;font-family:var(--serif-basliq);font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.manset-mini .mm-meta .mm-tarix{color:var(--boz)}
.manset-mini h3{font-family:var(--serif-basliq);font-size:14px;font-weight:700;line-height:1.32;color:var(--tund);margin:0}
.manset-mini:hover h3{color:var(--qirmizi)}
html.gece .manset-mini h3{color:#dfe2e8}
@media(max-width:1200px),(hover:none) and (pointer:coarse){.manset-tor{grid-template-columns:1fr}.manset-lead h2{font-size:21px}}
@media(max-width:520px){.manset-mini{grid-template-columns:96px 1fr}.manset-lead .ml-ust{padding:14px 15px}.manset-lead h2{font-size:18px}}
.xkart .melumat{padding:14px}
.xkart h3{font-family:var(--serif-basliq);font-size:15px;font-weight:700;line-height:1.35}
.xkart h3 a:hover{color:var(--qirmizi)}
.xkart .vaxt{font-size:12px;color:var(--boz);margin-top:10px;display:block}
.kart-meta{display:block}

/* ============================================================
   10. REDAKSİYANIN SEÇİMİ — SLAYDER (desktop 3, mobil/planşet 2)
   ============================================================ */
.secim-slayder{position:relative}
.secim-tor{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.secim-tor::-webkit-scrollbar{display:none}
.secim-tor .xkart{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}
.secim-tor .shekil{aspect-ratio:16/9}
.secim-tor h3{font-size:13.5px}
.s-ox{position:absolute;top:56px;z-index:5;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.95);color:#2a2e3a;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:.2s;display:flex;align-items:center;justify-content:center}
.s-ox:hover{background:var(--qirmizi);color:#fff}
.s-sol{left:-12px}
.s-sag{right:-12px}

/* ============================================================
   11. SƏHİFƏLƏMƏ
   ============================================================ */
.sehifeleme{display:flex;gap:8px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.sehifeleme .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#fff;border:1px solid var(--xett);border-radius:8px;font-weight:700;font-size:14px;transition:.15s}
.sehifeleme .page-numbers.current,.sehifeleme .page-numbers:hover{background:var(--qirmizi);color:#fff;border-color:var(--qirmizi)}

/* ============================================================
   12. ƏSAS TOR + SİDEBAR
   ============================================================ */
.tor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;margin-top:6px;margin-bottom:40px}
.yan{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}
.qutu,.yan .widget{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(10,40,44,.04)}
.qutu-basliq,.yan .widget .widget-title{font-family:var(--serif-basliq);font-weight:800;font-size:15px;padding:15px 16px 15px 30px;border-bottom:1px solid var(--xett);display:block;text-transform:uppercase;letter-spacing:.6px;position:relative}
.qutu-basliq::before,.yan .widget .widget-title::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:5px;height:17px;background:var(--qirmizi);border-radius:3px}
.yan .widget>*:not(.widget-title){padding:12px 16px}
.yan .widget ul{list-style:none}
.yan .widget ul li{padding:7px 0;border-bottom:1px solid var(--boz-acik);font-size:13.5px}
.yan .widget ul li:last-child{border-bottom:none}
.reklam-widget{padding:12px}

/* Tablar (pill) */
.tablar{display:flex;gap:8px;padding:13px 16px 4px}
.tablar button{flex:1;border:1px solid var(--xett);border-radius:9px;background:#fff;padding:9px;font-weight:700;font-size:13px;cursor:pointer;color:var(--tund);font-family:var(--metn);transition:.15s}
.tablar button.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.tab-panel{display:none}
.tab-panel.aktiv{display:block}
.bosh-qeyd{padding:16px;font-size:13px;color:var(--boz)}

/* Çox oxunanlar (01, 02 nömrəli) */
.cox-ox{list-style:none;counter-reset:s}
.cox-ox li{counter-increment:s;display:flex;gap:14px;padding:13px 16px;border-bottom:1px solid var(--boz-acik);align-items:flex-start}
.cox-ox li:last-child{border-bottom:none}
.cox-ox li::before{content:counter(s,decimal-leading-zero);font-family:var(--serif-basliq);font-weight:900;font-size:17px;color:var(--qirmizi);line-height:1.3;min-width:26px}
.cox-ox a{font-size:13.5px;font-weight:600;line-height:1.4}
.cox-ox a:hover{color:var(--qirmizi)}

/* Bizi izləyin / WhatsApp abunə */
.izle{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.izle a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#fff;font-weight:700;font-size:13px}
.izle svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.i-fb{background:#1877f2}.i-in{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.i-yt{background:#ff0000}.i-wa{background:#25d366}.i-tg{background:#229ed9}.i-x{background:#111}
.wa-abune .wa-ich{padding:16px}
.wa-buton{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:10px;color:#fff;font-weight:800;font-size:14px;font-family:var(--serif-basliq)}
.wa-buton svg{width:20px;height:20px;fill:currentColor}

/* ============================================================
   13. MƏQALƏ SƏHİFƏSİ
   ============================================================ */
.meqale{background:#fff;border:1px solid var(--xett);border-radius:12px;padding:28px;margin-top:22px}
.meqale-basliq{font-family:var(--serif-basliq);font-size:30px;font-weight:800;line-height:1.3;margin:12px 0 14px}
.meqale-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--boz);font-size:13px;padding-bottom:16px;border-bottom:1px solid var(--xett);margin-bottom:20px}
.meqale-meta span{display:inline-flex;align-items:center;gap:6px}
.meqale-shekil img{border-radius:10px;width:100%;display:block}
/* şəkil ilə elementlər (meta) arasında boşluq */
.meqale-shekil{margin-bottom:20px}
.meqale-shekil + .meqale-meta{margin-top:4px;padding-top:2px}
@media(max-width:640px){.meqale-shekil{margin-bottom:14px}}
.meqale-metn{font-size:16.5px;line-height:1.8;margin-top:20px}
.meqale-metn p{margin-bottom:18px}
.meqale-metn h2,.meqale-metn h3{font-family:var(--serif-basliq);margin:26px 0 12px}
.meqale-metn img{border-radius:10px}
.meqale-metn blockquote{border-left:4px solid var(--qirmizi);background:#eef3fb;padding:16px 20px;border-radius:0 10px 10px 0;margin:20px 0;font-style:italic}
.meqale-metn a{color:var(--qirmizi);text-decoration:underline}
.paylash{display:flex;gap:10px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--xett);flex-wrap:wrap}
.paylash strong{font-family:var(--serif-basliq);font-size:14px}
.paylash a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;color:#fff;font-size:13px;font-weight:700}
.teqler{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.teqler a{background:var(--boz-acik);border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600}
.teqler a:hover{background:var(--qirmizi);color:#fff}

/* ============================================================
   14. ƏLAQƏ / REKLAM / HAQQIMIZDA SƏHİFƏLƏRİ
   ============================================================ */
.xerite{border-radius:12px;overflow:hidden;border:1px solid var(--xett);margin:8px 0 26px}
.xerite iframe{width:100%;height:340px;border:0;display:block}
.forma-basliq{font-family:var(--serif-basliq);font-size:20px;font-weight:800;margin-bottom:14px}
.forma{display:flex;flex-direction:column;gap:14px}
.forma-setir{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.forma label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13.5px}
.forma input,.forma textarea{border:1.5px solid var(--xett);border-radius:10px;padding:11px 13px;font-family:var(--metn);font-size:14px;background:#fafbfc;transition:.15s}
.forma input:focus,.forma textarea:focus{outline:none;border-color:var(--qirmizi);background:#fff}
.forma .hp{position:absolute;left:-9999px;height:1px;width:1px;opacity:0}
.forma-buton{align-self:flex-start;background:var(--qirmizi);color:#fff;border:none;border-radius:10px;padding:13px 34px;font-family:var(--serif-basliq);font-weight:800;font-size:14px;letter-spacing:1px;cursor:pointer;transition:.2s}
.forma-buton:hover{background:var(--qirmizi-tund)}
.forma-qeyd{border-radius:10px;padding:13px 16px;font-size:14px;font-weight:600;margin-bottom:16px}
.forma-qeyd.ugur{background:#e7f6ec;color:#1a7a3d;border:1px solid #bfe5cc}
.forma-qeyd.xeta{background:#fdeef0;color:#b01830;border:1px solid #f3c6cd}
.rp-tor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.rp-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.rp-kart strong{font-family:var(--serif-basliq);font-size:15px}
.rp-kart p{font-size:13px;color:var(--boz);line-height:1.55;margin:0}
.rp-olcu{align-self:flex-start;background:var(--qirmizi);color:#fff;font-family:var(--serif-basliq);font-weight:900;font-size:13px;letter-spacing:1px;border-radius:6px;padding:5px 12px}
.rp-cta{background:var(--tund);color:#e7e9ef;border-radius:14px;padding:24px;margin-top:10px;display:flex;flex-direction:column;gap:14px}
.rp-cta strong{font-family:var(--serif-basliq);font-size:16px;color:#fff}
.rp-cta-linkler{display:flex;gap:10px;flex-wrap:wrap}
.rp-buton{background:#2a2e3a;border-radius:10px;padding:11px 18px;font-weight:700;font-size:13.5px;color:#fff;transition:.2s}
.rp-buton:hover{background:var(--qirmizi)}
.rp-wa{background:#25d366}
.hq-deyerler{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.hq-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.hq-kart span{font-size:26px}
.hq-kart strong{font-family:var(--serif-basliq);font-size:14px}
.hq-kart p{font-size:12.5px;color:var(--boz);line-height:1.5;margin:0}

/* ============================================================
   15. FOOTER
   ============================================================ */
.foot{background:#0b1526;color:#aab0bd;margin-top:30px}
.foot-ust{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:40px;padding:44px 0 34px}
.foot-logo{font-family:var(--serif-basliq);font-weight:900;font-size:28px;color:#fff;letter-spacing:-.5px}
.foot-logo span{color:var(--qirmizi-acik)}
.foot-ust p{font-size:13.5px;line-height:1.7;margin-top:14px}
.foot h4{color:#fff;font-family:var(--serif-basliq);font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}
.foot-menyu ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.foot-menyu a:hover{color:#fff}
.elaqe{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:13.5px}
.elaqe li{line-height:1.5}
.elaqe strong{color:#e7e9ef}
.foot-alt{border-top:1px solid #17273f;padding:16px 0;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;gap:16px;flex-wrap:wrap}
.yuxari{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--qirmizi);color:#fff;border:none;font-size:18px;cursor:pointer;box-shadow:0 6px 16px rgba(14,116,128,.4);opacity:0;pointer-events:none;transition:.3s;z-index:99}
.yuxari.gorunur{opacity:1;pointer-events:auto}

/* ============================================================
   16. MOBÄ°L MENYU (hamburger paneli)
   ============================================================ */
.nav-orten{position:fixed;inset:0;background:rgba(8,20,23,.35);z-index:150;display:none}
.nav-orten.acik{display:block}
/* Menyu açıq olanda sayt bulanıqlaşır (menyu özü toxunulmaz qalır) */
body.menyu-kilid .topbar-ust,
body.menyu-kilid .topbar,
body.menyu-kilid .site-icerik,
body.menyu-kilid .axtar-panel,
body.menyu-kilid .foot{filter:blur(4px);transition:filter .25s}
.menyu-bas{display:none}
.menyu-copy{display:none}
.alt-ac{display:none}

/* ============================================================
   17. RESPONSIVE
   ============================================================ */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  /* Header: burger / logo / axtarış / dark */
  .m-burger{display:flex;align-items:center;justify-content:center}
  .nav-ic{padding:9px 0;gap:12px}
  .nav .logo{flex:1;font-size:19px;padding:0;min-width:0}
  .nav .logo img{max-height:36px}
  .nav-sag button{width:38px;height:38px}

  /* Hamburger paneli */
  .nav-menyu-wrap{position:fixed;top:0;left:-88%;width:84%;max-width:330px;height:100vh;height:100dvh;background:#fff;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s ease;box-shadow:6px 0 30px rgba(0,0,0,.3);z-index:300;padding:0 0 32px}
  .nav-menyu-wrap.acik{left:0}
  .nav-menyu-wrap ul>li>a::before{display:none}
  .nav-menyu-wrap ul{flex-direction:column;width:100%;gap:0}
  .nav-menyu-wrap ul>li>a{padding:14px 22px;border-bottom:1px solid var(--boz-acik);white-space:normal}
  .nav-menyu-wrap ul>li.menu-item-has-children>a{padding-right:56px}
  .nav-menyu-wrap ul>li.menu-item-has-children>a::after{display:none;content:none}
  .nav-menyu-wrap ul ul{position:static;display:none;box-shadow:none;border:none;border-radius:0;background:var(--boz-acik);min-width:0}
  .nav-menyu-wrap li.acilib>ul{display:flex;flex-direction:column}
  .nav-menyu-wrap li.menu-item-has-children{position:relative}

  /* Akkordeon ox düyməsi */
  .alt-ac{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:7px;width:36px;height:36px;background:var(--boz-acik);border:none;border-radius:50%;color:var(--tund);cursor:pointer;transition:.2s;z-index:2}
  .alt-ac svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
  li.acilib>.alt-ac{background:var(--qirmizi);color:#fff}
  li.acilib>.alt-ac svg{transform:rotate(180deg)}

  /* Panelin başı: logo + sosial */
  .menyu-bas{display:block;padding:22px 22px 16px;border-bottom:1px solid var(--boz-acik)}
  .menyu-logo img{max-height:44px;width:auto;display:block}
  .menyu-logo-metn{font-family:var(--serif-basliq);font-weight:900;font-size:22px;color:var(--qirmizi)}
  .menyu-bas .menyu-sosial{display:flex;gap:9px;flex-wrap:wrap;padding:14px 0 0}
  .menyu-bas .menyu-sosial a{width:34px;height:34px;border-radius:50%;background:var(--boz-acik);color:var(--tund);display:flex;align-items:center;justify-content:center;transition:.15s}
  .menyu-bas .menyu-sosial a:hover{background:var(--qirmizi);color:#fff}
  .menyu-bas .menyu-sosial svg{width:16px;height:16px;fill:currentColor}

  /* Panelin altında copyright */
  .menyu-copy{display:block;margin-top:auto;padding:16px 22px 22px;font-size:12px;color:var(--boz);border-top:1px solid var(--boz-acik)}

  /* Ãœst zolaq: menyu ortada, sosial gizli */
  .topbar-ust .sosial{display:none}
  .topbar-ust-ic{justify-content:center;gap:30px}

  /* Kontent: tək sütun */
  .ust-tor{grid-template-columns:1fr}
  .qutu-lent{display:none}
  .tor{grid-template-columns:1fr}
  .yan{position:static}
  .xeber-tor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .secim-tor .xkart{flex:0 0 calc((100% - 16px)/2)}
  .s-sol{left:-6px}
  .s-sag{right:-6px}

  /* PlanÅŸetdÉ™ manÅŸet */
  .slayder-icher{height:446px}

  .rp-tor{grid-template-columns:repeat(2,1fr)}
  .hq-deyerler{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .topbar-ust-ic{gap:22px}
  .ust-tor{margin-top:16px}
  .bolme-basliq{margin:24px 0 14px}

  /* Manşet: enli-ekran nisbəti */
  .slayder{border-radius:10px}
  .slayder-icher{height:auto;aspect-ratio:16/8.4;min-height:0}
  .slayd .ich{padding:14px 16px 52px}
  .slayd h2{font-size:16px;line-height:1.3}
  .slayd .vaxt{font-size:11px;margin-top:6px}
  .slayd .etiket{font-size:10px;padding:3px 8px;margin-bottom:6px}
  .sl-ox{width:32px;height:32px;font-size:18px}
  .sl-sol{left:8px}.sl-sag{right:8px}

  .xeber-tor{grid-template-columns:1fr}
  .secim-tor .xkart{flex:0 0 calc((100% - 16px)/2)}
  .foot-ust{grid-template-columns:1fr}
  .meqale{padding:18px}
  .meqale-basliq{font-size:23px}
  .forma-setir{grid-template-columns:1fr}
  .rp-tor{grid-template-columns:1fr}
  body.admin-bar header.nav{top:0}
}

@media(max-width:400px){
  .slayder-icher{aspect-ratio:16/9.4}
}

/* ============================================================
   18. QARANLIQ REJÄ°M
   ============================================================ */
html.gece body{background:#101215;color:#dfe2e8}
html.gece header.nav{background:#181b20;border-color:#2a2e37;box-shadow:0 2px 10px rgba(0,0,0,.3)}
html.gece .nav .logo{color:#f0f2f5}
html.gece .nav-menyu-wrap ul>li>a{color:#dfe2e8}
html.gece .nav-menyu-wrap ul>li>a:hover{background:#20242b}
html.gece .nav-menyu-wrap ul ul{background:#20242b;border-color:#2a2e37}
html.gece .nav-menyu-wrap ul ul a{color:#dfe2e8}
html.gece .nav-menyu-wrap ul ul a:hover{background:#262b33}
html.gece .nav-sag button{color:#dfe2e8}
html.gece .nav-sag button:hover{background:#262b33}
html.gece .m-burger{color:#dfe2e8}
html.gece .topbar-ust{background:#050708}
html.gece .topbar{background:var(--tund-2);color:#dfe2e8;border-bottom-color:#2a2f3a}
html.gece .ticker a{color:#dfe2e8}
html.gece .lent,html.gece .qutu,html.gece .yan .widget,html.gece .xkart,html.gece .meqale,html.gece .e-kart,html.gece .rp-kart,html.gece .hq-kart{background:#181b20;border-color:#2a2e37}
html.gece .qutu-basliq,html.gece .yan .widget .widget-title,html.gece .bolme-basliq h1,html.gece .bolme-basliq h2{color:#f0f2f5}
html.gece .qutu-basliq,html.gece .yan .widget .widget-title{border-color:#2a2e37}
html.gece .lent-setir{border-color:#22262e}
html.gece .lent-setir:hover{background:#20242b}
html.gece .lent-yigcam .lent-setir a,html.gece .xkart h3 a,html.gece .cox-ox a{color:#dfe2e8}
html.gece .cox-ox li{border-color:#22262e}
html.gece .tablar button{background:#20242b;border-color:#2a2e37;color:#c7ccd6}
html.gece .tablar button.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
html.gece .reklam-bosh{background-color:#1c2027;background-image:radial-gradient(circle at 2px 2px,#2a2f38 1.3px,transparent 1.6px),radial-gradient(circle at 14px 14px,#252a33 1.3px,transparent 1.6px);border-color:#2a2e37;color:#8b93a3}
html.gece .reklam-bosh strong{color:#a9b0bd}
html.gece .foot{background:#070c14}
html.gece .forma input,html.gece .forma textarea{background:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .sehifeleme .page-numbers{background:#181b20;border-color:#2a2e37;color:#dfe2e8}
html.gece .s-ox,html.gece .sl-ox{background:#20242b;color:#dfe2e8}
html.gece .s-ox:hover,html.gece .sl-ox:hover{background:var(--qirmizi);color:#fff}
html.gece .nav-menyu-wrap{background:#181b20}
html.gece .nav-menyu-wrap ul>li>a{border-color:#2a2e37}
html.gece .menyu-bas{border-color:#2a2e37}
html.gece .menyu-bas .menyu-sosial a{background:#20242b;color:#dfe2e8}
html.gece .menyu-copy{border-color:#2a2e37;color:#8b93a3}
html.gece .alt-ac{background:#20242b;color:#dfe2e8}
html.gece .xerite{border-color:#2a2e37}
html.gece .meqale-metn blockquote{background:#16202e}
html.gece .teqler a{background:#20242b}
html.gece .e-kart,html.gece .rp-kart,html.gece .hq-kart{background:#1c2027}

/* ============================================================
   19. WORDPRESS STANDART SİNİFLƏRİ
   ============================================================ */
.alignleft{float:left;margin:0 20px 12px 0}
.alignright{float:right;margin:0 0 12px 20px}
.aligncenter{display:block;margin:12px auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:12.5px;color:var(--boz);text-align:center;padding:6px 0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sticky{}
.bypostauthor{}

/* ============================================================
   20. TƏHLÜKƏSİZLİK KƏMƏRİ — kritik layout qaydaları.
   Heç bir kənar CSS (keş, optimallaşdırıcı, plugin) bunları əzə bilməz.
   ============================================================ */
.qab{max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;float:none !important}
.site-icerik{display:block !important;width:auto !important;max-width:none !important}
.ust-tor{display:grid !important;grid-template-columns:minmax(0,1fr) 340px !important}
.tor{display:grid !important;grid-template-columns:minmax(0,1fr) 320px !important}
.slayder{width:100% !important;max-width:100% !important}
.xeber-tor:not(.secim-tor){display:grid !important}
.kenar-reklam{position:fixed !important}
@media(max-width:1599px){
  .kenar-reklam{display:none !important}
}
@media(min-width:1600px){
  .kenar-sol{left:calc(50% - 790px) !important;right:auto !important}
  .kenar-sag{right:calc(50% - 790px) !important;left:auto !important}
}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .ust-tor{grid-template-columns:minmax(0,1fr) !important}
  .tor{grid-template-columns:minmax(0,1fr) !important}
}

/* ============================================================
   21. MOBİL DAŞMA QORUYUCUSU — heç bir element ekranı enlədə bilməz
   ============================================================ */
html,body{overflow-x:clip;max-width:100%}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}
.qab,.ust-tor>*,.tor>*,.ust-sag,.yan{min-width:0}
.xkart,.qutu,.lent,.meqale{max-width:100%;min-width:0}
.xkart h3,.lent-setir a,.slayd h2,.cox-ox a,.meqale-basliq,.meqale-metn{overflow-wrap:break-word;word-break:break-word}
.meqale-metn table{display:block;overflow-x:auto;max-width:100%}
.meqale-metn iframe,.meqale-metn video,.meqale-metn embed{max-width:100%}

/* ============================================================
   22. v3.4: mobil kart hündürlükləri, seçim 1 kart, çox oxunanlar
   hamburger menyusunda
   ============================================================ */

/* Çox oxunanlar: masaüstü nüsxəsi mobildə gizli, menyu nüsxəsi desktopda gizli */
.menyu-coxox{display:none}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .coxox-masa{display:none}
  .menyu-coxox{display:block;border-top:6px solid var(--boz-acik)}
  .menyu-coxox .qutu{border:none;border-radius:0;box-shadow:none}
  html.gece .menyu-coxox{border-color:#22262e}
}

/* Mobildə kartlar desktopdakı kimi dolğun görünsün */
@media(max-width:640px){
  .xkart .shekil{height:195px}
  .secim-tor .shekil{height:195px}
  .secim-tor h3{font-size:15px}
  /* Redaksiyanın seçimi: mobildə 1 kart */
  .secim-tor .xkart{flex:0 0 100%}
}

/* ============================================================
   23. v3.5: yeni məqalə meta, zoom düymələri, Daha çox oxu,
   qırmızı başlıq sözü, sağ sütun yapışqanlığı
   ============================================================ */

/* Ana səhifə sağ sütunu skroll zamanı izləyir (boşluq hissi olmasın) */
@media(min-width:981px){
  .ust-sag{position:sticky;top:76px}
}

/* Başlıqda qırmızı söz (*söz* və ya sondakı FOTO/VİDEO) */
.q-soz{color:#e0252a}
.slayd .q-soz,.kart .q-soz{color:#ed1c24}
html.gece .q-soz{color:#ff2b38}

/* Məqalə meta: solda təqvim+tarix, yanında kateqoriya, sağda zoom */
.meqale-meta{align-items:center;gap:14px}
.m-tarix{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--boz)}
.m-tarix svg{width:17px;height:17px;fill:none;stroke:var(--qirmizi);stroke-width:2;stroke-linecap:round}
.meqale-meta .etiket{margin:0}
.metn-zoom{margin-left:auto;display:flex;gap:6px}
.metn-zoom button{width:38px;height:32px;border:1px solid var(--xett);border-radius:8px;background:#fff;font-weight:800;font-size:13px;color:var(--tund);cursor:pointer;transition:.15s;font-family:var(--metn)}
.metn-zoom button:hover{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
html.gece .metn-zoom button{background:#20242b;border-color:#2a2e37;color:#dfe2e8}

/* Məqalə içi reklamlar */
.reklam-meqale-ust{margin:0 0 20px}
.reklam-meqale-alt{margin:26px 0 0}

/* Daha çox oxu düyməsi */
.dahacox{display:block;width:100%;text-align:center;margin-top:22px;background:#fff;border:1.5px solid var(--qirmizi);color:var(--qirmizi);font-weight:800;padding:14px;border-radius:10px;transition:.2s;font-family:var(--serif-basliq);font-size:14px;letter-spacing:1px;cursor:pointer}
.dahacox:hover{background:var(--qirmizi);color:#fff}
.dahacox:disabled{opacity:.6;cursor:wait}
html.gece .dahacox{background:#181b20}
html.gece .dahacox:hover{background:var(--qirmizi)}

/* ============================================================
   24. v3.6: burger hizalanması, modern axtarış, seçim oxları,
   paylaşım ikonları, footer ağ loqo + mobil footer
   ============================================================ */

/* Hamburger: qliф kontentin (manşetin) sol xətti ilə eyni sırada */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .m-burger{margin-left:0;padding:8px 10px 8px 0}
}

/* ---------- Modern axtarış paneli ---------- */
.axtar-panel{background:#fff;border-bottom:1px solid var(--xett);box-shadow:0 14px 30px rgba(10,40,44,.10);padding:18px 0}
.axtar-panel form{max-width:640px;margin:0 auto;position:relative;display:block}
.axtar-panel input[type=search]{
  width:100%;border:1.5px solid var(--xett);border-radius:999px;
  padding:14px 130px 14px 50px;font-size:15px;background:#f7f8fa;transition:.2s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1af' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:19px;background-position:20px center
}
.axtar-panel input[type=search]:focus{outline:none;border-color:var(--qirmizi);background-color:#fff;box-shadow:0 0 0 4px rgba(14,116,128,.12)}
.axtar-panel button{
  position:absolute;right:5px;top:5px;bottom:5px;border:none;border-radius:999px;
  background:var(--qirmizi);color:#fff;padding:0 26px;font-weight:800;font-size:13px;
  letter-spacing:1px;cursor:pointer;transition:.2s;font-family:var(--serif-basliq)
}
.axtar-panel button:hover{background:var(--qirmizi-tund)}
html.gece .axtar-panel{background:#181b20;border-color:#2a2e37}
html.gece .axtar-panel input[type=search]{background-color:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .axtar-panel input[type=search]:focus{background-color:#20242b}
@media(max-width:640px){
  .axtar-panel input[type=search]{padding-right:104px}
  .axtar-panel button{padding:0 18px}
}

/* ---------- Redaksiyanın seçimi oxları: 6px aşağı ---------- */
.s-ox{top:62px}
@media(max-width:640px){
  .s-ox{top:96px}
}

/* ---------- Single meta: hər ekranda bir sırada ---------- */
.meqale-meta{flex-wrap:nowrap}
.m-tarix{white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.meqale-meta .etiket{flex-shrink:0}
.metn-zoom{flex-shrink:0}
@media(max-width:640px){
  .meqale-meta{gap:9px;font-size:12px}
  .m-tarix svg{width:14px;height:14px}
  .meqale-meta .etiket{font-size:9.5px;padding:3px 8px}
  .metn-zoom button{width:32px;height:28px;font-size:11.5px}
}

/* ---------- Paylaşım: dairəvi ikon düymələri + kopyalama ---------- */
.paylash{gap:9px}
.p-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;transition:.18s;color:#fff}
.p-btn svg{width:18px;height:18px;fill:currentColor}
.p-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.i-copy{background:#5b6472}
.i-copy .ikon-link,.i-copy .ikon-ok{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.i-copy .ikon-ok{display:none}
.i-copy.ok{background:#22a55a}
.i-copy.ok .ikon-link{display:none}
.i-copy.ok .ikon-ok{display:block}

/* ---------- Footer: aÄŸ loqo + mobil dizayn ---------- */
.foot-logo img{max-height:44px;width:auto;display:block}
@media(max-width:640px){
  .foot-ust{gap:28px;padding:34px 0 26px;text-align:center}
  .foot-logo img{margin:0 auto;max-height:38px}
  .foot-ust p{max-width:420px;margin-left:auto;margin-right:auto}
  .foot h4{display:inline-block;position:relative;padding-bottom:8px}
  .foot h4::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:32px;height:3px;background:var(--qirmizi-acik);border-radius:2px}
  .foot-menyu ul,.elaqe{align-items:center}
  .foot-alt{flex-direction:column;text-align:center;gap:6px;padding:14px 0 18px}
}

/* Reklam səhifəsi: qeyd mətni və standart ölçülər toru */
.rp-qeyd{font-size:14px;color:var(--boz);line-height:1.6;margin:4px 0 18px}
.rp-standart .rp-olcu{background:var(--tund-2)}
html.gece .rp-standart .rp-olcu{background:#2a2e3a}

/* ============================================================
   25. Üst zolaq: solda səhifə linkləri, sağda valyuta/hava/namaz + sosial
   ============================================================ */
.tu-sag{margin-left:auto;display:flex;align-items:center;gap:24px;flex-shrink:0}
.tu-sag .sosial{margin-left:4px}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  /* Mobildə hamısı bir sürüşən sırada, sosial gizli qalır */
  .topbar-ust-ic{justify-content:flex-start;gap:20px}
  .tu-sag{margin-left:auto;gap:18px}
}

/* ============================================================
   26. KƏNAR REKLAMLAR — QƏTİ HƏLL:
   .site-icerik header-dən sonra başlayıb footer-dən əvvəl bitir.
   Reklam sütunu onun İÇİNDƏ absolute-dur -> header/footer-ə girə bilməz.
   Banner sticky-dir -> skrollda header-in altında dayanır.
   Üst xətti manşetlə eyni sıradadır (top:24px = manşetin boşluğu).
   ============================================================ */
.site-icerik{position:relative !important}
@media(min-width:1600px){
  .kenar-reklam{
    display:block !important;
    position:absolute !important;
    top:24px;bottom:0;
    width:160px;z-index:40
  }
  .kenar-sol{left:calc(50% - 790px) !important;right:auto !important}
  .kenar-sag{right:calc(50% - 790px) !important;left:auto !important}
  .kenar-reklam .reklam-yeri{position:sticky;top:86px}
  .kenar-reklam .reklam-bosh{height:600px;width:160px}
  .kenar-reklam.gizli{opacity:1 !important;pointer-events:auto !important}
}

/* ============================================================
   27. MÜSAHİBƏ BLOKU (sağ sütun): 1 böyük + 3 kiçik + Hamısını oxu
   ============================================================ */
.musahibe-qutu .qutu-basliq{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hamisi-oxu{font-size:11.5px;font-weight:700;color:var(--qirmizi);letter-spacing:.3px;text-transform:none;white-space:nowrap}
.hamisi-oxu:hover{text-decoration:underline}

/* Böyük xəbər */
.mus-boyuk{position:relative;display:flex;align-items:flex-end;height:200px;overflow:hidden;color:#fff}
.mus-boyuk .fon{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s}
.mus-boyuk:hover .fon{transform:scale(1.05)}
.mus-boyuk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,0) 30%,rgba(10,12,18,.88) 100%)}
.mus-ich{position:relative;z-index:2;padding:14px}
.mus-boyuk h3{font-family:var(--serif-basliq);font-size:15px;font-weight:800;line-height:1.35;color:#fff}
.mus-boyuk .vaxt{font-size:11.5px;opacity:.85;margin-top:6px;display:block}

/* 3 kiçik xəbər (alt-alta) */
.mus-setir{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--boz-acik);align-items:center;transition:.15s}
.mus-setir:last-child{border-bottom:none}
.mus-setir:hover{background:#eef3fb}
.mus-shekil{flex:0 0 78px;height:58px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--tund-2)}
.mus-metn{min-width:0}
.mus-setir h4{font-family:var(--serif-basliq);font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:break-word}
.mus-setir:hover h4{color:var(--qirmizi)}
.mus-setir .vaxt{font-size:11px;color:var(--boz);margin-top:4px;display:block}

html.gece .mus-setir{border-color:#22262e}
html.gece .mus-setir:hover{background:#20242b}
html.gece .mus-setir h4{color:#dfe2e8}

/* ============================================================
   28. XİDMƏT SƏHİFƏLƏRİ: valyuta, hava, namaz, bürclər
   ============================================================ */
.sehife-qeyd{font-size:14.5px;color:var(--boz);line-height:1.6;margin-bottom:18px}
.sehife-qeyd.kicik{font-size:12.5px;margin:18px 0 0}

/* --- Valyuta --- */
.val-esas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}
.val-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:11px}
.val-ikon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:rgba(56,104,176,.1);color:var(--qirmizi);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;font-family:var(--serif-basliq)}
.val-sag{display:flex;flex-direction:column;min-width:0;gap:1px}
.val-satir{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.val-kart strong{font-family:var(--serif-basliq);font-size:13px;letter-spacing:.8px;color:var(--tund)}
.val-deyer{font-family:var(--serif-basliq);font-size:18px;font-weight:900;color:var(--qirmizi);line-height:1.1}
.val-ad{font-size:11.5px;color:var(--boz)}
.val-cedvel-qab{overflow-x:auto;border:1px solid var(--xett);border-radius:12px}
.val-cedvel{width:100%;border-collapse:collapse;font-size:13.5px}
.val-cedvel th{background:#f6f7f9;text-align:left;padding:11px 14px;font-family:var(--serif-basliq);font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--boz)}
.val-cedvel td{padding:10px 14px;border-top:1px solid var(--boz-acik)}
.val-cedvel tbody tr:hover{background:#eef3fb}

/* --- Hava --- */
.hava-esas{background:linear-gradient(135deg,var(--qirmizi) 0%,var(--qirmizi-tund) 100%);border-radius:14px;padding:24px;color:#fff;display:flex;flex-direction:column;gap:16px}
.hava-indi{display:flex;align-items:center;gap:18px}
.hava-ikon{font-size:52px;line-height:1}
.hava-temp{font-family:var(--serif-basliq);font-size:44px;font-weight:900;line-height:1;display:block}
.hava-seher{font-size:13.5px;opacity:.85;display:block;margin-top:6px}
.hava-detal{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;opacity:.95}
.hava-gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.hava-gun{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.hava-gun.bu-gun{border-color:var(--qirmizi);background:#eef3fb}
.hg-ad{font-size:11px;font-weight:800;font-family:var(--serif-basliq);text-transform:uppercase;letter-spacing:.3px}
.hg-tarix{font-size:10.5px;color:var(--boz)}
.hg-ikon{font-size:24px}
.hg-temp{font-size:12.5px}
.hava-seherler{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hava-s-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px}
.hs-ikon{font-size:22px}
.hs-ad{font-weight:700;font-size:13.5px;flex:1}
.hs-temp{font-family:var(--serif-basliq);font-weight:900;font-size:16px;color:var(--qirmizi)}

/* --- Namaz --- */
.namaz-tor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.namaz-kart{position:relative;background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.namaz-kart.novbeti{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.namaz-kart.novbeti .nk-vaxt{color:#fff}
.nk-ikon{font-size:26px}
.nk-ad{font-family:var(--serif-basliq);font-weight:800;font-size:13.5px;text-transform:uppercase;letter-spacing:.5px}
.nk-vaxt{font-family:var(--serif-basliq);font-weight:900;font-size:24px;color:var(--qirmizi)}
.nk-etiket{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#fff;color:var(--qirmizi);border:1px solid var(--qirmizi);font-size:10px;font-weight:800;letter-spacing:.6px;padding:2px 10px;border-radius:999px;text-transform:uppercase}

/* --- Bürclər --- */
.burc-tor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.burc-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:.2s}
.burc-kart:hover{transform:scale(1.025);box-shadow:0 10px 22px rgba(10,40,44,.10);border-color:var(--qirmizi)}
.burc-ikon{font-size:30px;color:var(--qirmizi)}
.burc-ad{font-family:var(--serif-basliq);font-size:16px;font-weight:800}
.burc-tarix{font-size:12px;color:var(--qirmizi);font-weight:700}
.burc-kart p{font-size:13px;color:var(--boz);line-height:1.55;margin:2px 0 0}

/* --- Responsiv --- */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .hava-gunler{grid-template-columns:repeat(4,1fr)}
  .hava-seherler{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .val-esas{grid-template-columns:repeat(2,1fr)}
  .hava-gunler{grid-template-columns:repeat(2,1fr)}
  .namaz-tor{grid-template-columns:repeat(2,1fr)}
  .burc-tor{grid-template-columns:1fr}
  .hava-temp{font-size:36px}
}

/* --- Dark mode --- */
html.gece .val-kart,html.gece .hava-gun,html.gece .hava-s-kart,html.gece .namaz-kart,html.gece .burc-kart{background:#1c2027;border-color:#2a2e37}
html.gece .val-ikon{background:rgba(90,140,210,.18)}
html.gece .hava-gun.bu-gun{background:#16202e;border-color:var(--qirmizi)}
html.gece .val-cedvel th{background:#20242b;border-color:#2a2e37}
html.gece .val-cedvel td{border-color:#22262e}
html.gece .val-cedvel tbody tr:hover{background:#20242b}
html.gece .val-cedvel-qab{border-color:#2a2e37}
html.gece .namaz-kart.novbeti{background:var(--qirmizi)}
html.gece .nk-etiket{background:#181b20}

/* ============================================================
   29. İNFO ZOLAĞI: hava + valyuta (manşetin üstündə, kontent enində)
   ============================================================ */
.info-zolaq{
  display:flex;align-items:center;gap:8px;margin-top:16px;padding:7px 20px;
  background:linear-gradient(120deg,#ffffff 0%,#f2f6fc 100%);
  border:1px solid var(--xett);border-radius:14px;
  box-shadow:0 4px 14px rgba(10,40,44,.06);
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
/* Geniş ekranda elementlər zolağa bərabər paylanır */
@media(min-width:641px){
  .info-zolaq{gap:0;justify-content:space-between}
  .info-zolaq .iz-item{flex:1;justify-content:center}
}
.info-zolaq::-webkit-scrollbar{display:none}
.iz-item{display:flex;align-items:center;gap:9px;padding:5px 12px;border-radius:9px;transition:.18s;flex-shrink:0}
.iz-item:hover{background:#e9f0fb;transform:translateY(-1px)}
.iz-ikon{font-size:19px;line-height:1}
.iz-metn{display:flex;flex-direction:column;line-height:1.2}
.iz-metn strong{font-family:var(--serif-basliq);font-size:13.5px;font-weight:900;color:var(--qirmizi);font-variant-numeric:tabular-nums}
.iz-metn span{font-size:10.5px;font-weight:800;color:var(--boz);letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
.iz-val-qab{display:contents}
.iz-val-axin{display:contents}
.iz-val:last-child{display:none}
.iz-ayirici{width:1px;height:26px;background:var(--xett);flex-shrink:0;margin:0 4px}
.iz-hamisi{margin-left:auto;flex-shrink:0;font-size:12px;font-weight:800;color:var(--qirmizi);padding:8px 14px;border:1.5px solid rgba(14,116,128,.35);border-radius:999px;transition:.2s;white-space:nowrap}
.iz-hamisi:hover{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}

@media(max-width:640px){
  .info-zolaq{margin-top:14px;padding:8px 14px;border-radius:12px;gap:12px;overflow:hidden;
    display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center}
  .info-zolaq .iz-hava{flex:0 0 auto;padding:6px 4px;justify-content:flex-start}
  .iz-ayirici{display:block;flex:0 0 auto;margin:0}

  /* Valyuta: sağda dik pəncərə — kartlar altdan yuxarı sürüşür */
  .iz-val-qab{display:block !important;flex:1 1 auto;min-width:0;height:40px;overflow:hidden;position:relative}
  .iz-val-axin{display:block !important;position:absolute;left:0;right:0;top:0;animation:iz-suru 12s infinite}
  .info-zolaq .iz-val{display:flex !important;height:40px;padding:0;margin:0;justify-content:flex-start;align-items:center;box-sizing:border-box;flex:none}
  .iz-val:last-child{display:flex !important}
  /* 4 valyuta + 1 klon = 40px addımlarla dövr */
  @keyframes iz-suru{
    0%,18%   {transform:translateY(0)}
    25%,43%  {transform:translateY(-40px)}
    50%,68%  {transform:translateY(-80px)}
    75%,93%  {transform:translateY(-120px)}
    100%     {transform:translateY(-160px)}
  }
}
@media(prefers-reduced-motion:reduce){
  .iz-val-axin{animation:none}
}

html.gece .info-zolaq{background:linear-gradient(120deg,#181b20 0%,#16202e 100%);border-color:#2a2e37;box-shadow:0 4px 14px rgba(0,0,0,.3)}
html.gece .iz-item:hover{background:#20242b}
html.gece .iz-metn strong{color:#dfe2e8}
html.gece .iz-hava .iz-metn strong{color:var(--qirmizi-acik)}
html.gece .iz-ayirici{background:#2a2e37}

/* ===== MANŞET SLAYDER — final (başlıq şəkildə, meta altda, nömrələr bir sıra) ===== */
.slayder{margin-top:0}
.slayder-icher{position:relative;height:480px;overflow:hidden;border-radius:12px 12px 0 0;background:#14161c}
.slayd{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;
  transform:translateX(100%);visibility:hidden;opacity:1;z-index:1;
  transition:transform .65s cubic-bezier(.4,0,.2,1),visibility 0s linear .65s}
.slayd.aktiv{transform:translateX(0);visibility:visible;z-index:2;transition:transform .65s cubic-bezier(.4,0,.2,1),visibility 0s}
/* cixan slayd: gedish istiqametine gore sola ve ya saga surushur */
.slayd.cix-sol{transform:translateX(-100%);visibility:visible;z-index:1;transition:transform .65s cubic-bezier(.4,0,.2,1),visibility 0s linear .65s}
.slayd.cix-sag{transform:translateX(100%);visibility:visible;z-index:1;transition:transform .65s cubic-bezier(.4,0,.2,1),visibility 0s linear .65s}
/* gelen slayd hazirliq movqeyi (animasiyasiz yerlesdirme) */
.slayd.hazir-sag{transform:translateX(100%);transition:none}
.slayd.hazir-sol{transform:translateX(-100%);transition:none}
.slayd .fon{position:relative;flex:1;min-height:0;background-size:cover;background-position:center;background-color:var(--tund-2)}
.slayd .fon::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,20,.92),rgba(8,12,20,.15) 46%,transparent 68%)}
.slayd .ich{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 24px 65px}
.slayd .ich h2{font-family:var(--serif-basliq);font-size:27px;font-weight:800;line-height:1.28;color:#fff;margin:0}
/* meta şəklin üzərində — başlıqdan əvvəl */
.slayd .ich .slayd-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;height:auto;padding:0;margin-bottom:10px;background:none;overflow:visible}
.slayd .ich .slayd-meta .etiket{background:var(--qirmizi);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.slayd .ich .slayd-meta .m-tarix{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.92);font-size:13px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.slayd .ich .tip-badges{display:inline-flex;gap:6px;flex-wrap:wrap}
.slayd-meta .etiket{background:none;color:var(--qirmizi);padding:0;margin:0;font-family:var(--serif-basliq);font-size:12.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.slayd-meta .m-tarix,.slayd-meta .m-baxis{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--boz);font-weight:600}
.slayd-meta .tip-badges{margin-left:2px}
.slayd-meta .tip-badge{height:22px;font-size:10.5px;padding:0 8px;gap:4px}
.slayd-meta .tip-badge svg{width:12px;height:12px}
.sl-ox{position:absolute;top:45%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:none;border-radius:50%;background:rgba(10,14,22,.55);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.sl-ox:hover{background:var(--qirmizi)}
.sl-sol{left:14px}.sl-sag{right:14px}
/* NÖQTƏLƏR — şəklin üzərində ortalanmış; aktiv = uzun qırmızı pill */
.sl-xetler{position:absolute;left:0;right:0;bottom:18px;z-index:31;
  display:flex;justify-content:center;align-items:center;gap:8px;padding:0;margin:0;background:none}
.sl-xetler button{width:9px;height:9px;padding:0;border:none;border-radius:999px;
  background:rgba(255,255,255,.55);font-size:0;line-height:0;color:transparent;overflow:hidden;
  cursor:pointer;transition:width .32s ease,background .22s ease;flex:0 0 auto}
.sl-xetler button:hover{background:rgba(255,255,255,.85)}
.sl-xetler button.aktiv{width:34px;background:#e4002b}
html.gece .sl-xetler button{background:rgba(255,255,255,.4)}
html.gece .sl-xetler button.aktiv{background:#e4002b}
html.gece .slayder-icher{background:#0c0f16}
html.gece .slayd-meta{background:var(--tund-2)}
html.gece .slayd-meta .m-tarix,html.gece .slayd-meta .m-baxis{color:#c8cfdb}
html.gece .slayd-meta .etiket{color:#8fb4e8}
@media(max-width:1200px),(hover:none) and (pointer:coarse){.slayder-icher{height:400px}.slayd .ich h2{font-size:22px}}
@media(max-width:600px){.slayder-icher{height:300px}.slayd .ich{padding:16px 16px 54px}.slayd .ich h2{font-size:18px}.slayd-meta{gap:10px;font-size:11.5px;padding:0 12px;height:42px}}
/* etiketler: xeber lenti + manshet + single sekil + responsive */
.lent-setir .tip-badges{margin-top:7px;flex-wrap:wrap}
.lent .tip-badge{height:17px;font-size:8.5px;padding:0 6px;gap:3px}
.lent .tip-badge svg{width:10px;height:10px}
.manset-lead .ml-meta .tip-badges{margin-left:auto;flex-wrap:wrap}
.manset-mini .mm-meta{flex-wrap:wrap}
.manset-mini .mm-meta .tip-badges{margin-left:auto}
.manset-mini .tip-badge{height:17px;font-size:8.5px;padding:0 6px;gap:3px}
.manset-mini .tip-badge svg{width:10px;height:10px}
.meqale-shekil{position:relative}
.meqale-shekil .shekil-etiketler{position:absolute;right:18px;bottom:14px;z-index:2;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:600px){.tip-badge{height:22px;font-size:10px;padding:0 7px}.xkart .tip-badge{height:19px;font-size:9px}.manset-lead .ml-meta{gap:8px}.manset-lead h2{font-size:19px}}
/* QAYNAR XƏTT (header) */
.qaynar-xett{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-right:6px}
.qaynar-xett .qx-ikon{width:34px;height:34px;border-radius:10px;background:#e4002b;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qaynar-xett .qx-ikon svg{width:20px;height:20px;fill:#fff;stroke:none}
.qaynar-xett .qx-metn{display:flex;flex-direction:column;line-height:1.2}
.qaynar-xett .qx-metn strong{font-family:var(--serif-basliq);font-size:12px;font-weight:800;color:var(--tund);letter-spacing:.3px}
.qaynar-xett .qx-metn>span{font-size:12.5px;font-weight:700;color:#e4002b}
html.gece .qaynar-xett .qx-metn strong{color:#e8eaee}
@media(max-width:1100px){.qaynar-xett .qx-metn{display:none}}
/* qaynar xətt hər cihazda görünür — mobil/planşetdə yığcam (yalnız ikon) */
@media(max-width:560px){.qaynar-xett .qx-metn{display:none}}

/* ===== Drawer: Ayarlar bloku (bayraqlar + axtarış + qaranlıq rejim) ===== */
.drawer-ayarlar{display:none;padding:14px 18px 16px;border-bottom:1px solid var(--xett);background:var(--boz-acik)}
.da-basliq{font-family:var(--serif-basliq);font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--boz);margin-bottom:10px}
.da-diller{display:flex;gap:8px;margin-bottom:12px}
.da-diller a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border-radius:9px;background:#fff;border:1.5px solid var(--xett);
  color:var(--tund);font-size:12.5px;font-weight:800;letter-spacing:.4px;text-decoration:none;transition:.15s}
.da-diller a:hover{border-color:var(--qirmizi);color:var(--qirmizi)}
.da-diller a.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.da-diller .bayraq{width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1);flex-shrink:0}
.da-dugmeler{display:flex;gap:8px}
.da-dugme{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 8px;border-radius:9px;background:#fff;border:1.5px solid var(--xett);
  color:var(--tund);font-family:var(--metn);font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s}
.da-dugme:hover{border-color:var(--qirmizi);color:var(--qirmizi)}
.da-dugme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex-shrink:0}
.da-dugme .ikon-gun{display:none}
html.gece .da-dugme .ikon-ay{display:none}
html.gece .da-dugme .ikon-gun{display:block}
html.gece .drawer-ayarlar{background:#14171c;border-color:#252a33}
html.gece .da-diller a,html.gece .da-dugme{background:#1b1f26;border-color:#2b313b;color:#e7eaf0}
html.gece .da-diller a.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}

/* ===== Mobil + planşet: bayraqlar/axtarış/dark topbar-dan yığışır, panelə keçir ===== */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .m-ayarlar{display:inline-flex}
  .drawer-ayarlar{display:block}
  /* ÜST BAR tam gizlənir (linklər drawer-də, dil header sağında) */
  .topbar-ust{display:none}
  /* nav-dakı axtarış + dark gizlənir — artıq ayarlar panelindədir */
  .nav-sag .js-axtar,.nav-sag .js-dark{display:none}
  /* SIRA: dişli (sol) → logo → dil dropdown (sağ) */
  .m-ayarlar{order:1;margin-right:2px}
  .nav .logo{order:2;flex:1;min-width:0}
  .nav-sag{order:3;margin-left:auto}
}

/* ===== Dil seçimi (yenicag üslubu) — mobil/planşetdə header sağında ===== */
.dil-secim{display:none;position:relative}
/* dairəvi bayraq düyməsi */
/* .nav-sag button{border:none} qaydasını üstələmək üçün yüksək spesifiklik */
.nav-sag .dil-secim .dil-dugme,
.nav-sag .dil-secim .dil-dugme:hover,
.nav-sag .dil-secim .dil-dugme:focus,
.nav-sag .dil-secim .dil-dugme:active,
.nav-sag .dil-secim.acik .dil-dugme{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;padding:2px;box-sizing:border-box;cursor:pointer;
  background:none;box-shadow:none;outline:none;
  border:1px solid var(--qirmizi);border-radius:50%;transition:none}
/* bayraq dairəyə tam sığır (kənarları kəsilir) */
.dil-dairÉ™{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;flex-shrink:0;line-height:0}
.dil-dairÉ™ svg{width:100%!important;height:100%!important;display:block;border-radius:50%;box-shadow:none;stroke-width:0}
/* nav-sag svg qaydasi bayraqlara toxunmasin */
.dil-dairÉ™ svg rect,.dil-dairÉ™ svg circle,.dil-dairÉ™ svg path{stroke-linecap:butt}
/* açılan kart */
.dil-menyu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;display:none;flex-direction:column;padding:0 0 6px;
  background:#fff;border:1px solid #e8ecf2;border-radius:12px;box-shadow:0 16px 40px rgba(15,30,60,.18);z-index:260;overflow:hidden}
.dil-secim.acik .dil-menyu{display:flex}
.dm-basliq{padding:15px 18px 13px;font-family:var(--metn);font-size:15px;font-weight:600;color:var(--tund);border-bottom:1px solid #eef1f5;margin-bottom:6px}
.dil-menyu a{display:flex;align-items:center;gap:12px;padding:11px 18px;color:var(--tund);
  font-size:14.5px;font-weight:500;text-decoration:none;transition:.13s}
.dil-menyu a:hover{background:#f3f6fb}
.dil-menyu a.aktiv{background:#e8effb;color:var(--qirmizi);font-weight:600}
.dil-menyu .dil-dairÉ™{width:26px;height:26px;flex:0 0 26px}
html.gece .dil-dugme{border-color:rgba(111,151,214,.35)}
html.gece .dil-menyu{background:#1b1f26;border-color:#2b313b;box-shadow:0 16px 40px rgba(0,0,0,.5)}
html.gece .dm-basliq{color:#e7eaf0;border-color:#2b313b}
html.gece .dil-menyu a{color:#e7eaf0}
html.gece .dil-menyu a:hover{background:#232833}
html.gece .dil-menyu a.aktiv{background:#243247;color:#6f97d6}

/* ===== ALT NAVÄ°QASÄ°YA (mobil/planÅŸet) ===== */
.alt-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:280;
  background:#fff;border-top:1px solid var(--xett);box-shadow:0 -6px 22px rgba(10,20,40,.10);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom));align-items:stretch}
.an-el{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:6px 2px;background:none;border:none;cursor:pointer;text-decoration:none;
  color:var(--qirmizi);font-family:var(--metn);font-size:11px;font-weight:700;letter-spacing:-.1px;
  transition:opacity .15s;position:relative;min-width:0}
.an-el:hover,.an-el:active{opacity:.72}
.an-el svg{width:24px;height:24px;flex-shrink:0;color:var(--qirmizi)}
.an-el span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.an-el.aktiv{color:var(--qirmizi)}
.an-el.aktiv::after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:3px;background:var(--qirmizi)}
.js-canli .canli-nok{animation:canli-nabz 1.5s ease-in-out infinite}
@keyframes canli-nabz{0%,100%{opacity:1}50%{opacity:.35}}
html.gece .alt-nav{background:#14171c;border-color:#252a33;box-shadow:0 -6px 22px rgba(0,0,0,.4)}
html.gece .an-el,html.gece .an-el svg{color:#6f97d6}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .alt-nav{display:flex}
  body{padding-bottom:66px}
  .yuxari{bottom:78px}
}

/* Mobil/planşet: dil dropdown görünsün + simmetrik kənar boşluğu */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .dil-secim{display:block}
  .nav-sag{gap:2px}
  /* hər iki düymə kənardan eyni məsafədə — simmetrik */
  .nav .qab.nav-ic{padding-left:14px;padding-right:14px}
  .m-ayarlar{margin-left:0;margin-right:10px}
  .nav-sag{margin-right:0}
  .dil-secim{margin-left:10px}
}

/* Desktop (siçanlı, geniş ekran): alt naviqasiya gizli */
@media(min-width:1201px) and (hover:hover) and (pointer:fine){
  .alt-nav{display:none}
  body{padding-bottom:0}
}

/* ===== AYARLAR PANELÄ° (mobil/planÅŸet) ===== */
.ayarlar-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:320;display:none;flex-direction:column;
  background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px;
  transform:translateY(-100%);transition:transform .28s ease}
.ayarlar-panel.acik{transform:translateY(0)}
body.ap-kilid{overflow:hidden}
.ap-bas{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--xett);position:sticky;top:0;background:#fff;z-index:2}
.ap-logo{display:flex;align-items:center;max-height:40px}
.ap-logo img{max-height:40px;width:auto}
.ap-logo-metn{font-family:var(--serif-basliq);font-size:22px;font-weight:900;color:var(--qirmizi)}
.ap-bagla{background:none;border:none;padding:6px;cursor:pointer;color:var(--tund);display:flex}
.ap-bagla svg{width:26px;height:26px}
.ap-bolme{border-bottom:8px solid #f2f4f8;padding:6px 0}
.ap-bolme:last-child{border-bottom:none}
.ap-basliq{padding:14px 20px 8px;font-size:16px;font-weight:800;color:#9aa3b2;font-family:var(--serif-basliq)}
.ap-setir{display:flex;align-items:center;gap:14px;width:100%;padding:15px 20px;background:none;border:none;
  border-top:1px solid #eef1f5;cursor:pointer;text-align:left;text-decoration:none;
  color:var(--tund);font-family:var(--metn);font-size:16px;font-weight:600}
.ap-setir:active{background:#f6f8fc}
.ap-ad{flex:1;min-width:0}
.ap-ikon{width:26px;height:26px;flex-shrink:0;color:var(--qirmizi);display:flex}
.ap-ikon svg{width:100%;height:100%}
.ap-sag{display:flex;align-items:center;gap:8px;color:var(--qirmizi)}
.ap-sag svg{width:24px;height:24px}
.ap-deyer{font-size:16px;font-weight:600;color:var(--tund)}
.js-dark .ikon-gun,.js-dark .ap-deyer-gun{display:none}
html.gece .js-dark .ikon-ay,html.gece .js-dark .ap-deyer-ay{display:none}
html.gece .js-dark .ikon-gun,html.gece .js-dark .ap-deyer-gun{display:block}
.ap-sosial{display:flex;flex-wrap:wrap;gap:10px;padding:8px 20px 16px}
.ap-sosial a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(56,104,176,.10);color:var(--qirmizi)}
.ap-sosial svg{width:20px;height:20px;fill:currentColor;stroke:none}
.ap-sosial a:active{background:var(--qirmizi);color:#fff}
/* panel içindəki "Çox oxunanlar" qutusu — çərçivəsiz, tam en */
.ap-ic .qutu{border:none;border-radius:0;box-shadow:none;background:none;margin:0}
.ap-ic .qutu-basliq{display:none}
.ap-ic .tablar{padding:4px 20px 10px}
.ap-ic .qutu-lent,.ap-ic .lent{display:block!important;background:none;border:none}
html.gece .ap-ic .qutu{background:none}
/* akkordeon */
.ap-ox{width:22px;height:22px;color:var(--qirmizi);transition:transform .2s;flex-shrink:0}
.ap-akkordeon.acilib .ap-ox{transform:rotate(180deg)}
.ap-ic{display:none;padding:4px 0 10px}
.ap-akkordeon.acilib .ap-ic{display:block}
.ap-yazi{display:flex;gap:12px;padding:11px 20px;text-decoration:none;align-items:flex-start}
.ap-nomre{font-family:var(--serif-basliq);font-weight:900;font-size:15px;color:var(--qirmizi);flex-shrink:0;min-width:22px}
.ap-yazi-ad{font-size:14.5px;font-weight:600;color:var(--tund);line-height:1.4}
.ap-yazi:active{background:#f6f8fc}
html.gece .ayarlar-panel,html.gece .ap-bas{background:#14171c}
html.gece .ap-bas h2,html.gece .ap-setir,html.gece .ap-deyer,html.gece .ap-yazi-ad,html.gece .ap-bagla{color:#e7eaf0}
html.gece .ap-bolme{border-bottom-color:#1c2027}
html.gece .ap-setir{border-top-color:#242932}
html.gece .ap-bas{border-bottom-color:#242932}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .ayarlar-panel{display:flex}
}
@media(min-width:1201px) and (hover:hover) and (pointer:fine){
  .ayarlar-panel{display:none!important}
}

/* Ayarlar paneli — dil seçimi bölməsi */
.ap-diller{display:flex;flex-direction:column}
.ap-dil{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid #eef1f5;
  text-decoration:none;color:var(--tund);font-size:16px;font-weight:600}
.ap-dil .dil-dairÉ™{width:28px;height:28px;flex:0 0 28px}
.ap-dil.aktiv{background:#e8effb;color:var(--qirmizi);font-weight:700}
.ap-dil:active{background:#f3f6fb}
/* sosial sətirlər (ad + ikon) */
.ap-sos .ap-ikon svg{fill:currentColor;stroke:none;width:100%;height:100%}
.ap-sos-facebook{color:#1877f2}.ap-sos-instagram{color:#e1306c}.ap-sos-twitter{color:#111}
.ap-sos-youtube{color:#ff0000}.ap-sos-whatsapp{color:#25d366}.ap-sos-telegram{color:#26a5e4}
html.gece .ap-sos-twitter{color:#e7eaf0}
html.gece .ap-dil{border-top-color:#242932;color:#e7eaf0}
html.gece .ap-dil.aktiv{background:#243247;color:#6f97d6}

/* ===== EDNEWS TV — tək kart (tablar + abunə + oynatma) ===== */
.tv-qutu{overflow:hidden;margin-bottom:16px}
.tv-basliq{display:flex;align-items:center;gap:9px}
.tv-yt{width:26px;height:19px;flex-shrink:0}
/* modern kanal/abunÉ™ bloku */
.tv-kanal{display:flex;align-items:center;gap:11px;padding:14px;border-bottom:1px solid var(--xett)}
.tv-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:#fff;border:1.5px solid var(--xett);display:flex;align-items:center;justify-content:center}
.tv-avatar img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}
.tv-avatar-metn{font-family:var(--serif-basliq);font-weight:900;font-size:16px;color:var(--qirmizi)}
.tv-kanal-melumat{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tv-kanal-melumat strong{font-family:var(--serif-basliq);font-size:14.5px;font-weight:800;color:var(--tund);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-abune-say{font-size:12.5px;font-weight:600;color:var(--boz)}
.tv-abune-dugme{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;
  padding:7px 11px;border-radius:18px;background:#ff0000;color:#fff;
  font-family:var(--metn);font-size:11.5px;font-weight:800;letter-spacing:0;white-space:nowrap;
  text-decoration:none;transition:.15s;box-shadow:none}
.tv-abune-dugme:hover{background:#cc0000;color:#fff}
.tv-abune-dugme svg{width:14px;height:14px;flex-shrink:0}
.tv-zeng{opacity:.95}
.tv-abune-dugme:hover .tv-zeng{animation:zeng-sallan .5s ease}
@keyframes zeng-sallan{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}
html.gece .tv-kanal{border-bottom-color:#252a33}
html.gece .tv-kanal-melumat strong{color:#e7eaf0}
html.gece .tv-avatar{background:#1b1f26;border-color:#2b313b}
@media(max-width:400px){.tv-abune-dugme span{display:none}.tv-abune-dugme{padding:9px 11px}}
.tv-tablar{padding:12px 14px 10px}
.tv-qutu .tab-panel{padding:0 14px 14px}
.tv-video{display:block}
.tv-sekil{position:relative;display:block;border-radius:10px;overflow:hidden;background:#0e1116;
  aspect-ratio:16/9;cursor:pointer;width:100%}
.tv-shorts .tv-sekil{aspect-ratio:9/16;max-width:100%;margin:0 auto}
.tv-sekil img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.tv-sekil:hover img{transform:scale(1.04)}
.tv-sekil iframe{width:100%;height:100%;border:0;display:block}
.tv-sekil.oynayir{cursor:default}
.tv-sekil.oynayir:hover img{transform:none}
.tv-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;
  background:rgba(255,0,0,.92);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .18s;pointer-events:none}
.tv-sekil:hover .tv-play{transform:scale(1.08)}
.tv-play svg{width:26px;height:26px;margin-left:2px}
.tv-ad{display:block;margin-top:10px;font-family:var(--serif-basliq);font-size:14.5px;font-weight:700;
  color:var(--tund);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tv-hamisi{display:block;padding:12px 14px;border-top:1px solid var(--xett);text-align:center;
  font-size:13px;font-weight:800;color:var(--qirmizi);text-decoration:none;letter-spacing:.3px}
.tv-hamisi:hover{background:var(--boz-acik)}
.tv-bos{padding:14px 0;font-size:13px;color:var(--boz)}
html.gece .tv-ad{color:#e7eaf0}
html.gece .tv-hamisi{border-top-color:#252a33}

/* ============================================================
   30. PLANŞET: sağ sütun (EDNEWS TV) manşetin yanında qalsın
   + manşet altı reklam 728×90 (320×100 yalnız telefonda)
   ============================================================ */
@media(min-width:700px){
  /* iki sütun: manşet + sağ sütun (TV) */
  .ust-tor{display:grid !important;grid-template-columns:minmax(0,1fr) 300px !important;gap:20px}
  .ust-sag{display:flex}
  /* manşet altı: 728×90 (320×100 gizli) */
  .reklam-728-yeri{display:flex}
  .reklam-320-yeri{display:none}
  /* sağ sütundakı 300×300 reklam da görünsün */
  .reklam-300-yeri{display:flex}
}
@media(min-width:700px) and (max-width:1024px){
  /* dar planşet: sütun bir az yığcam */
  .ust-tor{grid-template-columns:minmax(0,1fr) 268px !important;gap:16px}
  .slayder-icher{height:360px}
}
/* telefon: tək sütun, 320×100 */
@media(max-width:699px){
  .ust-tor{grid-template-columns:minmax(0,1fr) !important}
  .reklam-728-yeri,.reklam-300-yeri{display:none}
  .reklam-320-yeri{display:flex}
}

/* ============================================================
   31. LOQOLAR — desktop/mobil × adi/ağ (Customizer: Ednews — Loqolar)
   ============================================================ */
/* hamısı gizli (köhnə .nav .logo img qaydasını üstələyir) */
.nav .logo img.ed-loqo,
.foot-logo-img img.ed-loqo,
.ap-logo img.ed-loqo,
img.ed-loqo{display:none !important;width:auto;max-width:100%}
.nav .logo img.ed-loqo{max-height:46px}
.foot-logo-img img.ed-loqo{max-height:44px}
.ap-logo img.ed-loqo{max-height:40px}

/* --- HEADER --- */
/* desktop (geniş + siçan) */
@media(min-width:1201px) and (hover:hover) and (pointer:fine){
  .nav .logo img.ed-loqo-desktop.ed-loqo-adi{display:block !important}
  html.gece .nav .logo img.ed-loqo-desktop.ed-loqo-adi{display:none !important}
  html.gece .nav .logo img.ed-loqo-desktop.ed-loqo-ag{display:block !important}
}
/* mobil + planÅŸet */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .nav .logo img.ed-loqo-mobil.ed-loqo-adi{display:block !important}
  html.gece .nav .logo img.ed-loqo-mobil.ed-loqo-adi{display:none !important}
  html.gece .nav .logo img.ed-loqo-mobil.ed-loqo-ag{display:block !important}
  .nav .logo img.ed-loqo{max-height:36px}
}

/* --- FOOTER (tünd fon → həmişə AĞ variant) --- */
@media(min-width:1201px) and (hover:hover) and (pointer:fine){
  .foot-logo-img img.ed-loqo-desktop.ed-loqo-ag{display:block !important}
}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .foot-logo-img img.ed-loqo-mobil.ed-loqo-ag{display:block !important}
  .foot-logo-img img.ed-loqo{max-height:38px;margin:0 auto}
}
.foot-logo-img{display:inline-block}

/* --- AYARLAR PANELİ (mobil) — adi variant --- */
.ap-logo img.ed-loqo-mobil.ed-loqo-adi{display:block !important}
html.gece .ap-logo img.ed-loqo-mobil.ed-loqo-adi{display:none !important}
html.gece .ap-logo img.ed-loqo-mobil.ed-loqo-ag{display:block !important}

/* ============================================================
   32. QARANLIQ REJİM: reklam sahələri + TV avatarı → AĞ loqo
   ============================================================ */
/* reklam placeholder loqosu */
.reklam-bosh img.rek-logo-ag{display:none}
html.gece .reklam-bosh img.rek-logo-adi{display:none}
html.gece .reklam-bosh img.rek-logo-ag{display:block}
html.gece .reklam-bosh .rek-logo{opacity:.7}

/* EDNEWS TV avatarı */
.tv-avatar img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}
.tv-avatar img.tv-loqo-ag{display:none}
html.gece .tv-avatar img.tv-loqo-adi{display:none}
html.gece .tv-avatar img.tv-loqo-ag{display:block}

/* ============================================================
   33. PLANŞET: qaynar xətt bayraqlardan ƏVVƏL + yumru sosial
   ============================================================ */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .nav-sag{display:flex;align-items:center}
  .nav-sag .qaynar-xett{order:1;margin-right:8px}
  .nav-sag .dil-secim{order:2;margin-left:0}
  .nav-sag .js-axtar{order:3}
  .nav-sag .js-dark{order:4}
}
/* footer + panel sosial: eyni yumru dizayn */
/* FOOTER sosial: içi boş dairə — yalnız haşiyə */
.foot .sosial{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.foot .sosial a{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:none !important;border:1.5px solid rgba(255,255,255,.28);box-shadow:none;color:#c3ccd8;transition:.18s}
.foot .sosial a:hover{background:none !important;border-color:#fff;color:#fff;transform:translateY(-1px)}
.foot .sosial svg{width:14px;height:14px;fill:currentColor}
.foot .sosial .sos-instagram svg{width:16px;height:16px}
.foot .sosial .sos-tiktok svg{width:15.5px;height:15.5px}
.foot .sosial .sos-telegram svg,.foot .sosial .sos-whatsapp svg{width:15px;height:15px}
.foot .sosial .sos-twitter svg{width:13px;height:13px}
.ap-sosial a,.menyu-sosial a{border-radius:50% !important}

/* ============================================================
   34. FOOTER: Səhifələr sütunu — 2 sütunlu siyahı
   ============================================================ */
.foot-sehifeler ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;list-style:none;margin:0;padding:0}
.foot-sehifeler ul li{padding:0;border:none}
.foot-sehifeler ul a{font-size:13.5px;color:#aab0bd;transition:.15s;display:inline-block}
.foot-sehifeler ul a:hover{color:#fff}
@media(max-width:640px){
  .foot-sehifeler ul{justify-items:center;gap:9px 14px}
}

/* ============================================================
   35. ƏLAQƏ KARTLARI — müasir, qırmızı kvadrat ikon
   ============================================================ */
.elaqe-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;align-items:start}
.e-kart:first-child{order:2;grid-column:1/-1}
.e-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:14px;padding:12px 14px;
  display:flex;flex-direction:row;align-items:center;gap:11px;transition:.18s;min-width:0}
.e-kart:hover{box-shadow:0 8px 22px rgba(10,40,44,.08);border-color:var(--qirmizi)}
.e-ikon{width:40px;height:40px;border-radius:50%;background:rgba(56,104,176,.1);color:var(--qirmizi);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.e-ikon svg{width:20px;height:20px;display:block}
.e-sag{display:flex;flex-direction:column;gap:2px;min-width:0}
.e-kart strong{font-family:var(--serif-basliq);font-size:10.5px;color:var(--boz);text-transform:uppercase;letter-spacing:.9px;font-weight:800;line-height:1}
.e-kart a{color:var(--qirmizi);font-weight:700;font-size:13.5px;line-height:1.4;word-break:normal;overflow-wrap:anywhere}
.e-kart a:hover{text-decoration:underline}
.e-deyer{color:var(--qirmizi);font-weight:700;font-size:13.5px;line-height:1.45}
html.gece .e-kart{background:#1c2027;border-color:#2a2e37}
html.gece .e-ikon{background:rgba(90,140,210,.18)}
html.gece .e-deyer{color:var(--qirmizi)}
@media(max-width:900px){.elaqe-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.elaqe-kartlar{grid-template-columns:1fr}}

/* ============================================================
   36. ETİKET QAYDASI (hər yerdə eyni):
   İlk 2 etiket → ikon + ad · qalanları → yalnız ikon
   ============================================================ */
.tip-badges .tip-badge:nth-child(n+3) span{display:none}
.tip-badges .tip-badge:nth-child(n+3){padding:0;gap:0;width:26px;justify-content:center}
.xkart .tip-badges .tip-badge:nth-child(n+3){width:25px}
.meqale-shekil .shekil-etiketler .tip-badge:nth-child(n+3){width:30px}
.lent .tip-badges .tip-badge:nth-child(n+3),
.manset-mini .tip-badges .tip-badge:nth-child(n+3){width:19px}

/* ============================================================
   37. MANŞET BAŞLIĞI — mobil/planşetdə xeyli kiçik + 5px aşağı
   ============================================================ */
.slayd .ich h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .slayd .ich{padding:16px 18px 44px !important}
  .slayd .ich h2{font-size:17px !important;line-height:1.3}
  .slayd .ich .slayd-meta{gap:9px;margin-bottom:7px}
  .slayd .ich .slayd-meta .etiket{font-size:9.5px;padding:3px 7px}
  .slayd .ich .slayd-meta .m-tarix{font-size:11px}
}
@media(max-width:600px){
  .slayd .ich{padding:12px 14px 40px !important}
  .slayd .ich h2{font-size:14px !important;line-height:1.32}
  .slayd .ich .slayd-meta{gap:7px;margin-bottom:5px}
  .slayd .ich .slayd-meta .etiket{font-size:9px;padding:2px 6px}
  .slayd .ich .slayd-meta .m-tarix{font-size:10.5px}
}
@media(max-width:400px){
  .slayd .ich h2{font-size:13px !important}
}

/* ============================================================
   38. MOBİL/PLANŞET: kart etiketləri böyük + sola çəkilmiş
   ============================================================ */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  /* 3-4px böyük */
  .xkart .tip-badge{height:28px !important;font-size:12.5px !important;padding:0 10px !important;gap:5px}
  .xkart .tip-badge svg{width:15px !important;height:15px !important}
  .xkart .tip-badges .tip-badge:nth-child(n+3){width:28px !important;padding:0 !important;gap:0}
  /* 5px sola */
  .xkart .tip-badges{right:23px !important;bottom:9px !important}
}
@media(max-width:600px){
  .xkart .tip-badge{height:26px !important;font-size:12px !important;padding:0 9px !important}
  .xkart .tip-badge svg{width:14px !important;height:14px !important}
  .xkart .tip-badges .tip-badge:nth-child(n+3){width:26px !important}
  .xkart .tip-badges{right:23px !important;bottom:9px !important}
}

/* Məqalə içi 320×100 reklam — elementlərin (meta) altında, mətndən əvvəl */
.reklam-320-single{display:flex !important;margin:18px auto 6px}
.reklam-320-single.reklam-bosh{height:100px;width:320px;max-width:100%}
.reklam-320-single.reklam-bosh .rek-logo{max-height:26px;margin-bottom:1px}
.reklam-320-single.reklam-bosh .rek-logo-metn{font-size:16px}
.reklam-320-single.reklam-bosh strong{font-size:11px;letter-spacing:2px}

/* 320×100 reklam: meta sırasının İÇİNDƏ qalsa belə — alt sətrə, tam enə */
.meqale-meta:has(.reklam-meqale-orta){flex-wrap:wrap !important}
.meqale-meta .reklam-meqale-orta{flex:1 0 100% !important;order:99;margin:14px auto 2px !important}
@supports not selector(:has(*)){
  .meqale-meta{flex-wrap:wrap !important}
}
.foot .sosial .sos-threads svg{width:15px;height:15px}
.foot .sosial .sos-linkedin svg{width:14.5px;height:14.5px}

/* ============================================================
   39. CANLI YAYIM (manşetin üstündə)
   ============================================================ */
/* manşetin yerini tutur — eyni ölçü/boşluq */
.canli-yayim{margin:0;background:#0e1116;border-radius:14px;overflow:hidden;
  box-shadow:0 8px 28px rgba(10,20,40,.18);border:2px solid #e4002b}
.cy-bas{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,#e4002b 0%,#b30022 100%)}
.cy-nisan{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:6px;
  background:rgba(0,0,0,.28);color:#fff;font-family:var(--serif-basliq);font-weight:900;
  font-size:11.5px;letter-spacing:1.2px;flex-shrink:0}
.cy-nokta{width:8px;height:8px;border-radius:50%;background:#fff;animation:cy-nabz 1.2s ease-in-out infinite}
@keyframes cy-nabz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
.cy-basliq{font-family:var(--serif-basliq);font-size:16px;font-weight:800;color:#fff;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-video{position:relative;width:100%;height:432px;background:#000}
@media(max-width:1200px),(hover:none) and (pointer:coarse){.cy-video{height:auto;aspect-ratio:16/9}}
.cy-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:640px){
  .canli-yayim{margin:14px 0 12px;border-radius:10px}
  .cy-bas{padding:9px 12px;gap:9px}
  .cy-basliq{font-size:13px}
  .cy-nisan{font-size:10px;padding:4px 8px}
}
html.gece .canli-yayim{box-shadow:0 8px 28px rgba(0,0,0,.5)}

/* ============================================================
   40. FOOTER: App Store + Google Play düymələri
   ============================================================ */
/* sosial + badge-lər EYNİ SƏTİRDƏ — alta düşmür */
.sosial-app-setir{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:16px}
.sosial-app-setir .sosial{flex-wrap:wrap;min-width:0}
.app-dugmeler{margin-left:auto;flex-shrink:0;gap:7px}
.app-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
/* yüklənən badge şəkilləri */
.app-sekil{display:inline-flex;align-items:center;transition:.18s;flex-shrink:0}
.app-sekil img{height:34px;width:auto;display:block;filter:grayscale(1) brightness(1.05)}
a.app-sekil:hover{transform:translateY(-2px);opacity:.9}
.app-dugme{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:9px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#e7e9ef;
  text-decoration:none;transition:.18s;flex-shrink:0}
.app-dugme:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);transform:translateY(-1px)}
.app-ikon{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.app-ikon svg{width:20px;height:20px;display:block}
.app-metn{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.app-metn small{font-size:9px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#aab0bd}
.app-metn strong{font-family:var(--serif-basliq);font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap}

/* planşet: sosial + app-lar yan-yana qalır, sıxılsa alt sətrə keçir */
@media(max-width:900px){
  .sosial-app-setir{gap:12px}
  .app-dugme{padding:6px 10px}
}
/* mobil: badge-lər YENƏ sosialın sağında — sıxılır, alta düşmür */
@media(max-width:640px){
  .sosial-app-setir{flex-direction:row;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
  .app-dugmeler{gap:6px}
  .app-sekil img{height:34px}
  .foot .sosial{gap:7px}
  .foot .sosial a{width:26px;height:26px}
}
@media(max-width:400px){
  .app-sekil img{height:30px}
}

/* ============================================================
   41. GÜNDƏM — canlı lent (hava/valyuta zolağının altında)
   ============================================================ */
.gundem{margin-top:14px;background:#fff;border:1px solid var(--xett);border-radius:14px;
  box-shadow:0 4px 14px rgba(10,40,44,.06);overflow:hidden}
.gd-bas{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:nowrap;min-width:0}
.gd-canli{display:inline-flex;align-items:center;gap:7px;font-family:var(--serif-basliq);
  font-weight:900;font-size:12.5px;letter-spacing:1px;color:#e4002b;text-transform:uppercase;flex-shrink:0}
.gd-puls{width:9px;height:9px;border-radius:50%;background:#e4002b;
  box-shadow:0 0 0 0 rgba(228,0,43,.55);animation:gd-nabz 1.6s ease-out infinite}
@keyframes gd-nabz{0%{box-shadow:0 0 0 0 rgba(228,0,43,.55)}70%{box-shadow:0 0 0 8px rgba(228,0,43,0)}100%{box-shadow:0 0 0 0 rgba(228,0,43,0)}}
.gd-tek-ad{font-family:var(--serif-basliq);font-weight:800;font-size:14px;color:var(--tund)}
/* ÇİPLƏR — sürüşən sıra + ox düyməsi */
.gd-tab-qab{position:relative;display:flex;align-items:center;gap:6px;margin-left:2px;min-width:0;flex:1}
.gd-tablar{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;
  padding:2px 0;-webkit-overflow-scrolling:touch;min-width:0}
.gd-tablar::-webkit-scrollbar{display:none}
a.gd-tab,.gd-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;text-decoration:none;
  border:1.5px solid var(--xett);background:#fff;font-family:var(--metn);font-size:13px;font-weight:600;
  color:var(--tund);cursor:pointer;transition:.18s;white-space:nowrap;flex-shrink:0}
.gd-tab:hover{border-color:var(--qirmizi);color:var(--qirmizi);background:#f4f7fc}
/* aktiv çip: mavi haşiyə + yanıb-sönən nöqtə */
.gd-tab.aktiv{border-color:var(--qirmizi);color:var(--qirmizi);background:#eef3fb;font-weight:700}
.gd-tab-nokta{width:7px;height:7px;border-radius:50%;background:#c9d2de;flex-shrink:0;transition:.2s}
.gd-tab:hover .gd-tab-nokta{background:#e4002b}
.gd-tablar .gd-tab:first-child .gd-tab-nokta{background:#e4002b;animation:gd-nabz 1.8s ease-out infinite}
/* sürüşdürmə oxu */
.gd-ox{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--xett);
  background:#fff;color:var(--tund);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.gd-ox:hover{border-color:var(--qirmizi);color:var(--qirmizi)}
.gd-ox svg{width:15px;height:15px}
.gd-ox.gizli{display:none}
/* panellər */
/* timeline lent */
.gd-lent{list-style:none;margin:0;padding:0;position:relative}
.gd-lent::before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:2px;background:var(--xett)}
.gd-setir{position:relative;display:flex;align-items:baseline;gap:9px;padding:10px 0 10px 22px;flex-wrap:wrap}
.gd-nokta{position:absolute;left:0;top:14px;width:12px;height:12px;border-radius:50%;
  background:#fff;border:3px solid #e4002b;box-sizing:border-box;z-index:1}
.gd-setir:first-child .gd-nokta{box-shadow:0 0 0 3px rgba(228,0,43,.16)}
.gd-vaxt{font-size:12.5px;font-weight:700;color:var(--boz);flex-shrink:0;font-variant-numeric:tabular-nums}
.gd-basliq{font-size:14.5px;font-weight:600;line-height:1.45;color:var(--tund);flex:1;min-width:0}
.gd-basliq:hover{color:var(--qirmizi);text-decoration:underline}
.gd-hamisi{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:800;color:var(--qirmizi);letter-spacing:.3px}
.gd-hamisi:hover{text-decoration:underline}
.gd-bos{padding:14px 0;font-size:13.5px;color:var(--boz)}
/* dark mode */
html.gece .gundem{background:#181b20;border-color:#2a2e37}
html.gece .gd-bas{border-bottom-color:#2a2e37}
html.gece .gd-tek-ad,html.gece .gd-basliq{color:#dfe2e8}
html.gece .gd-tab{background:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .gd-tab:hover{background:#262b33}
html.gece .gd-ox{background:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .gd-tab.aktiv{background:#16202e;border-color:var(--qirmizi);color:#8fb4e8}
html.gece .gd-lent::before{background:#2a2e37}
html.gece .gd-nokta{background:#181b20}
/* mobil */
@media(max-width:640px){
  .gundem{margin-top:12px;border-radius:12px}
  .gd-bas{padding:11px 14px 9px;gap:10px}
  .gd-tab-qab{margin-left:0;width:100%}
  .gd-tab{font-size:12px;padding:7px 12px}
  .gd-basliq{font-size:13.5px;flex:1 1 100%}
  .gd-setir{gap:7px;padding:9px 0 9px 20px}
}

/* ============================================================
   42. SON DƏQİQƏ: tarix (boz radiuslu fon) + saat
   ============================================================ */
.ticker a,.ticker .tk-elem{display:inline-flex;align-items:center;gap:8px;color:var(--tund)}
.ticker .tk-elem{cursor:default}
/* tarix + saat — birlikdə boz radiuslu fonun içində */
.tk-vaxt{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:6px;
  background:var(--boz-acik);white-space:nowrap;flex-shrink:0}
.tk-tarix{color:var(--boz);font-size:11.5px;font-weight:700;letter-spacing:.2px}
.ticker .saat{color:var(--qirmizi);font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums}
html.gece .tk-vaxt{background:#262b33}
html.gece .tk-tarix{color:#aab0bd}

/* Gündəm: SON DƏQİQƏ-nin üstündə — hava/valyuta ilə eyni en, yığcam */
.gundem{margin:14px auto 12px;max-width:1168px;width:calc(100% - 32px)}
.gd-bas{padding:8px 14px}
.gd-canli{font-size:11.5px;letter-spacing:.9px}
.gd-puls{width:8px;height:8px}
.gd-tab{padding:6px 13px;font-size:12.5px;gap:6px}
.gd-tab-nokta{width:6px;height:6px}
.gd-ox{width:26px;height:26px}
.gd-ox svg{width:13px;height:13px}
@media(max-width:640px){.gundem{margin:10px auto 10px;width:calc(100% - 24px)}.gd-bas{padding:7px 12px}}

/* ============================================================
   43. EMBED — Instagram Reels · Telegram · TikTok · YouTube · X
   ============================================================ */
.ed-embed{margin:22px 0;display:flex;justify-content:center}
.ed-embed > *{max-width:100%}

/* YouTube / Facebook — geniş ekran (16:9) */
.ed-embed-yt,.ed-embed-fb{display:block;position:relative;width:100%;aspect-ratio:16/9;
  border-radius:12px;overflow:hidden;background:#000}
.ed-embed-yt iframe,.ed-embed-fb iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* Instagram Reels — dik format, ortalanmış */
.ed-embed-ig{display:block}
.ed-embed-ig iframe,.ed-embed-ig .instagram-media{
  margin:0 auto !important;max-width:540px !important;min-width:0 !important;width:100% !important;
  border-radius:12px !important}

/* TikTok — dik format */
.ed-embed-tt{display:block}
.ed-embed-tt iframe,.ed-embed-tt .tiktok-embed{
  margin:0 auto !important;max-width:540px !important;min-width:0 !important;width:100% !important}

/* Telegram */
.ed-embed-tg{display:block}
.ed-embed-tg iframe{margin:0 auto !important;max-width:600px !important;width:100% !important;border-radius:12px}

/* X (Twitter) */
.ed-embed-x{display:block}
.ed-embed-x .twitter-tweet{margin:0 auto !important;max-width:550px !important}

/* Hazır embed kodu (istənilən sayt) */
.ed-embed-kod{display:block}
.ed-embed-kod iframe,.ed-embed-kod embed,.ed-embed-kod video{
  max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;display:block}
.ed-embed-kod blockquote{margin:0 auto;max-width:600px}

/* oEmbed (digər saytlar) */
.ed-embed-oembed iframe{max-width:100%;border-radius:12px}

@media(max-width:640px){
  .ed-embed{margin:16px 0}
  .ed-embed-yt,.ed-embed-fb{border-radius:10px}
}

/* embed blockquote-ları temanın sitat stilindən azad et (mavi xətt/fon getsin) */
.ed-embed blockquote,
.meqale-metn .ed-embed blockquote,
.ed-embed .tiktok-embed,
.ed-embed .instagram-media,
.ed-embed .twitter-tweet{
  border:0 !important;border-left:0 !important;background:transparent !important;
  padding:0 !important;border-radius:0 !important;font-style:normal !important;box-shadow:none !important}
.ed-embed .instagram-media{border-radius:12px !important}

/* ============================================================
   44. PAYLAŞ — dairəvi ikonlar + açıq qısa link
   ============================================================ */
.paylash{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--xett)}
.paylash strong{font-family:var(--serif-basliq);font-size:14px;margin-right:6px}
/* dairəvi düymələr */
.paylash a.p-btn,.paylash .p-btn{width:40px !important;height:40px !important;border-radius:50% !important;
  display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;
  color:#fff;transition:.18s;flex-shrink:0}
.paylash .p-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.paylash .p-btn svg{width:22px;height:22px;fill:currentColor}
/* açıq qısa link + kopyalama */
.p-link{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:230px;max-width:440px;
  padding:4px 4px 4px 16px;border:1.5px solid var(--xett);border-radius:999px;background:#f4f6fb;margin-left:auto;transition:.18s}
.p-link:focus-within{border-color:var(--qirmizi);background:#fff;box-shadow:0 0 0 3px rgba(56,104,176,.12)}
.p-link-metn{flex:1;min-width:0;border:none;background:none;outline:none;
  font-family:var(--metn);font-size:13px;font-weight:600;color:var(--tund);
  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:text}
.p-kopyala{width:40px;height:40px;border-radius:50%;border:none;flex-shrink:0;cursor:pointer;
  background:var(--qirmizi);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:.18s}
.p-kopyala:hover{background:var(--qirmizi-tund)}
.p-kopyala svg{width:20px;height:20px}
.p-kopyala .ikon-ok{display:none}
.p-kopyala.ok{background:#22a55a}
.p-kopyala.ok .ikon-link{display:none}
.p-kopyala.ok .ikon-ok{display:block}
html.gece .p-link{background:#1b1f26;border-color:#2b313b}
html.gece .p-link-metn{color:#aab0bd}
@media(max-width:640px){
  .paylash{gap:8px}
  .paylash .p-btn{width:36px !important;height:36px !important}
  .p-link{margin-left:0;width:100%;max-width:100%;flex:1 1 100%;min-width:0}
}

/* Print düyməsi */
.paylash .i-print{background:#5b6472}
.paylash .i-print:hover{background:#3a4453}
.paylash .i-print svg{width:20px;height:20px;fill:none;stroke:currentColor}

/* ============================================================
   45. MÜƏLLİF bloku (SEO — schema.org/Person)
   ============================================================ */
.muellif{display:flex;align-items:center;gap:12px;margin-top:18px;padding:11px 14px;
  background:#f7f9fc;border:1px solid var(--xett);border-radius:12px}
.mu-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;
  border:2px solid #fff;box-shadow:0 1px 6px rgba(10,40,44,.12);background:var(--boz-acik)}
.mu-avatar img,.mu-sekil{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.mu-melumat{display:flex;flex-direction:column;gap:2px;min-width:0}
.mu-melumat small{font-family:var(--serif-basliq);font-size:10.5px;font-weight:800;
  letter-spacing:1px;text-transform:uppercase;color:var(--boz)}
.mu-ad{font-family:var(--serif-basliq);font-size:15px;font-weight:800;color:var(--tund);text-decoration:none}
.mu-ad:hover{color:var(--qirmizi)}
.mu-bio{font-size:12.5px;color:var(--boz);line-height:1.45;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.gece .muellif{background:#1c2027;border-color:#2a2e37}
html.gece .mu-ad{color:#e7eaf0}
html.gece .mu-avatar{border-color:#2a2e37}
@media(max-width:640px){
  .muellif{padding:14px;gap:12px}
  .mu-avatar{width:40px;height:40px}
  .mu-ad{font-size:15px}
}
/* çap zamanı: paylaş/müəllif/reklam gizlənsin */
@media print{
  /* Hər şeyi gizlət, yalnız məqaləni göstər */
  body * { visibility: hidden !important; }
  main.qab, main.qab * { visibility: visible !important; }
  .yan, .yan *, .benzer-xeberler, .benzer-xeberler * { visibility: hidden !important; }
  main.qab{ position:absolute !important; left:0; top:0; width:100% !important; margin:0 !important; padding:0 !important; }
  .tor{ display:block !important; }
  .meqale{ width:100% !important; max-width:100% !important; border:none !important; box-shadow:none !important; padding:0 !important; margin:0 !important; }
  /* məqalə içində lazımsız hissələr */
  .paylash,.reklam-yeri,.ses-pleyer,.metn-zoom,.muellif,.teqler,.edq,.bunu-da-oxu,.benzer-xeberler,.m-baxis,.shekil-etiketler,.alt-nav,.topbar,.topbar-ust,.nav,.foot,.yuxari,.gundem,.yan{ display:none !important; }
  a[href]:after{ content:"" !important; }
  .meqale-shekil img{ max-width:100% !important; max-height:360px !important; object-fit:contain !important; }
}

/* ============================================================
   46. SƏSLİ XƏBƏR — pleyer
   ============================================================ */
.ses-pleyer{display:flex;align-items:center;gap:12px;margin:18px 0;padding:10px 16px;
  background:var(--qirmizi);border-radius:999px;color:#fff;box-shadow:0 6px 18px rgba(56,104,176,.25)}
.ses-pleyer audio{display:none}
.sp-play{background:none;border:none;padding:0;cursor:pointer;color:#fff;display:flex;flex-shrink:0}
.sp-play svg{width:30px;height:30px;display:block}
.sp-ikon-pauza{display:none}
.ses-pleyer.oynayir .sp-ikon-play{display:none}
.ses-pleyer.oynayir .sp-ikon-pauza{display:block}
.sp-vaxt{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;opacity:.95}
/* sürüşdürmə xətti */
.sp-xett{position:relative;flex:1;min-width:60px;height:5px;border-radius:999px;
  background:rgba(255,255,255,.35);cursor:pointer}
.sp-dolu{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:#fff}
.sp-topcuq{position:absolute;top:50%;left:0;width:13px;height:13px;border-radius:50%;background:#fff;
  transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .12s}
.sp-xett:hover .sp-topcuq{transform:translate(-50%,-50%) scale(1.15)}
/* səs + sürət */
.sp-ses{background:none;border:none;padding:0;cursor:pointer;color:#fff;display:flex;flex-shrink:0}
.sp-ses svg{width:22px;height:22px;display:block}
.sp-ikon-sessiz{display:none}
.ses-pleyer.sessiz .sp-ikon-ses{display:none}
.ses-pleyer.sessiz .sp-ikon-sessiz{display:block}
.sp-suret{background:rgba(255,255,255,.18);border:none;border-radius:999px;padding:4px 10px;
  color:#fff;font-family:var(--metn);font-size:12px;font-weight:800;cursor:pointer;flex-shrink:0;transition:.15s}
.sp-suret:hover{background:rgba(255,255,255,.3)}
html.gece .ses-pleyer{box-shadow:0 6px 18px rgba(0,0,0,.4)}
@media(max-width:640px){
  .ses-pleyer{gap:9px;padding:9px 12px}
  .sp-play svg{width:26px;height:26px}
  .sp-vaxt{font-size:11.5px}
  .sp-suret{padding:3px 8px;font-size:11px}
}
@media print{.ses-pleyer{display:none !important}}
/* səsli oxu — ikon vəziyyətləri (yüksək spesifiklik: .sp-play svg qaydasını üstələyir) */
.sp-etiket{display:none}
.ses-pleyer .sp-play .sp-ikon-play{display:block}
.ses-pleyer .sp-play .sp-ikon-pauza,
.ses-pleyer .sp-play .sp-ikon-yuklenir{display:none}
/* oynayır -> pauza ikonu */
.ses-pleyer.oynayir .sp-play .sp-ikon-play{display:none}
.ses-pleyer.oynayir .sp-play .sp-ikon-pauza{display:block}
/* yüklənir -> fırlanan */
.ses-pleyer.yuklenir .sp-play .sp-ikon-play,
.ses-pleyer.yuklenir .sp-play .sp-ikon-pauza{display:none}
.ses-pleyer.yuklenir .sp-play .sp-ikon-yuklenir{display:block;animation:sp-firlan 1s linear infinite}
@keyframes sp-firlan{to{transform:rotate(360deg)}}
/* ============================================================
   BƏNZƏR XƏBƏRLƏR (single, müəllifdən sonra) + BUNU DA OXU (məqalə içi)
   ============================================================ */
.benzer-xeberler{margin-top:26px;padding-top:20px;border-top:2px solid var(--xett)}
.bx-basliq{font-family:var(--serif-basliq);font-size:20px;font-weight:800;color:var(--qirmizi);margin:0 0 14px;
  display:flex;align-items:center;gap:9px}
.bx-basliq:before{content:"";width:4px;height:20px;background:var(--qirmizi);border-radius:3px}
.bx-qrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bx-kart{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;
  border-radius:12px;overflow:hidden;transition:.18s}
.bx-shekil{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--boz-acik)}
.bx-shekil img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.bx-kart:hover .bx-shekil img{transform:scale(1.05)}
.bx-ad{font-family:var(--serif-basliq);font-size:14px;font-weight:700;line-height:1.35;color:var(--tund);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bx-kart:hover .bx-ad{color:var(--qirmizi)}
html.gece .bx-ad{color:#e7eaf0}
html.gece .benzer-xeberler{border-color:#2a2e37}
@media(max-width:900px){.bx-qrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.bx-qrid{grid-template-columns:repeat(2,1fr);gap:10px}.bx-ad{font-size:13px}}

/* Məqalə içi "Bunu da oxu" — 5 yazı, timeline (birləşən nöqtələr), hava mavisi fon */
.bunu-da-oxu{margin:22px 0;padding:15px 18px;background:#eaf3fb;border:1px solid #d3e4f5;border-radius:12px}
.bdo-basliq{font-family:var(--serif-basliq);font-size:13px;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;color:#e4002b;margin-bottom:6px}
.bdo-siyahi{list-style:none;margin:0;padding:0;position:relative}
.bdo-siyahi li{position:relative;padding:8px 0 8px 22px;display:flex;align-items:center}
/* nöqtələri birləşdirən şaquli xətt */
.bdo-siyahi li:not(:last-child):after{content:"";position:absolute;left:5px;top:50%;
  width:2px;height:100%;background:rgba(228,0,43,.28);z-index:0}
/* nöqtə */
.bdo-siyahi li:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);
  width:8px;height:8px;border-radius:50%;background:#e4002b;
  box-shadow:0 0 0 3px #eaf3fb;z-index:1;transition:transform .18s ease}
.bdo-siyahi li:hover:before{transform:translateY(-50%) scale(1.5)}
.bdo-siyahi a{text-decoration:none;color:var(--tund);font-family:var(--serif-basliq);
  font-size:14.5px;font-weight:700;line-height:1.4;transition:color .15s}
.bdo-siyahi a:hover{color:#e4002b}
html.gece .bunu-da-oxu{background:#16283a;border-color:#294763}
html.gece .bdo-siyahi a{color:#e7eaf0}
html.gece .bdo-siyahi li:before{box-shadow:0 0 0 3px #16283a}
@media(max-width:520px){
  .bunu-da-oxu{padding:13px 15px}
  .bdo-siyahi a{font-size:13.5px}
}



/* Bənzər xəbərlər: başlıq sətri + "Hamısı" linki */
.bx-bas-setir{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bx-bas-setir .bx-basliq{margin:0}
.bx-hamisi{flex-shrink:0;font-family:var(--serif-basliq);font-size:13px;font-weight:800;color:var(--qirmizi);
  text-decoration:none;white-space:nowrap;transition:.15s}
.bx-hamisi:hover{opacity:.7}
.benzer-xeberler .bx-qrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.benzer-xeberler .bx-qrid{grid-template-columns:repeat(2,1fr)}}

/* Single sağ sütun: xəbər lenti */
.xeber-lenti{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;margin-top:22px;margin-bottom:18px;box-shadow:0 2px 8px rgba(10,40,44,.04)}
.xl-basliq{font-family:var(--serif-basliq);font-weight:800;font-size:15px;color:var(--tund);
  padding:15px 16px 15px 30px;border-bottom:1px solid var(--xett);text-transform:uppercase;letter-spacing:.6px;position:relative}
.xl-basliq::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:5px;height:17px;background:var(--qirmizi);border-radius:3px}
html.gece .xl-basliq{color:#e7eaf0}
.xl-siyahi{list-style:none;margin:0;padding:6px 14px}
.xl-siyahi li{border-bottom:1px dashed var(--xett)}
.xl-siyahi li:last-child{border-bottom:none}
.xl-siyahi a{display:block;padding:9px 0;text-decoration:none;color:var(--tund)}
.xl-vaxt{display:block;font-size:11px;color:var(--qirmizi);font-weight:700;margin-bottom:2px}
.xl-ad{display:block;font-family:var(--serif-basliq);font-size:13.5px;font-weight:700;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xl-siyahi a:hover .xl-ad{color:var(--qirmizi)}
html.gece .xeber-lenti{background:#1c2027;border-color:#2a2e37}
html.gece .xl-ad{color:#e7eaf0}
html.gece .xl-siyahi li{border-color:#2a2e37}

/* ============================================================
   FOOTER app düymələri — responsiv (mobil: sosialın altı simmetrik; planşet: əlaqənin altı alt-alta)
   ============================================================ */
.app-planset{display:none}
/* MOBİL: app-lar sosial ikonların altında, ortada simmetrik */
@media(max-width:570px){
  .sosial-app-setir{flex-direction:column !important;align-items:center !important;gap:14px !important}
  .sosial-app-setir .sosial{justify-content:center;width:100%}
  .sosial-app-setir .app-dugmeler{margin-left:0 !important;justify-content:center;width:100%}
}
/* PLANŞET: app-lar əlaqə məlumatlarının altında, alt-alta */
@media(min-width:571px) and (max-width:1024px){
  .sosial-app-setir .app-dugmeler{display:none !important}
  .app-planset{display:block;margin-top:18px}
  .app-planset .app-dugmeler{display:flex !important;flex-direction:column;align-items:flex-start;gap:10px;margin-left:0}
  .app-planset .app-sekil img{height:40px}
}