/* ==========================================================================
   Radyo 80 — Modern Haber Portalı teması
   Gövdeye .theme-modern sınıfı eklendiğinde devreye girer.
   style.min.css'ten SONRA yüklenir, onun üstüne yazar.
   ========================================================================== */

body.theme-modern {
    /* Marka */
    --m-blue: #1668b3;          /* etkileşim / bağlantı (beyaz üzerinde okunaklı) */
    --m-blue-light: #3a96dc;    /* logo mavisi, vurgu */
    --m-blue-dark: #0f4d87;
    --m-red: #d81f2a;           /* yalnızca son dakika / canlı */
    /* Nötrler */
    --m-ink: #0f1720;           /* başlıklar */
    --m-body: #39434f;          /* gövde metni */
    --m-muted: #707a86;
    --m-line: #e3e8ed;
    --m-bg: #ffffff;
    --m-soft: #f5f7f9;
    --m-dark: #101820;          /* footer / player */
    --m-radius: 6px;
    --m-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
    --m-sans: 'Inter', system-ui, -apple-system, sans-serif;

    /* Eski değişkenleri yeni palete bağla.
       NOT: --white/--text/--dark-card gibi değişkenler koyu zeminli üst şerit,
       footer ve player tarafından da kullanıldığı için ellenmez. */
    --primary: var(--m-blue);
    --primary-glow: rgba(22, 104, 179, .18);
    --accent: var(--m-blue-light);
    --accent-glow: rgba(58, 150, 220, .18);
    --gradient: linear-gradient(135deg, var(--m-blue), var(--m-blue-light));
    --shadow: 0 1px 2px rgba(15, 23, 32, .06);
    --radius: var(--m-radius);
    --radius-sm: 4px;

    background: var(--m-bg);
    color: var(--m-body);
    font-family: var(--m-sans);
    -webkit-font-smoothing: antialiased;
}

/* ---------- Tipografi ---------- */
body.theme-modern h1,
body.theme-modern h2,
body.theme-modern h3,
body.theme-modern h4 {
    font-family: var(--m-serif);
    color: var(--m-ink);
    letter-spacing: -.01em;
    line-height: 1.22;
    font-weight: 700;
}
body.theme-modern ::selection { background: rgba(58,150,220,.22); }

/* Bölüm kabuğu: kart/gölge/gradyan yok, ince ayraç var */
body.theme-modern .section,
body.theme-modern .kb-section { padding: 34px 0 0; background: transparent; }
body.theme-modern .kb-section > .container,
body.theme-modern .section > .container {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 24px; padding-right: 24px;
}

/* ---------- Üst bilgi şeridi ---------- */
/* Şerit komple açık renk; içindeki döviz bandı şeffaf kalmalı,
   aksi halde beyaz yazılar açık zeminde kayboluyor. */
body.theme-modern .top-bar {
    background: var(--m-soft) !important;
    color: var(--m-muted);
    border-bottom: 1px solid var(--m-line);
    font-size: .78rem;
}
body.theme-modern .doviz-ticker { background: transparent !important; }
body.theme-modern .top-bar a,
body.theme-modern .top-bar i,
body.theme-modern .top-bar-left,
body.theme-modern .top-bar-right { color: var(--m-muted); }
body.theme-modern .top-bar a:hover { color: var(--m-blue); }
body.theme-modern .dv-item { color: var(--m-body); }
body.theme-modern .dv-val { color: var(--m-ink) !important; font-weight: 700; }
body.theme-modern .dv-chg.up { color: #17835a; }
body.theme-modern .dv-chg.down { color: var(--m-red); }
body.theme-modern .top-bar-freq {
    background: var(--m-red); color: #fff !important;
    border: 0; border-radius: 100px; font-weight: 700;
}
body.theme-modern .top-bar-freq i { color: #fff; }

/* ---------- Üst menü: dolu renkli şerit, beyaz yazı, ikon + '/' ayraç ---------- */
body.theme-modern .navbar {
    background: var(--m-blue-dark);
    backdrop-filter: none;
    border-bottom: 0;
    box-shadow: none;
}
body.theme-modern .navbar .container { align-items: center; }
body.theme-modern .nav-links { align-items: center; }
body.theme-modern .nav-links > li { display: flex; align-items: center; }
/* Maddeler arası ince ayraç */
body.theme-modern .nav-links > li:not(:last-child)::after {
    content: '/';
    color: rgba(255, 255, 255, .38);
    font-weight: 400;
    margin: 0 2px;
}
body.theme-modern .nav-links > li > a {
    font-family: var(--m-sans);
    font-size: .88rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: .01em;
    border-radius: 0;
    background: none !important;
    padding: 12px 2px;
    margin: 0 12px;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    opacity: .92;
    transition: opacity .15s;
}
body.theme-modern .nav-links > li > a i {
    display: inline-block;
    font-size: .92em;
    opacity: .9;
}
body.theme-modern .nav-links > li > a:hover { opacity: 1; }
body.theme-modern .nav-links > li > a::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 4px;
    height: 2px; background: #fff; transform: scaleX(0);
    transition: transform .18s ease;
}
body.theme-modern .nav-links > li > a:hover::after,
body.theme-modern .nav-links > li > a.active::after { transform: scaleX(1); }
body.theme-modern .nav-links > li > a.active { color: #fff; opacity: 1; font-weight: 700; }

/* Sağ taraf: tema düğmesi, canlı yayın, hamburger */
body.theme-modern .theme-toggle,
body.theme-modern .hamburger span { color: #fff; }
body.theme-modern .theme-toggle {
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
}
body.theme-modern .theme-toggle:hover { background: rgba(255,255,255,.22); }
body.theme-modern .theme-toggle i { color: #fff; }
body.theme-modern .hamburger span { background: #fff; }
body.theme-modern .btn-live {
    background: var(--m-red);
    border: 0; border-radius: 100px;
    font-weight: 700; font-size: .78rem; letter-spacing: .04em;
    box-shadow: none; color: #fff;
}
body.theme-modern .logo-text { font-family: var(--m-serif); color: #fff; }
body.theme-modern .logo-accent { color: var(--m-blue-light); }

/* ---------- Son dakika bandı ---------- */
body.theme-modern .hp-ticker {
    background: var(--m-bg);
    border-bottom: 1px solid var(--m-line);
}
body.theme-modern .hp-ticker .container { padding: 0 24px; }
body.theme-modern .hp-ticker-label {
    background: var(--m-red); color: #fff; border-radius: 0;
    font-weight: 800; font-size: .72rem; letter-spacing: .08em;
}
body.theme-modern .hp-ticker-item { color: var(--m-ink); font-weight: 600; font-size: .86rem; }
body.theme-modern .hp-ticker-dot { color: var(--m-line); }

/* ---------- Manşet ---------- */
body.theme-modern .hp-manset { padding-top: 26px; }
body.theme-modern .hp-top-card {
    background: transparent; border: 0; border-radius: 0;
    box-shadow: none !important; transform: none !important;
}
body.theme-modern .hp-top-card-img { border-radius: var(--m-radius); overflow: hidden; }
body.theme-modern .hp-top-card h3 {
    font-family: var(--m-serif); font-size: 1.02rem; font-weight: 700;
    color: var(--m-ink); padding: 10px 0 0; line-height: 1.3;
}
body.theme-modern .hp-top-card:hover h3 { color: var(--m-blue-dark); }
body.theme-modern .hp-slide-overlay {
    background: linear-gradient(to top, rgba(10,15,22,.92) 0%, rgba(10,15,22,.35) 55%, transparent 100%);
}
body.theme-modern .hp-slide-overlay h2 {
    font-family: var(--m-serif); color: #fff; font-size: 1.9rem; line-height: 1.2;
}
body.theme-modern .hp-slider { border-radius: var(--m-radius); overflow: hidden; }
body.theme-modern .hp-manset-sidebar {
    background: transparent; border: 1px solid var(--m-line);
    border-radius: var(--m-radius); overflow: hidden;
}
body.theme-modern .hp-manset-link {
    color: var(--m-ink); font-weight: 600; font-size: .92rem;
    border-bottom: 1px solid var(--m-line); background: transparent;
}
body.theme-modern .hp-manset-link:hover { background: var(--m-soft); color: var(--m-blue-dark); }

/* ---------- Bölüm başlığı ---------- */
body.theme-modern .kb-header {
    border-bottom: 2px solid var(--m-ink);
    padding-bottom: 8px; margin-bottom: 20px;
}
body.theme-modern .kb-bar { display: none; }
body.theme-modern .kb-title h2 {
    font-family: var(--m-sans);
    font-size: .92rem; font-weight: 800;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--m-ink);
}
body.theme-modern .kb-all {
    font-size: .74rem; font-weight: 700; letter-spacing: .08em;
    color: var(--m-blue); background: none; border: 0; padding: 0;
}

/* ---------- Haber kutuları (grid) ---------- */
body.theme-modern .kb-mtile {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    transform: none !important;
}
body.theme-modern .kb-mtile-img { border-radius: var(--m-radius); overflow: hidden; }
body.theme-modern .kb-mtile-title {
    font-family: var(--m-serif);
    font-size: 1.04rem !important;
    line-height: 1.3 !important;
    color: var(--m-ink) !important;
    padding: 10px 0 0 !important;
    height: auto !important; max-height: none !important;
}
body.theme-modern .kb-mtile.kb-lg .kb-mtile-title { font-size: 1.6rem !important; padding-top: 14px !important; }
body.theme-modern .kb-mtile:hover .kb-mtile-title { color: var(--m-blue-dark) !important; }
body.theme-modern .kb-mtile:hover .kb-mtile-img img { transform: scale(1.04); }
body.theme-modern .kb-mgrid { gap: 26px 22px; }

/* ---------- Sidebar ---------- */
body.theme-modern .nd-widget,
body.theme-modern .hp-ad-widget {
    background: transparent;
    border: 0; border-top: 2px solid var(--m-ink);
    border-radius: 0; padding: 14px 0 0; margin-bottom: 26px;
}
body.theme-modern .nd-widget-title {
    font-family: var(--m-sans);
    font-size: .78rem; font-weight: 800; letter-spacing: .12em;
    color: var(--m-ink); border-bottom: 0; padding-bottom: 6px; margin-bottom: 10px;
}
body.theme-modern .nd-widget-title i { color: var(--m-blue); }
body.theme-modern .nd-popular-item { border-bottom: 1px solid var(--m-line); padding: 11px 0; background: none !important; }
body.theme-modern .nd-popular-num {
    background: none; color: var(--m-blue-light); border: 0;
    font-family: var(--m-serif); font-size: 1.5rem; font-weight: 700; width: 30px;
}
body.theme-modern .nd-popular-text { color: var(--m-ink); font-weight: 600; font-size: .9rem; }
body.theme-modern .nd-sidebar-news { border-bottom: 1px solid var(--m-line); padding: 11px 0; background: none !important; }
body.theme-modern .nd-sidebar-info h4 { font-family: var(--m-serif); color: var(--m-ink); font-size: .95rem; }
body.theme-modern .nd-sidebar-info span { color: var(--m-muted); font-size: .76rem; }
body.theme-modern .nd-sidebar-thumb { border-radius: var(--m-radius); }
body.theme-modern .nd-cat-tag {
    background: var(--m-soft); border: 1px solid var(--m-line); color: var(--m-body);
    border-radius: 100px; font-size: .78rem; font-weight: 600;
}
body.theme-modern .nd-cat-tag:hover { background: var(--m-blue); border-color: var(--m-blue); color: #fff; }

/* Şimdi yayında + uygulama kutusu */
body.theme-modern .hp-live-photo { border-color: var(--m-blue-light); }
body.theme-modern .hp-live-ph { background: var(--m-blue); }
body.theme-modern .hp-live-badge { background: rgba(216,31,42,.1); color: var(--m-red); }
body.theme-modern .hp-live-info strong { font-family: var(--m-serif); color: var(--m-ink); }
body.theme-modern .hp-live-btn,
body.theme-modern .btn-primary {
    background: var(--m-blue) !important;
    border-radius: var(--m-radius) !important;
    box-shadow: none !important;
    font-weight: 600;
}
body.theme-modern .hp-live-btn:hover { background: var(--m-blue-dark) !important; }
body.theme-modern .hp-play-btn { background: var(--m-ink); border-radius: var(--m-radius); }
body.theme-modern .hp-weather-icon,
body.theme-modern .hp-weather-day i { color: var(--m-blue-light); }
body.theme-modern .hp-weather-temp { font-family: var(--m-serif); color: var(--m-ink); }
body.theme-modern .hp-weather-day { background: var(--m-soft); border-radius: var(--m-radius); }

/* ---------- Haber detay ---------- */
body.theme-modern .nd-article {
    background: transparent !important;
    border: 0 !important; box-shadow: none !important; padding: 0 !important;
}
body.theme-modern .nd-title,
body.theme-modern .nd-article h1 {
    font-family: var(--m-serif); font-size: 2.5rem; line-height: 1.16;
    letter-spacing: -.015em; color: var(--m-ink);
}
body.theme-modern .nd-lead,
body.theme-modern .nd-ozet {
    font-family: var(--m-serif); font-size: 1.18rem; line-height: 1.6;
    color: var(--m-body); background: transparent; border: 0;
    border-left: 3px solid var(--m-blue-light); padding: 2px 0 2px 18px;
}
body.theme-modern .nd-body { font-size: 1.12rem; line-height: 1.75; color: var(--m-body); }
body.theme-modern .nd-body p { margin-bottom: 1.15em; }
body.theme-modern .nd-body h2, body.theme-modern .nd-body h3 { margin: 1.6em 0 .5em; }
body.theme-modern .nd-body a { color: var(--m-blue); text-decoration: underline; text-underline-offset: 2px; }
body.theme-modern .nd-image { border-radius: var(--m-radius); }
body.theme-modern .nd-meta,
body.theme-modern .nd-meta-info { border-top: 1px solid var(--m-line); border-bottom: 1px solid var(--m-line); background: transparent; }
body.theme-modern .nd-breadcrumb { font-size: .8rem; color: var(--m-muted); }
body.theme-modern .nd-share-btn { border-radius: var(--m-radius); }

/* ---------- Kategori / liste sayfası ---------- */
body.theme-modern .cat-page-title {
    font-family: var(--m-serif); color: var(--m-ink);
    border-bottom: 2px solid var(--m-ink); padding-bottom: 10px;
}
body.theme-modern .cat-pag-link {
    border: 1px solid var(--m-line); background: #fff; color: var(--m-body);
    border-radius: var(--m-radius); font-weight: 600;
}
body.theme-modern .cat-pag-link.active,
body.theme-modern .cat-pag-link:hover { background: var(--m-blue); border-color: var(--m-blue); color: #fff; }

/* ---------- Footer ---------- */
body.theme-modern .footer {
    background: var(--m-dark);
    border-top: 3px solid var(--m-blue);
}
body.theme-modern .footer-col h3 {
    font-family: var(--m-sans); font-size: .78rem; font-weight: 800;
    letter-spacing: .12em; text-transform: uppercase; color: #fff;
}
body.theme-modern .footer-col h3::after { background: var(--m-blue-light); }
body.theme-modern .footer-col a, body.theme-modern .footer-col li { color: #9aa6b2; }
body.theme-modern .footer-col a:hover { color: #fff; }
body.theme-modern .footer-social a { border: 1px solid rgba(255,255,255,.14); border-radius: var(--m-radius); }
body.theme-modern .footer-social a:hover { background: var(--m-blue); border-color: var(--m-blue); }
body.theme-modern .footer-dev a { color: var(--m-blue-light); }

/* ---------- Alt player ---------- */
body.theme-modern .sticky-player {
    background: var(--m-dark);
    border-top: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 -2px 20px rgba(15,23,32,.14);
}
body.theme-modern .btn-play {
    background: var(--m-blue) !important;
    box-shadow: 0 4px 14px rgba(22,104,179,.4) !important;
}
body.theme-modern #nowPlayingTitle { font-family: var(--m-serif); color: #fff; }
body.theme-modern .player-ad-track { color: var(--m-blue-light); }

/* ---------- Duyarlı ---------- */
@media (max-width: 991px) {
    body.theme-modern .kb-section > .container,
    body.theme-modern .section > .container,
    body.theme-modern .hp-ticker .container { padding-left: 16px; padding-right: 16px; }
    body.theme-modern .nd-title, body.theme-modern .nd-article h1 { font-size: 1.85rem; }
    body.theme-modern .kb-mtile.kb-lg .kb-mtile-title { font-size: 1.28rem !important; }
    body.theme-modern .hp-slide-overlay h2 { font-size: 1.25rem; }
    body.theme-modern .kb-mgrid { gap: 20px 14px; }
}

/* ---------- Son rötuşlar ---------- */
/* Gövde zemini beyaz (kartlar kalktığı için içerik doğrudan beyaz üzerinde) */
html.light-mode body.theme-modern,
html body.theme-modern { background: var(--m-bg); }

/* Player koyu zemin: yazılar açık renk kalsın */
body.theme-modern .sticky-player,
body.theme-modern .sticky-player .player-text span,
body.theme-modern .listener-count,
body.theme-modern .player-action-btn { color: #c9d3dd; }
body.theme-modern .player-action-btn:hover { color: #fff; }
body.theme-modern .volume-btn { color: #c9d3dd; }

@media (max-width: 767px) {
    body.theme-modern .hp-top-card h3 { font-size: .94rem; line-height: 1.28; }
    body.theme-modern .kb-mtile-title { font-size: .95rem !important; }
    body.theme-modern .hp-ticker-item { font-size: .82rem; }
}

/* ---------- Manşet slider sayfalama ---------- */
/* Not: genel 'a{color:inherit}' kuralı bu numaraların beyazını eziyordu; kaldırıldı. */
body.theme-modern .hp-slider-nums { background: rgba(10,15,22,.72); }
body.theme-modern .hp-slider-num {
    color: #fff !important;
    opacity: .85;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
body.theme-modern .hp-slider-num:hover { opacity: 1; background: rgba(255,255,255,.14); }
body.theme-modern .hp-slider-num.active {
    background: var(--m-blue);
    color: #fff !important;
    opacity: 1;
}

/* Kaydırınca menü beyazlaşıyordu (html.light-mode .navbar.scrolled kuralı daha güçlü).
   Sabit mavi kalsın; beyaz yazılar kaybolmasın. */
html body.theme-modern .navbar,
html body.theme-modern .navbar.scrolled,
html.light-mode body.theme-modern .navbar.scrolled {
    background: var(--m-blue-dark);
    box-shadow: 0 2px 14px rgba(15, 23, 32, .18);
}

/* ---------- İç sayfa başlık bandı (page-header) ---------- */
/* Eskiden koyu gradyan banttı; editöryel düzene uyması için açık ve sola hizalı. */
body.theme-modern .page-header {
    background: var(--m-bg) !important;
    border-bottom: 1px solid var(--m-line);
    padding: 26px 0 18px;
    text-align: left;
    min-height: 0;
}
body.theme-modern .page-header::before,
body.theme-modern .page-header::after { display: none !important; }
body.theme-modern .page-header h1 {
    font-family: var(--m-serif);
    color: var(--m-ink);
    font-size: 2.1rem;
    margin: 0 0 6px;
}
body.theme-modern .page-header h1 span { color: var(--m-blue); }
body.theme-modern .page-header p {
    color: var(--m-muted);
    font-size: .95rem;
    margin: 0;
}
body.theme-modern .page-header .breadcrumb { justify-content: flex-start; margin-top: 10px; }

/* ---------- Breadcrumb ---------- */
body.theme-modern .breadcrumb {
    display: flex; align-items: center; flex-wrap: wrap;
    gap: 8px;
    font-size: .8rem;
    color: var(--m-muted);
    padding: 12px 0;
}
body.theme-modern .breadcrumb a { color: var(--m-muted); }
body.theme-modern .breadcrumb a:hover { color: var(--m-blue); }
body.theme-modern .breadcrumb .bc-sep { color: var(--m-line); display: inline-flex; }
body.theme-modern .breadcrumb .bc-sep i { font-size: .62rem; }
body.theme-modern .breadcrumb .bc-current { color: var(--m-ink); font-weight: 600; }

/* Vefaat / liste kartlarındaki ikonlar marka rengine dönsün */
body.theme-modern .taziye-card i,
body.theme-modern .vefaat-card i { color: var(--m-blue-light); }

/* page-header içeriği sayfa kenarına yapışmasın */
body.theme-modern .page-header > .container {
    max-width: 1300px; margin: 0 auto; padding: 0 24px;
}
/* Haberler/haber sayfalarındaki ikinci breadcrumb türü */
body.theme-modern .nd-breadcrumb {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
    font-size: .8rem; color: var(--m-muted); text-transform: none;
}
body.theme-modern .nd-breadcrumb a { color: var(--m-muted); }
body.theme-modern .nd-breadcrumb a:hover { color: var(--m-blue); }
body.theme-modern .nd-breadcrumb i { font-size: .62rem; color: var(--m-line); }
body.theme-modern .nd-breadcrumb span { color: var(--m-ink); }
@media (max-width: 991px) {
    body.theme-modern .page-header > .container { padding: 0 16px; }
}

/* page-header'ın içinde .container yok; boşluğu bandın kendisine ver ve
   içeriği 1300px'lik okuma genişliğinde ortala. */
body.theme-modern .page-header {
    padding-left: max(24px, calc((100% - 1300px) / 2));
    padding-right: max(24px, calc((100% - 1300px) / 2));
    box-sizing: border-box;
    max-width: 100%;
}
@media (max-width: 991px) {
    body.theme-modern .page-header { padding-left: 16px; padding-right: 16px; }
}

/* Player'daki canlı yazısı eski pembe tonundaydı */
body.theme-modern .live-blink { color: var(--m-red) !important; }

/* ---------- Programcı sayfası ---------- */
/* Eski pembe ışıma yerine marka mavisi tonlu, sakin bir zemin */
body.theme-modern .dj-hero-section::after {
    background: radial-gradient(circle at 18% -10%, rgba(58,150,220,.16), transparent 55%) !important;
}
body.theme-modern .dj-schedule-item.active {
    background: rgba(58,150,220,.10) !important;
    border-color: rgba(58,150,220,.35) !important;
}
body.theme-modern .dj-badge,
body.theme-modern .dj-tag {
    background: var(--m-blue) !important;
    color: #fff !important;
}

/* Breadcrumb tüm sayfalarda aynı: sola hizalı, normal yazım */
body.theme-modern .nd-breadcrumb {
    justify-content: flex-start !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    max-width: 1300px; margin-left: auto; margin-right: auto;
    padding-left: 24px; padding-right: 24px;
}
@media (max-width: 991px) {
    body.theme-modern .nd-breadcrumb { padding-left: 16px; padding-right: 16px; }
}

/* ==========================================================================
   Son dakika bandı — sarı zemin, koyu kırmızı etiket (ülketv tarzı)
   ========================================================================== */
body.theme-modern .hp-ticker {
    background: #f5b921 !important;
    border-bottom: 0 !important;
}
body.theme-modern .hp-ticker-label {
    background: #8e1416 !important;
    color: #fff !important;
    border-radius: 0;
    font-weight: 800;
    letter-spacing: .06em;
}
body.theme-modern .hp-ticker-item { color: #14181d !important; font-weight: 700; }
body.theme-modern .hp-ticker-item:hover { color: #000 !important; text-decoration: underline; }
body.theme-modern .hp-ticker-dot { color: rgba(0,0,0,.3) !important; }

/* ==========================================================================
   Anasayfa blokları — beyaz kart + 2 sütun eşit kartlar (marashaber tarzı)
   ========================================================================== */
body.theme-modern .kb-section { padding: 0 0 22px !important; }
body.theme-modern .kb-section > .container {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05) !important;
    padding: 20px 22px 24px !important;
}

/* Blok başlığı: ikon + ad + mavi alt çizgi, sağa doğru ince ayraç, sonda TÜMÜ */
body.theme-modern .kb-header {
    display: flex; align-items: center; gap: 14px;
    border-bottom: 0 !important;
    padding-bottom: 0;
    margin-bottom: 18px;
}
body.theme-modern .kb-title {
    order: 1;
    padding-bottom: 9px;
    border-bottom: 3px solid var(--m-blue);
}
body.theme-modern .kb-title h2 {
    font-family: var(--m-sans);
    font-size: 1rem; font-weight: 800;
    letter-spacing: .06em; text-transform: uppercase;
    color: var(--m-ink);
}
body.theme-modern .kb-header::after {
    content: ''; order: 2; flex: 1; height: 1px;
    background: var(--m-line); margin-bottom: 0;
}
body.theme-modern .kb-all { order: 3; white-space: nowrap; }

/* Kartlar: 2 sütun, hepsi eşit (büyük hero yok) */
body.theme-modern .kb-mgrid {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 24px 22px !important;
}
body.theme-modern .kb-mtile.kb-lg {
    grid-column: auto !important;
    grid-row: auto !important;
}
body.theme-modern .kb-mtile-img,
body.theme-modern .kb-mtile.kb-lg .kb-mtile-img {
    aspect-ratio: 16 / 9 !important;
    flex: 0 0 auto !important;
    border-radius: 4px;
}
body.theme-modern .kb-mtile-title,
body.theme-modern .kb-mtile.kb-lg .kb-mtile-title {
    font-family: var(--m-sans) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    color: var(--m-ink) !important;
    padding: 11px 0 0 !important;
}

/* ==========================================================================
   Sidebar — beyaz kartlar, başlıkta ince ayraç çizgisi
   ========================================================================== */
body.theme-modern .nd-widget,
body.theme-modern .hp-ad-widget {
    background: #fff;
    border: 1px solid var(--m-line);
    border-top: 1px solid var(--m-line);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05);
    padding: 16px 16px 8px;
    margin-bottom: 18px;
}
body.theme-modern .nd-widget-title {
    display: flex; align-items: center; gap: 10px;
    font-family: var(--m-sans);
    font-size: .95rem; font-weight: 800;
    letter-spacing: 0; text-transform: none;
    color: var(--m-ink);
    border-bottom: 0; padding-bottom: 0; margin-bottom: 12px;
}
body.theme-modern .nd-widget-title::after {
    content: ''; flex: 1; height: 1px; background: var(--m-line);
}

/* Sidebar haber satırı: küçük görsel + kategori + başlık */
body.theme-modern .nd-sidebar-news {
    gap: 12px; padding: 12px 0;
    border-bottom: 1px solid var(--m-line);
}
body.theme-modern .nd-sidebar-news:last-child { border-bottom: 0; }
body.theme-modern .nd-sidebar-thumb {
    width: 84px; height: 58px; flex: 0 0 84px;
    border-radius: 4px; overflow: hidden;
}
body.theme-modern .nd-sidebar-info h4 {
    font-family: var(--m-sans);
    font-size: .88rem; font-weight: 700; line-height: 1.35;
    color: var(--m-ink);
}
body.theme-modern .sb-kat {
    display: block;
    font-size: .68rem; font-weight: 800; letter-spacing: .06em;
    text-transform: uppercase; color: var(--m-blue);
    margin-bottom: 3px;
}
body.theme-modern .nd-popular-item { padding: 10px 0; }

/* Mobil: iki sütunda kartlar küçük kalıyordu — tek sütun, geniş görsel,
   okunur başlık. Telefonda haber listesi böyle daha rahat taranıyor. */
@media (max-width: 767px) {
    body.theme-modern .kb-section > .container { padding: 16px 14px 20px !important; }
    body.theme-modern .kb-mgrid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
    body.theme-modern .kb-mtile-img,
    body.theme-modern .kb-mtile.kb-lg .kb-mtile-img {
        aspect-ratio: 16 / 9 !important;
        border-radius: 6px;
    }
    body.theme-modern .kb-mtile-title,
    body.theme-modern .kb-mtile.kb-lg .kb-mtile-title {
        font-size: 1.14rem !important;
        line-height: 1.32 !important;
        padding-top: 10px !important;
    }
}

/* ==========================================================================
   Haber detay — anasayfa blok diliyle aynı: beyaz kart, kalın sans başlık
   ========================================================================== */
body.theme-modern .nd-article {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05) !important;
    padding: 26px 30px 30px !important;
}
body.theme-modern .nd-title,
body.theme-modern .nd-article h1 {
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
    font-size: 2.05rem !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em;
    color: var(--m-ink);
    margin-bottom: 14px;
}
/* Kategori etiketi (breadcrumb'daki kategori) vurgulu */
body.theme-modern .nd-breadcrumb .nd-cat,
body.theme-modern .nd-breadcrumb span:last-child {
    color: var(--m-blue);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .72rem;
}
/* Özet */
body.theme-modern .nd-lead,
body.theme-modern .nd-ozet {
    font-family: var(--m-sans) !important;
    font-size: 1.06rem !important;
    line-height: 1.6 !important;
    font-weight: 500;
    color: var(--m-body);
    background: var(--m-soft);
    border: 0;
    border-left: 3px solid var(--m-blue);
    border-radius: 0 6px 6px 0;
    padding: 14px 18px !important;
    margin-bottom: 20px;
}
/* Künye satırı */
body.theme-modern .nd-meta,
body.theme-modern .nd-meta-info {
    background: transparent;
    border-top: 1px solid var(--m-line);
    border-bottom: 1px solid var(--m-line);
    padding: 12px 0;
    margin-bottom: 20px;
}
body.theme-modern .nd-avatar { background: var(--m-blue) !important; }
/* Görsel */
body.theme-modern .nd-image {
    border-radius: 6px;
    margin-bottom: 22px;
}
/* Metin */
body.theme-modern .nd-body {
    font-family: var(--m-sans);
    font-size: 1.06rem;
    line-height: 1.8;
    color: var(--m-body);
}
body.theme-modern .nd-body p { margin-bottom: 1.1em; }
body.theme-modern .nd-body h2,
body.theme-modern .nd-body h3 {
    font-family: var(--m-sans);
    font-weight: 800;
    font-size: 1.22rem;
    color: var(--m-ink);
    margin: 1.7em 0 .5em;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--m-blue);
    display: inline-block;
}
body.theme-modern .nd-body ol,
body.theme-modern .nd-body ul { margin: 0 0 1.2em 1.2em; }
body.theme-modern .nd-body li { margin-bottom: .5em; }
body.theme-modern .nd-body a { color: var(--m-blue); text-decoration: underline; text-underline-offset: 2px; }
/* Paylaş düğmeleri */
body.theme-modern .nd-share-btn { border-radius: 6px; }
/* İlgili/benzer haberler ve alt bölümler kart içinde dursun */
body.theme-modern .benzer-haberler-section,
body.theme-modern .nd-comments,
body.theme-modern .nd-nav {
    background: #fff;
    border: 1px solid var(--m-line);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05);
    padding: 20px 22px;
    margin-top: 18px;
}
body.theme-modern .benzer-haberler-section > h3 {
    font-family: var(--m-sans);
    font-size: 1rem; font-weight: 800;
    text-transform: uppercase; letter-spacing: .06em;
    color: var(--m-ink);
    padding-bottom: 9px;
    border-bottom: 3px solid var(--m-blue);
    display: inline-block;
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    body.theme-modern .nd-article { padding: 18px 16px 22px !important; }
    body.theme-modern .nd-title,
    body.theme-modern .nd-article h1 { font-size: 1.5rem !important; }
    body.theme-modern .nd-body { font-size: 1.02rem; }
}

/* ==========================================================================
   Haberler / kategori listesi — koyu kart kalıntıları beyaz karta çevrildi
   ========================================================================== */
body.theme-modern .cat-top-layout,
body.theme-modern .cat-sidebar-list,
body.theme-modern .cat-grid-item {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05) !important;
    color: var(--m-body) !important;
}
body.theme-modern .cat-top-layout { padding: 10px !important; }
body.theme-modern .cat-grid-item { overflow: hidden; transition: box-shadow .2s, transform .2s; }
body.theme-modern .cat-grid-item:hover {
    box-shadow: 0 6px 20px rgba(15, 23, 32, .1) !important;
    transform: translateY(-2px);
}
body.theme-modern .cat-grid-item h2,
body.theme-modern .cat-grid-item h3,
body.theme-modern .cat-grid-item h4 {
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: 1.38 !important;
    color: var(--m-ink) !important;
}
body.theme-modern .cat-grid-item p { color: var(--m-muted) !important; font-size: .88rem; }
body.theme-modern .cat-grid-item .cat-grid-meta,
body.theme-modern .cat-grid-item time,
body.theme-modern .cat-grid-item small { color: var(--m-muted) !important; }

/* Slider yanındaki başlık listesi */
body.theme-modern .cat-sidebar-item {
    background: transparent !important;
    border-bottom: 1px solid var(--m-line) !important;
    color: var(--m-ink) !important;
    font-weight: 600;
}
body.theme-modern .cat-sidebar-item:last-child { border-bottom: 0 !important; }
body.theme-modern .cat-sidebar-item:hover,
body.theme-modern .cat-sidebar-item.active {
    background: var(--m-soft) !important;
    color: var(--m-blue-dark) !important;
}
body.theme-modern .cat-slider-pagination span,
body.theme-modern .cat-slider-pagination a { color: #fff !important; }

/* ==========================================================================
   Sayfa başlıkları — her yerde kalın sans (serif kaldırıldı)
   ========================================================================== */
body.theme-modern .page-header h1,
body.theme-modern .cat-page-title,
body.theme-modern h1 {
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
    letter-spacing: -.01em;
}
/* Liste/galeri kartlarındaki başlıklar da sans */
body.theme-modern .bio-card h3,
body.theme-modern .bio-card h4,
body.theme-modern .taziye-card h3,
body.theme-modern .vefaat-card h3,
body.theme-modern .video-card h3,
body.theme-modern .galeri-card h3,
body.theme-modern .program-card h3,
body.theme-modern .hp-team-card h4 {
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
    color: var(--m-ink) !important;
}

/* Vefaat kartları ve son çalanlar panelindeki eski kırmızı ikonlar */
body.theme-modern .tz-item-detail i,
body.theme-modern .tz-item-details i { color: var(--m-blue-light) !important; }
body.theme-modern .history-head i { color: var(--m-blue-light) !important; }
body.theme-modern .history-item .hi-time { color: var(--m-blue) !important; }

/* ==========================================================================
   Mobil menü çekmecesi
   Zemin beyazdı ve yazılar beyaz kalıyordu (görünmez). Menüyle aynı maviye alındı.
   ========================================================================== */
@media (max-width: 768px) {
    body.theme-modern .nav-links {
        background: var(--m-blue-dark) !important;
        padding-top: 14px;
    }
    /* Dikey menüde '/' ayraçları olmamalı */
    body.theme-modern .nav-links > li:not(:last-child)::after { content: none !important; }
    body.theme-modern .nav-links > li {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.12);
    }
    body.theme-modern .nav-links > li:last-child { border-bottom: 0; }
    body.theme-modern .nav-links > li > a {
        display: flex;
        align-items: center;
        gap: 12px;
        color: #fff !important;
        opacity: 1;
        margin: 0;
        padding: 15px 22px;
        font-size: .96rem;
    }
    body.theme-modern .nav-links > li > a i {
        display: inline-block;
        width: 20px;
        text-align: center;
        opacity: .85;
    }
    /* Alt çizgi animasyonu dikey menüde gereksiz */
    body.theme-modern .nav-links > li > a::after { content: none !important; }
    body.theme-modern .nav-links > li > a.active {
        background: rgba(255,255,255,.12);
        font-weight: 700;
    }
    body.theme-modern .nav-links > li > a:active { background: rgba(255,255,255,.18); }
}

/* Çekmece açılma konumu garanti altına alındı (bazı kurallar eziyordu) */
@media (max-width: 768px) {
    body.theme-modern .nav-links.open { right: 0 !important; }
}

/* ==========================================================================
   Yayın Akışı / Programcılarımız + Programcı sayfası (dj-*)
   1) Scroll animasyonu güvenli hale getirildi: gözlemci tetiklenmezse
      (arka plan sekmesi, yavaş cihaz, JS hatası) kartlar görünmez kalıyordu.
      Artık içerik her koşulda görünür.
   2) Kartlar eski tasarımdaki gibi net beyaz kart + belirgin yazı.
   ========================================================================== */
body.theme-modern .program-card,
body.theme-modern .team-card,
body.theme-modern .stat-item,
body.theme-modern .contact-info-card,
body.theme-modern .news-card,
body.theme-modern .about-image-box,
body.theme-modern .contact-form,
body.theme-modern .featured-news {
    opacity: 1 !important;
    transform: none !important;
    transition: box-shadow .25s ease, border-color .25s ease !important;
    transition-delay: 0s !important;
}

/* --- Bölüm başlıkları --- */
body.theme-modern .section-header h2 {
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
    color: var(--m-ink) !important;
}
body.theme-modern .section-header h2 span { color: var(--m-blue) !important; }
body.theme-modern .section-header p { color: var(--m-muted) !important; }
body.theme-modern .section-line {
    background: var(--m-blue) !important;
    height: 3px !important;
    border-radius: 2px;
}

/* --- Yayın akışı kartları --- */
body.theme-modern .program-card {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .06);
}
body.theme-modern .program-card:hover {
    border-color: rgba(22, 104, 179, .45) !important;
    box-shadow: 0 6px 20px rgba(15, 23, 32, .1);
}
body.theme-modern .program-card::before { background: var(--m-blue) !important; }
body.theme-modern .program-card .program-time {
    color: var(--m-blue) !important;
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
}
body.theme-modern .program-card p { color: var(--m-muted) !important; }
body.theme-modern .program-dj span { color: var(--m-body) !important; font-weight: 600; }
body.theme-modern .program-dj-avatar {
    background: var(--m-soft) !important;
    color: var(--m-blue) !important;
}
body.theme-modern .program-card.now-playing-card {
    background: var(--m-soft) !important;
    border-color: rgba(22, 104, 179, .45) !important;
}
body.theme-modern .program-live-badge {
    background: var(--m-red) !important;
    color: #fff !important;
}

/* --- Programcı kartları (anasayfa) --- */
body.theme-modern .hp-team-card {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .06);
    transition: box-shadow .25s ease, border-color .25s ease;
}
body.theme-modern .hp-team-card:hover {
    border-color: rgba(22, 104, 179, .45) !important;
    box-shadow: 0 6px 20px rgba(15, 23, 32, .1);
}
body.theme-modern .hp-team-card:hover h4 { color: var(--m-blue) !important; }
body.theme-modern .hp-team-program { color: var(--m-blue) !important; font-weight: 600 !important; }
body.theme-modern .hp-team-time { color: var(--m-muted) !important; }
body.theme-modern .hp-team-avatar {
    background: var(--m-soft) !important;
    color: var(--m-blue) !important;
}

/* ==========================================================================
   /programci/<slug> — kart ve başlıklar temayla aynı dile getirildi
   ========================================================================== */
body.theme-modern .dj-hero-section {
    background: linear-gradient(180deg, var(--m-soft), #fff) !important;
    border-bottom: 1px solid var(--m-line) !important;
}
body.theme-modern .dj-hero-section::after {
    background: radial-gradient(circle at 18% -10%, rgba(58, 150, 220, .18), transparent 55%) !important;
}
body.theme-modern .dj-name {
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
    color: var(--m-ink) !important;
}
body.theme-modern .dj-role {
    background: var(--m-blue) !important;
    color: #fff !important;
    font-family: var(--m-sans) !important;
    box-shadow: 0 6px 18px rgba(22, 104, 179, .28) !important;
}
body.theme-modern .dj-hero-pill {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    color: var(--m-ink) !important;
}
body.theme-modern .dj-hero-pill i { color: var(--m-blue) !important; }
body.theme-modern .dj-hero-pill span { color: var(--m-muted) !important; }
body.theme-modern .dj-hero-actions .btn-primary {
    background: var(--m-blue) !important;
    color: #fff !important;
}
body.theme-modern .dj-hero-social a {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    color: var(--m-body) !important;
}
body.theme-modern .dj-hero-social a:hover {
    background: var(--m-blue) !important;
    border-color: var(--m-blue) !important;
    color: #fff !important;
}
body.theme-modern .dj-photo-wrap::before { background: var(--m-blue) !important; opacity: .25 !important; }
body.theme-modern .dj-photo,
body.theme-modern .dj-photo-placeholder { box-shadow: 0 10px 30px rgba(15, 23, 32, .18) !important; }
body.theme-modern .dj-photo-placeholder { background: linear-gradient(135deg, #1668b3, #0f4d87) !important; }

body.theme-modern .dj-section-title,
body.theme-modern .dj-widget-title,
body.theme-modern .dj-program-card h3,
body.theme-modern .dj-program-body h3 {
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
    color: var(--m-ink) !important;
    font-style: normal !important;
}
body.theme-modern .dj-section-title { border-bottom: 2px solid var(--m-blue) !important; }
body.theme-modern .dj-bio,
body.theme-modern .dj-bio-empty {
    color: var(--m-body) !important;
    font-family: var(--m-sans) !important;
    font-style: normal !important;
}
body.theme-modern .dj-program-card {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
}
body.theme-modern .dj-program-card:hover { border-color: rgba(22, 104, 179, .45) !important; }
body.theme-modern .dj-program-icon {
    background: var(--m-blue) !important;
    color: #fff !important;
}
body.theme-modern .dj-program-time { color: var(--m-blue) !important; font-weight: 700 !important; }
body.theme-modern .dj-program-time i { color: var(--m-blue) !important; }
body.theme-modern .dj-program-desc { color: var(--m-muted) !important; }
body.theme-modern .dj-widget {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
}
body.theme-modern .dj-widget-title { border-bottom: 2px solid var(--m-blue) !important; }
body.theme-modern .dj-widget-title i { color: var(--m-blue) !important; }
body.theme-modern .dj-schedule-item.active { background: var(--m-soft) !important; }
body.theme-modern .dj-schedule-name { color: var(--m-ink) !important; font-weight: 600 !important; }
body.theme-modern .dj-schedule-dj { color: var(--m-muted) !important; }
body.theme-modern .dj-other-card {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
    color: var(--m-ink) !important;
}
body.theme-modern .dj-other-card:hover { border-color: rgba(22, 104, 179, .45) !important; }
body.theme-modern .dj-other-avatar { background: var(--m-soft) !important; color: var(--m-blue) !important; }
body.theme-modern .dj-share-buttons a {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    color: var(--m-body) !important;
}
body.theme-modern .dj-share-buttons a:hover {
    background: var(--m-blue) !important;
    border-color: var(--m-blue) !important;
    color: #fff !important;
}
body.theme-modern .dj-breadcrumb a { color: var(--m-muted) !important; }
body.theme-modern .dj-breadcrumb a:hover { color: var(--m-blue) !important; }
body.theme-modern .dj-breadcrumb i { color: var(--m-muted) !important; }
body.theme-modern .dj-breadcrumb span { color: var(--m-ink) !important; }
body.theme-modern .program-card .program-time {
    background: var(--m-soft) !important;
}

/* ==========================================================================
   Sayfa zemini gri — beyaz kartlar (haber blokları, sidebar, haber detay,
   programcı kartları) zeminden ayrışsın.
   --m-bg (#fff) dokunulmadı: son dakika bandı ve sayfa başlık bandı beyaz kalır.
   ========================================================================== */
body.theme-modern { --m-page: #edf0f3; }

html:has(body.theme-modern) { background: #edf0f3; }
html.light-mode body.theme-modern,
html body.theme-modern,
body.theme-modern { background: var(--m-page) !important; }

/* İçerik sarmalayıcıları zemini beyaza boyamasın */
body.theme-modern #pageContent,
body.theme-modern .page-content,
body.theme-modern main,
body.theme-modern .cat-page,
body.theme-modern .dj-content-section { background: transparent !important; }

/* ==========================================================================
   Haber detay üst bloğu — referans düzen:
   1) Beyaz tam genişlik bant: breadcrumb + başlık + spot
   2) Gri künye şeridi: yazar / tarih / paylaş, üstü ve altı ince çizgi
   3) Altındaki içerik alanı gri zeminde beyaz kart (zaten öyle)
   :has(> .container) ile yalnızca haber detaydaki breadcrumb hedeflenir;
   liste sayfalarındaki sade breadcrumb etkilenmez.
   ========================================================================== */
body.theme-modern .nd-breadcrumb:has(> .container),
body.theme-modern .nd-header--wide {
    background: #fff !important;
}
body.theme-modern .nd-breadcrumb:has(> .container) {
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.theme-modern .nd-breadcrumb:has(> .container) > .container {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start !important;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 18px 24px 0 !important;
    border-bottom: 0 !important;
}

/* Başlık bandı */
body.theme-modern .nd-header--wide > .container {
    padding-top: 12px !important;
    padding-bottom: 26px !important;
}
body.theme-modern .nd-title {
    font-family: var(--m-sans) !important;
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    letter-spacing: -.02em !important;
    color: var(--m-ink) !important;
    margin: 0 !important;
}
body.theme-modern .nd-spot {
    font-family: var(--m-sans) !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #4c5663 !important;
    margin: 14px 0 0 !important;
}

/* Künye şeridi */
body.theme-modern .nd-byline-strip {
    background: #f2f4f6 !important;
    border-top: 1px solid var(--m-line) !important;
    border-bottom: 1px solid var(--m-line) !important;
}
body.theme-modern .nd-byline-strip > .container {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
body.theme-modern .nd-author-info b {
    color: var(--m-ink) !important;
    font-weight: 700 !important;
}
body.theme-modern .nd-author-info small {
    color: var(--m-red) !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
}
body.theme-modern .nd-byline-date b { color: var(--m-ink) !important; font-weight: 700 !important; }
body.theme-modern .nd-byline-date small { color: var(--m-muted) !important; letter-spacing: .05em; }
body.theme-modern .nd-avatar {
    background: var(--m-soft) !important;
    color: var(--m-blue) !important;
    font-weight: 800;
}

/* İçerik alanı gri zeminde başlasın */
body.theme-modern .nd-section { background: transparent !important; }
body.theme-modern .nd-section > .container { padding-top: 22px; }

@media (max-width: 991px) {
    body.theme-modern .nd-breadcrumb:has(> .container) > .container {
        padding: 14px 16px 0 !important;
    }
    body.theme-modern .nd-title { font-size: 1.62rem !important; }
    body.theme-modern .nd-spot { font-size: 1.02rem !important; }
}

/* ==========================================================================
   Sol blok ile sağ blok arası boşluk — referansta ~18px, bizde 43px'ti.
   İki sebep vardı: sütun aralığı 28px ve haber görselinin, kartın 30px iç
   boşluğu kadar içeride kalması. Görsel artık sütunun kenarına yaslı.
   Negatif kenar boşlukları .nd-article'ın iç boşluğuyla birebir eşleşmeli.
   ========================================================================== */
body.theme-modern .nd-layout,
body.theme-modern .hp-layout {
    gap: 18px !important;
}

body.theme-modern .nd-article .nd-image {
    margin-left: -30px !important;
    margin-right: -30px !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 0 !important;
    overflow: hidden;
}
body.theme-modern .nd-article > .nd-image:first-child {
    margin-top: -26px !important;
    margin-bottom: 22px !important;
    border-radius: 8px 8px 0 0 !important;
}
body.theme-modern .nd-article .nd-image img {
    display: block;
    width: 100%;
    border-radius: 0 !important;
}

@media (max-width: 767px) {
    body.theme-modern .nd-article .nd-image {
        margin-left: -16px !important;
        margin-right: -16px !important;
    }
    body.theme-modern .nd-article > .nd-image:first-child {
        margin-top: -18px !important;
        margin-bottom: 18px !important;
    }
}

/* ==========================================================================
   "Bunlara da bakabilirsiniz" ve önceki/sonraki haber kartları.
   Eski koyu tema değişkenleriyle (--dark-card, --white) yazılmışlardı;
   açık temada gri kutu + okunmaz yazı çıkıyordu. Beyaz karta alındı.
   ========================================================================== */
body.theme-modern .nd-related-title {
    font-family: var(--m-sans) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
    color: var(--m-ink) !important;
    border-bottom: 3px solid var(--m-blue) !important;
    padding-bottom: 9px !important;
    margin-bottom: 18px !important;
}
body.theme-modern .nd-related-grid { gap: 18px !important; }
body.theme-modern .nd-related-card {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05);
    transition: border-color .2s ease, box-shadow .2s ease !important;
    display: flex;
    flex-direction: column;
}
body.theme-modern .nd-related-card:hover {
    transform: none !important;
    border-color: rgba(22, 104, 179, .45) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 32, .1) !important;
}
body.theme-modern .nd-related-img {
    aspect-ratio: 16 / 9 !important;
    flex: 0 0 auto;
    border-radius: 7px 7px 0 0;
    overflow: hidden;
}
body.theme-modern .nd-related-placeholder i { color: rgba(255, 255, 255, .5) !important; }
body.theme-modern .nd-related-card h4 {
    font-family: var(--m-sans) !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--m-ink) !important;
    padding: 11px 13px 14px !important;
    -webkit-line-clamp: 3 !important;
}
body.theme-modern .nd-related-card:hover h4 { color: var(--m-blue-dark) !important; }

/* Önceki / sonraki haber */
body.theme-modern .nd-nav { gap: 18px !important; }
body.theme-modern .nd-nav-item {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
body.theme-modern .nd-nav-item:hover {
    background: var(--m-soft) !important;
    border-color: rgba(22, 104, 179, .45) !important;
}
body.theme-modern .nd-nav-empty {
    background: transparent !important;
    border: 0 !important;
}
body.theme-modern .nd-nav-label {
    color: var(--m-blue) !important;
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
}
body.theme-modern .nd-nav-title {
    font-family: var(--m-sans) !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    color: var(--m-ink) !important;
    line-height: 1.35 !important;
}

@media (max-width: 767px) {
    body.theme-modern .nd-related-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
    body.theme-modern .nd-nav { grid-template-columns: 1fr !important; gap: 12px !important; }
    body.theme-modern .nd-nav-next { text-align: left !important; }
    body.theme-modern .nd-nav-next .nd-nav-label { justify-content: flex-start !important; }
}

/* ==========================================================================
   Manşetin yanındaki haber listesi — küçük görsel + kategori + başlık
   ========================================================================== */
body.theme-modern .hp-manset-sidebar {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
body.theme-modern .hp-ms-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 12px 14px;
    text-decoration: none;
    border-top: 1px solid var(--m-line);
    flex: 1 1 0;
    min-height: 0;
    transition: background .15s ease;
}
body.theme-modern .hp-ms-item:first-child { border-top: 0; }
body.theme-modern .hp-ms-item:hover { background: var(--m-soft); }

body.theme-modern .hp-ms-thumb {
    flex: 0 0 96px;
    width: 96px;
    aspect-ratio: 16 / 11;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    background: var(--m-soft);
}
body.theme-modern .hp-ms-thumb img,
body.theme-modern .hp-ms-ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .6);
}

body.theme-modern .hp-ms-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
body.theme-modern .hp-ms-kat {
    font-family: var(--m-sans);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .07em;
    color: var(--m-red);
    text-transform: uppercase;
}
body.theme-modern .hp-ms-title {
    font-family: var(--m-sans);
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.34;
    color: var(--m-ink);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.theme-modern .hp-ms-item:hover .hp-ms-title { color: var(--m-blue-dark); }

/* ==========================================================================
   Yayın akışı kartı — programcı fotoğrafı 32px'ti, çok küçük kalıyordu
   ========================================================================== */
body.theme-modern .program-dj {
    gap: 12px !important;
    padding-top: 13px !important;
    border-top: 1px solid var(--m-line) !important;
    margin-top: 14px !important;
}
body.theme-modern .program-dj-photo {
    width: 52px !important;
    height: 52px !important;
    border: 2px solid var(--m-blue) !important;
    padding: 2px;
    background: #fff;
}
body.theme-modern .program-dj-avatar {
    width: 52px !important;
    height: 52px !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
}
body.theme-modern .program-dj span:not(.program-dj-avatar) {
    font-size: .95rem !important;
}

@media (max-width: 767px) {
    body.theme-modern .hp-ms-thumb { flex-basis: 84px; width: 84px; }
    body.theme-modern .hp-ms-title { font-size: .9rem; }
    body.theme-modern .program-dj-photo,
    body.theme-modern .program-dj-avatar { width: 46px !important; height: 46px !important; }
}

/* Mobilde manşet listesi: eşit yükseklik paylaşımı kapalı, kartlar doğal boyda.
   (Masaüstünde liste sliderın yüksekliğine yayılıyor; mobilde slider üstte
   ayrı durduğu için bu esneme satırları üst üste bindiriyordu.) */
@media (max-width: 991px) {
    body.theme-modern .hp-manset-sidebar {
        height: auto !important;
        max-height: none !important;
        display: block !important;
        overflow: visible !important;
    }
    body.theme-modern .hp-ms-item {
        flex: none !important;
        min-height: 0;
        align-items: center;
    }
}

/* ==========================================================================
   Yorum bölümü — etiketler var(--white) ile yazılmıştı, açık zeminde
   neredeyse görünmüyordu. Form alanları da temayla aynı dile getirildi.
   ========================================================================== */
body.theme-modern .nd-comments-title {
    font-family: var(--m-sans) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
    color: var(--m-ink) !important;
    border-bottom: 3px solid var(--m-blue) !important;
    padding-bottom: 9px !important;
    margin-bottom: 20px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
}
body.theme-modern .nd-comments-title i { color: var(--m-blue) !important; }
body.theme-modern .nd-comments-count { color: var(--m-muted) !important; font-weight: 700; }

body.theme-modern .nd-cf-group label {
    color: var(--m-ink) !important;
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
}
body.theme-modern .nd-cf-group label i { color: var(--m-blue) !important; }
body.theme-modern .nd-cf-group label span { color: var(--m-muted) !important; font-weight: 500; }

body.theme-modern .nd-cf-group input,
body.theme-modern .nd-cf-group textarea {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 6px !important;
    color: var(--m-ink) !important;
    font-family: var(--m-sans) !important;
    font-size: .95rem !important;
    padding: 11px 13px !important;
}
body.theme-modern .nd-cf-group input:focus,
body.theme-modern .nd-cf-group textarea:focus {
    border-color: var(--m-blue) !important;
    box-shadow: 0 0 0 3px rgba(22, 104, 179, .12) !important;
    outline: none !important;
}
body.theme-modern .nd-cf-group input::placeholder,
body.theme-modern .nd-cf-group textarea::placeholder { color: #9aa3ad !important; }

body.theme-modern .nd-cf-info { color: var(--m-muted) !important; font-size: .84rem !important; }
body.theme-modern .nd-cf-info i { color: var(--m-blue) !important; }
body.theme-modern .nd-cf-submit {
    background: var(--m-blue) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
    padding: 12px 24px !important;
}
body.theme-modern .nd-cf-submit:hover { background: var(--m-blue-dark) !important; }
body.theme-modern .nd-cf-submit:disabled { opacity: .6 !important; }

body.theme-modern .nd-cf-message.success {
    background: rgba(23, 131, 90, .1) !important;
    color: #146b4a !important;
    border: 1px solid rgba(23, 131, 90, .3) !important;
}
body.theme-modern .nd-cf-message.error {
    background: rgba(216, 31, 42, .08) !important;
    color: #9d1219 !important;
    border: 1px solid rgba(216, 31, 42, .3) !important;
}

body.theme-modern .nd-comment-empty { color: var(--m-muted) !important; }
body.theme-modern .nd-comment-empty i { color: var(--m-line) !important; }
body.theme-modern .nd-comment {
    border-top: 1px solid var(--m-line) !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
}
body.theme-modern .nd-comment-avatar {
    background: var(--m-soft) !important;
    color: var(--m-blue) !important;
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
}
body.theme-modern .nd-comment-name {
    color: var(--m-ink) !important;
    font-family: var(--m-sans) !important;
    font-weight: 700 !important;
}
body.theme-modern .nd-comment-date { color: var(--m-muted) !important; }
body.theme-modern .nd-comment-text { color: var(--m-body) !important; line-height: 1.65 !important; }

/* ==========================================================================
   Sürmanşet — beyaz kart, başlık tam görünür (kırpma yok)
   ========================================================================== */
body.theme-modern .hp-top-cards { align-items: stretch; }
body.theme-modern .hp-top-card {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05) !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
body.theme-modern .hp-top-card:hover {
    border-color: rgba(22, 104, 179, .45) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 32, .1) !important;
}
body.theme-modern .hp-top-card-img {
    border-radius: 0 !important;
    aspect-ratio: 16 / 9;
    flex: 0 0 auto;
}
body.theme-modern .hp-top-card h3 {
    font-family: var(--m-sans) !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    line-height: 1.36 !important;
    color: var(--m-ink) !important;
    padding: 12px 14px 15px !important;
    display: block !important;
    -webkit-line-clamp: none !important;
    overflow: visible !important;
}

/* ==========================================================================
   Başlıklar tam sığsın — kırpma kaldırıldı
   ========================================================================== */
body.theme-modern .kb-mtile-title,
body.theme-modern .kb-mtile.kb-lg .kb-mtile-title,
body.theme-modern .hp-ms-title,
body.theme-modern .nd-related-card h4,
body.theme-modern .cat-grid-item h3 {
    display: block !important;
    -webkit-line-clamp: none !important;
    overflow: visible !important;
}
/* Kart yükseklikleri eşitlensin ki başlık uzayınca düzen bozulmasın */
body.theme-modern .kb-mgrid { align-items: stretch; }
body.theme-modern .kb-mtile { display: flex; flex-direction: column; }
body.theme-modern .kb-mtile-img { flex: 0 0 auto; }

/* Manşet yanındaki listede satır yüksekliği başlığa göre büyüsün */
body.theme-modern .hp-manset-sidebar { overflow: visible; }
body.theme-modern .hp-ms-item { align-items: center; }

/* ==========================================================================
   Programcı sayfası — sol sütun beyaz kart, üstteki boşluk toplandı
   ========================================================================== */
body.theme-modern .dj-content-section { padding-top: 18px !important; }
body.theme-modern .dj-main {
    background: #fff !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 32, .05);
    padding: 20px 22px 24px !important;
}
body.theme-modern .dj-hero-inner { padding: 34px 0 30px !important; }

/* Kurum botunun haber içine eklediği görseller */
body.theme-modern .nd-body .kb-ic-gorsel { margin: 20px 0; }
body.theme-modern .nd-body .kb-ic-gorsel img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}
body.theme-modern .nd-body .kb-kaynak {
    margin-top: 22px;
    padding-top: 14px;
    border-top: 1px solid var(--m-line);
    color: var(--m-muted);
    font-size: .88rem;
}

/* ==========================================================================
   Haber görseli: hiç kırpılmasın ama aşırı da uzamasın.
   Kurum afişleri kare/dikey gelebiliyor; genişliğe yayınca 800px'i aşıyordu.
   Görsel kendi oranını korur, yüksekliği sınırlanır, ortalanır.
   ========================================================================== */
body.theme-modern .nd-article .nd-image {
    background: var(--m-soft) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.theme-modern .nd-article .nd-image img {
    /* Sütunu her zaman doldur: küçük gelen kurum görselleri "width: auto" ile
       kendi ölçüsünde kalıp yanlarda boşluk bırakıyordu. Yükseklik sınırı
       kare/dikey görsellerin sayfayı uzatmasını engeller; oran korunur. */
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 640px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}
@media (max-width: 767px) {
    body.theme-modern .nd-article .nd-image img { max-height: 440px !important; }
}

/* Haber metni içindeki görseller de kırpılmadan sığsın (dikey fotoğraflar
   tam genişliğe yayılınca sayfayı uzatıyordu). */
body.theme-modern .nd-body .kb-ic-gorsel {
    margin: 22px 0;
    text-align: center;
}
body.theme-modern .nd-body .kb-ic-gorsel img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 520px;
    object-fit: contain;
    display: inline-block;
    border-radius: 6px;
}
/* Editörden eklenmiş serbest görseller için de aynı sınır */
body.theme-modern .nd-body img {
    max-width: 100%;
    max-height: 560px;
    height: auto;
    object-fit: contain;
}
@media (max-width: 767px) {
    body.theme-modern .nd-body .kb-ic-gorsel img,
    body.theme-modern .nd-body img { max-height: 400px; }
}

/* ==========================================================================
   Manşet yanındaki liste — satırlar slider yüksekliğini paylaştığı için
   sabit yükseklikte. Uzun başlıklar karttan taşıyordu: satır başına 3 satır
   başlık sınırı ve taşma kesme eklendi.
   ========================================================================== */
body.theme-modern .hp-manset-sidebar { overflow: hidden; }
body.theme-modern .hp-ms-item { overflow: hidden; }
body.theme-modern .hp-ms-body { overflow: hidden; }
body.theme-modern .hp-ms-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: .86rem !important;
    line-height: 1.32 !important;
}
@media (max-width: 991px) {
    body.theme-modern .hp-manset-sidebar,
    body.theme-modern .hp-ms-item,
    body.theme-modern .hp-ms-body { overflow: visible; }
    body.theme-modern .hp-ms-title {
        display: block !important;
        -webkit-line-clamp: none !important;
        overflow: visible !important;
    }
}

/* ==========================================================================
   Son Haberler bloğu — referans düzen
   Başlık solda, tarih rozeti sağda; satırlar ince çizgiyle ayrık;
   küçük görselin sol üstünde marka mavisi köşe aksanı.
   ========================================================================== */
body.theme-modern .nd-widget-son .nd-widget-title {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
    color: var(--m-ink) !important;
}
body.theme-modern .nd-widget-son .nd-widget-title i { color: var(--m-blue) !important; }
/* Başlıkla rozet arasını dolduran ince çizgi */
body.theme-modern .nd-widget-son .nd-widget-title::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--m-line);
}
body.theme-modern .nd-widget-tarih {
    flex: 0 0 auto;
    background: var(--m-blue) !important;
    color: #fff !important;
    font-family: var(--m-sans);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .01em;
    padding: 5px 11px;
    border-radius: 4px;
    white-space: nowrap;
}

body.theme-modern .nd-widget-son .nd-sidebar-news {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--m-line) !important;
    text-decoration: none;
}
body.theme-modern .nd-widget-son .nd-sidebar-news:first-of-type { padding-top: 16px !important; }
body.theme-modern .nd-widget-son .nd-sidebar-news:last-child { border-bottom: 0 !important; }
body.theme-modern .nd-widget-son .nd-sidebar-news:hover { background: transparent !important; }

body.theme-modern .nd-widget-son .nd-sidebar-thumb {
    position: relative;
    flex: 0 0 112px;
    width: 112px !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    border-radius: 3px;
    overflow: hidden;
    background: var(--m-soft);
}
body.theme-modern .nd-widget-son .nd-sidebar-thumb img,
body.theme-modern .nd-widget-son .nd-sidebar-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .6);
}
/* Sol üst köşe aksanı — site mavisi */
body.theme-modern .nd-widget-son .nd-sidebar-thumb::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: var(--m-blue) transparent transparent transparent;
    z-index: 2;
    pointer-events: none;
}

body.theme-modern .nd-widget-son .nd-sidebar-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
body.theme-modern .nd-widget-son .sb-kat {
    font-family: var(--m-sans);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--m-blue) !important;
    margin: 0 !important;
}
body.theme-modern .nd-widget-son .nd-sidebar-info h4 {
    font-family: var(--m-sans) !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    line-height: 1.34 !important;
    color: var(--m-ink) !important;
    margin: 0 !important;
}
body.theme-modern .nd-widget-son .nd-sidebar-news:hover .nd-sidebar-info h4 { color: var(--m-blue-dark) !important; }

@media (max-width: 767px) {
    body.theme-modern .nd-widget-son .nd-sidebar-thumb { flex-basis: 92px; width: 92px !important; }
    body.theme-modern .nd-widget-tarih { font-size: .7rem; padding: 4px 9px; }
}

/* ==========================================================================
   Haber metni okunurluğu
   Referans sitedeki ölçüler: 20px punto, 1.5 satır aralığı, koyu gri.
   (O sitenin yazı tipi Gibson; lisanslı olduğu için kendi CDN'lerinden
   çekilmiyor, ölçüler Inter ile eşlendi.)
   ========================================================================== */
body.theme-modern .nd-body {
    font-family: var(--m-sans) !important;
    font-size: 1.25rem !important;      /* 20px */
    line-height: 1.6 !important;
    color: #212529 !important;
    letter-spacing: 0 !important;
}
body.theme-modern .nd-body p { margin-bottom: .95em !important; }
body.theme-modern .nd-body h2,
body.theme-modern .nd-body h3 {
    font-family: var(--m-sans) !important;
    font-weight: 800 !important;
    color: var(--m-ink) !important;
    margin: 1.4em 0 .5em !important;
}
body.theme-modern .nd-body h2 { font-size: 1.45rem !important; }
body.theme-modern .nd-body h3 { font-size: 1.25rem !important; }
body.theme-modern .nd-body li { margin-bottom: .5em; }
body.theme-modern .nd-body strong, body.theme-modern .nd-body b { font-weight: 700 !important; }
@media (max-width: 767px) {
    body.theme-modern .nd-body { font-size: 1.12rem !important; line-height: 1.62 !important; }
}

/* ==========================================================================
   "Bunlar da ilginizi çekebilir" — referans düzen
   Başlık solda + sağa uzanan ince çizgi, 3 sütun, görsel üstte, kalın başlık.
   ========================================================================== */
body.theme-modern .nd-related-title {
    display: flex !important;
    align-items: center;
    gap: 16px;
    width: 100%;
    font-family: var(--m-sans) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
    color: var(--m-ink) !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px !important;
}
body.theme-modern .nd-related-title::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--m-line);
}
body.theme-modern .nd-related-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 26px 22px !important;
}
body.theme-modern .nd-related-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
}
body.theme-modern .nd-related-card:hover {
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}
body.theme-modern .nd-related-img {
    aspect-ratio: 16 / 10 !important;
    border-radius: 4px !important;
    overflow: hidden;
    flex: 0 0 auto;
}
body.theme-modern .nd-related-card h4 {
    font-family: var(--m-sans) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.34 !important;
    color: var(--m-ink) !important;
    padding: 12px 0 0 !important;
    display: block !important;
    -webkit-line-clamp: none !important;
    overflow: visible !important;
}
body.theme-modern .nd-related-card:hover h4 { color: var(--m-blue) !important; }

@media (max-width: 991px) {
    body.theme-modern .nd-related-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 575px) {
    body.theme-modern .nd-related-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
}