:root {
    /* Haber / portal tipografisi (haberler.com tarzı: net gövde, güçlü başlık, Türkçe uyumlu) */
    --font-ui: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-article: "Noto Serif", Georgia, "Times New Roman", Times, serif;
    --color-bg: #f1f5f9;
    --color-surface: #ffffff;
    --color-card: #ffffff;
    --color-text: #1a1a1a;
    --color-text-muted: #5f6368;
    --color-accent: #2563eb;
    --color-accent-hover: #1d4ed8;
    --color-accent-light: rgba(37, 99, 235, 0.08);
    --color-border: #e2e8f0;
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.1), 0 2px 6px -2px rgba(15, 23, 42, 0.06);
    --shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, 0.12), 0 4px 8px -2px rgba(15, 23, 42, 0.06);
    --shadow-xl: 0 20px 40px -8px rgba(15, 23, 42, 0.15);
    /* Genel tema: kart/slider/bölümlerde keskin köşe (yuvarlak avatar/nokta kontrolleri ayrıca % ile kalır) */
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;
    /* Kart/slider: tek görsel kaynağı kutuya göre kırpılır (ek sunucu işlemi gerekmez) */
    --media-object-fit: cover;
    --media-object-position: center;
}

/* 16px taban — haber siteleriyle uyumlu okuma boyutu */
html { font-size: 100%; }

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: var(--font-ui);
    line-height: 1.6;
    color: var(--color-text);
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* Reklam alanları - AdSense scroll sırasında kaybolmasını önlemek için */
.ad-slot {
  margin: 1rem 0;
  text-align: center;
  min-height: 90px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.ad-slot-header_below { margin: 0 0 0.35rem; }
.ad-slot-content_top,
.ad-slot-content_bottom { margin: 0.65rem 0 1rem; }
.ad-slot-sidebar {
  margin-bottom: 1.5rem;
  min-height: 100px;
}
/* Sidebar: scroll container içinde AdSense'in parent'a style enjekte etmesini sınırlamak */
.ad-slot--isolate {
  overflow: visible;
}
.ad-slot-in_post { margin: 1.5rem 0; }
.ad-slot-footer_above { margin: 1.5rem 0 0; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.container-wide { max-width: 1400px; }
#main-content { padding: 0.65rem 0 2.5rem; }

.header {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-border);
    padding: 1rem 0;
    box-shadow: var(--shadow-sm);
}
.header-nav { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; flex-wrap: wrap; gap: 0.75rem; }
.header-logo { font-weight: 800; font-size: 1.3rem; text-decoration: none; color: var(--color-text); letter-spacing: -0.03em; }
.header-logo img { height: 42px; }
.header-menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 2rem; }
.header-menu a { text-decoration: none; color: var(--color-text-muted); font-weight: 500; font-size: 0.95rem; transition: color 0.2s; }
.header-menu a:hover { color: var(--color-accent); }
.header-cta {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
    color: #fff;
    padding: 0.6rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
}
.header-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); }
.header-sticky { position: sticky; top: 0; z-index: 100; }

/* Portal Header — CMNews tarzı (üst şerit + logo + teal ticker) */
.header-portal { background: #fff; border-bottom: none; }
.header-portal--news { box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06); }

/* Opsiyonel borsa şeridi (eski) */
.portal-topbar {
    background: #f8fafc; border-bottom: 1px solid var(--color-border);
    font-size: 0.8rem; padding: 0.4rem 0;
}
.portal-topbar-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 1.25rem;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem;
}
.portal-topbar-items { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.portal-topbar-item { color: var(--color-text-muted); }
.portal-topbar-item strong { color: var(--color-text); font-weight: 600; }
.portal-topbar-item-up .portal-topbar-change { color: #16a34a; }
.portal-topbar-item-down .portal-topbar-change { color: #dc2626; }
.portal-topbar-link { color: var(--color-text-muted); text-decoration: none; font-weight: 600; }
.portal-topbar-link:hover { color: var(--color-accent); }

.portal-utility-row {
    background: #fff;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 0.8125rem;
    padding: 0.35rem 0;
}
.portal-utility-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 1.25rem;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
}
.portal-utility-right {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    white-space: nowrap;
}
.portal-utility-time {
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #111;
    font-variant-numeric: tabular-nums;
}
.portal-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; margin: 0; }
.portal-breadcrumb a {
    color: #757575; text-decoration: none;
}
.portal-breadcrumb a:hover { text-decoration: underline; color: #424242; }
.portal-breadcrumb-sep { color: #9e9e9e; font-weight: 400; user-select: none; }
.portal-breadcrumb-current { color: #757575; }
.portal-utility-date { color: #757575; white-space: nowrap; }

.portal-brand-row {
    background: #fff;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding: 0.65rem 0 0.85rem;
}
.portal-brand-inner {
    max-width: 1280px; margin: 0 auto; padding: 0 1.15rem;
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem 1rem;
    flex-wrap: nowrap;
}
.portal-brand-left { flex: 0 1 auto; min-width: 0; }
.portal-logo-block {
    display: flex; flex-direction: column; align-items: flex-start; gap: 0.15rem;
    text-decoration: none; color: inherit;
}
.portal-logo-img { height: 40px; width: auto; display: block; max-width: min(200px, 28vw); object-fit: contain; }
.portal-logo-text-row { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0.15em; line-height: 1.15; }
.portal-logo-primary {
    font-size: clamp(1.35rem, 3.5vw, 1.85rem); font-weight: 800;
    color: #0097a7; letter-spacing: -0.02em;
}
.portal-logo-suffix { font-size: clamp(1rem, 2.5vw, 1.35rem); font-weight: 500; color: #757575; }
.portal-logo-tagline { font-size: 0.72rem; color: #757575; line-height: 1.3; max-width: 22rem; }

.portal-inline-nav {
    flex: 1 1 auto; min-width: 0; display: flex; justify-content: center;
}
.portal-nav-menu {
    display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;
    list-style: none; margin: 0; padding: 0;
    gap: 0; column-gap: 0;
}
.portal-nav-menu li { position: relative; display: flex; align-items: flex-start; flex: 0 0 auto; }
.portal-nav-menu li + li::before {
    content: "";
    display: block; width: 1px; height: 0.85rem; background: #e0e0e0; margin: 0 0.4rem;
    align-self: center; flex-shrink: 0;
}
.portal-nav-menu a {
    text-decoration: none; color: #111; font-weight: 700; font-size: 0.72rem;
    letter-spacing: 0.02em; text-transform: uppercase; padding: 0.3rem 0;
    white-space: nowrap;
}
.portal-nav-menu a:hover { color: #0097a7; }
.portal-nav-chevron { font-size: 0.5rem; opacity: 0.75; vertical-align: middle; }

.header-portal--news,
.header-portal--news .portal-brand-row,
.header-portal--news .portal-brand-inner,
.header-portal--news .portal-inline-nav,
.header-portal--news .portal-nav-menu {
    overflow: visible;
}
.portal-nav-item--dropdown { position: relative; }
.portal-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    margin: 0.15rem 0 0;
    padding: 0.4rem 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    z-index: 200;
    text-align: left;
}
.portal-nav-item--dropdown:hover > .portal-submenu,
.portal-nav-item--dropdown:focus-within > .portal-submenu {
    display: block;
}
.portal-submenu li { display: block; margin: 0; }
.portal-submenu li + li::before { display: none !important; }
.portal-submenu a {
    display: block;
    padding: 0.55rem 1rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    white-space: normal;
    color: #111;
}
.portal-submenu a:hover { background: #f1f5f9; color: #0097a7; }

.header-menu-item--has-children { position: relative; }
.header-nav-chevron { font-size: 0.7rem; opacity: 0.7; }
.header-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    margin: 0.15rem 0 0;
    padding: 0.35rem 0;
    list-style: none;
    background: var(--color-card, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    box-shadow: var(--shadow-md, 0 8px 20px rgba(0,0,0,.1));
    z-index: 200;
}
.header-menu-item--has-children:hover > .header-submenu,
.header-menu-item--has-children:focus-within > .header-submenu {
    display: block;
}
.header-submenu a { display: block; padding: 0.55rem 1rem; white-space: nowrap; }

.portal-brand-media {
    flex: 0 0 auto; display: flex; align-items: center; gap: 0.65rem; flex-wrap: nowrap;
}
.portal-brand-media:empty { display: none; }
.portal-media-link {
    display: inline-flex; align-items: center; gap: 0.35rem;
    text-decoration: none; color: #111; font-weight: 700; font-size: 0.72rem;
    letter-spacing: 0.02em; white-space: nowrap;
}
.portal-media-link:hover { opacity: 0.85; }
.portal-media-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.portal-media-icon--tv { color: #2e7d32; }
.portal-media-icon--gallery { color: #1565c0; }

.portal-teal-bar {
    background: linear-gradient(90deg, #26c6da 0%, #0097a7 55%, #00838f 100%);
    color: #fff;
    padding: 0.45rem 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.portal-teal-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 1.25rem;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    min-height: 2.25rem;
}
.portal-ticker-wrap {
    display: flex; align-items: center; gap: 0.6rem; min-width: 0; flex: 1 1 auto;
}
.portal-ticker-clock {
    flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.2);
}
.portal-ticker-clock svg { stroke: #fff; }
.portal-ticker-link, .portal-ticker-static {
    margin: 0; font-size: 0.875rem; line-height: 1.35; color: #fff;
    text-decoration: none; min-width: 0;
}
.portal-ticker-link:hover { text-decoration: underline; }
.portal-ticker-static strong, .portal-ticker-link strong { font-weight: 700; }
.portal-ticker-static--placeholder { opacity: 0.45; }

/* Otomatik son dakika: son 5 haber arasında dönüş */
.portal-ticker-rotator {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
}
.portal-ticker-rotator__item {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.portal-ticker-rotator__item.is-active { display: block; }

.portal-teal-right {
    flex: 0 0 auto; display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0;
}
.portal-weather--teal {
    display: flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; color: rgba(255, 255, 255, 0.95);
}
.portal-teal-bar .portal-weather-city { font-weight: 600; }
.portal-teal-bar .portal-weather-temp { font-weight: 800; }
.portal-teal-bar .portal-weather-desc { opacity: 0.9; font-size: 1rem; line-height: 1; }
.portal-teal-divider {
    width: 1px; height: 1.25rem; background: rgba(255, 255, 255, 0.35); margin: 0 0.15rem;
}
.portal-teal-icon-btn {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; padding: 0;
    background: transparent; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 2px;
    color: #fff; cursor: pointer; text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}
.portal-teal-icon-btn:hover { background: rgba(255, 255, 255, 0.12); border-color: #fff; }
.portal-teal-icon-btn svg { stroke: currentColor; }

.portal-toggle {
    display: none; flex-direction: column; justify-content: center; gap: 5px;
    width: 40px; height: 40px; padding: 0; background: none; border: none;
    cursor: pointer; color: var(--color-text);
}
.portal-toggle span { display: block; width: 22px; height: 2px; background: currentColor; }

.portal-search-overlay {
    position: fixed; inset: 0; z-index: 9999;
    display: flex; align-items: flex-start; justify-content: center; padding-top: 15vh;
    background: rgba(0,0,0,0.4); opacity: 0; visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}
.portal-search-overlay.portal-search-open {
    opacity: 1; visibility: visible;
}
.portal-search-backdrop { position: absolute; inset: 0; cursor: pointer; }
.portal-search-box {
    position: relative; width: 100%; max-width: 560px; margin: 0 1rem;
    background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    padding: 1rem 3rem 1rem 1.25rem;
}
.portal-search-form { display: flex; gap: 0.5rem; align-items: center; }
.portal-search-input {
    flex: 1; padding: 0.75rem 1rem; font-size: 1rem; border: 1px solid var(--color-border);
    border-radius: 8px; outline: none;
}
.portal-search-input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 2px rgba(37,99,235,0.2); }
.portal-search-submit {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; padding: 0;
    background: var(--color-accent); color: #fff; border: none; border-radius: 8px;
    cursor: pointer;
}
.portal-search-submit:hover { filter: brightness(1.1); }
.portal-search-close {
    position: absolute; top: 0.75rem; right: 0.75rem;
    width: 36px; height: 36px; padding: 0;
    background: none; border: none; color: var(--color-text-muted);
    cursor: pointer; border-radius: 6px;
}
.portal-search-close:hover { color: var(--color-text); background: rgba(0,0,0,0.06); }

/* Eski portal ana bar sınıfları (geri uyumluluk) */
.portal-tv-btn {
    display: inline-flex; align-items: center; gap: 0.35rem;
    text-decoration: none; color: #dc2626; font-weight: 700; font-size: 0.9rem;
}
.portal-tv-badge {
    background: #dc2626; color: #fff; padding: 0.2rem 0.4rem;
    font-size: 0.7rem; font-weight: 800;
}
.portal-logo { display: block; }
.portal-logo img { height: 48px; display: block; }
.portal-logo-text { font-size: 1.5rem; font-weight: 800; color: var(--color-text); text-decoration: none; }
.portal-mainbar-right { display: flex; align-items: center; gap: 1rem; }
.portal-mainbar { padding: 0.75rem 0; }
.portal-mainbar-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 1.25rem;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.portal-mainbar-left { display: flex; align-items: center; gap: 1rem; }
.portal-search-btn {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; padding: 0;
    background: none; border: none; border-radius: 50%;
    cursor: pointer; color: var(--color-text-muted);
}
.portal-search-btn:hover { color: var(--color-accent); background: rgba(0,0,0,0.05); }
.portal-search-icon { flex-shrink: 0; }

@media (max-width: 1100px) and (min-width: 901px) {
    .header-portal--news .portal-nav-menu a {
        font-size: 0.66rem;
        letter-spacing: 0.015em;
    }
    .header-portal--news .portal-nav-menu li + li::before {
        margin: 0 0.28rem;
    }
    .header-portal--news .portal-logo-img {
        height: 36px;
        max-width: 160px;
    }
    .header-portal--news .portal-brand-inner {
        padding: 0 0.85rem;
        gap: 0.5rem 0.65rem;
    }
}

@media (max-width: 900px) {
    .header-portal--news .portal-toggle { display: flex; }
    .header-portal--news .portal-brand-inner {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .header-portal--news .portal-brand-left { flex: 1 1 auto; min-width: 0; }
    .header-portal--news .portal-brand-media { gap: 0.75rem; }
    .header-portal--news .portal-inline-nav {
        order: 10; flex: 1 1 100%; width: 100%;
        display: none; justify-content: stretch;
        border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 0.5rem; margin-top: 0.25rem;
    }
    .header-portal--news.portal-nav-open .portal-inline-nav,
    .header-portal--news .portal-inline-nav.portal-inline-nav-open {
        display: flex;
    }
    .header-portal--news .portal-nav-menu {
        flex-direction: column; flex-wrap: wrap; align-items: stretch; width: 100%;
        gap: 0; padding: 0.25rem 0 0.5rem;
    }
    .header-portal--news .portal-nav-menu li + li::before { display: none; }
    .header-portal--news .portal-nav-menu a {
        padding: 0.6rem 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        font-size: 0.82rem; letter-spacing: 0.03em;
    }
    .header-portal--news .portal-submenu {
        position: static;
        transform: none;
        display: none;
        box-shadow: none;
        border: none;
        border-left: 2px solid #e2e8f0;
        margin: 0 0 0.35rem 0.5rem;
        padding: 0;
        min-width: 0;
        background: transparent;
    }
    .header-portal--news.portal-nav-open .portal-nav-item--dropdown.is-open > .portal-submenu,
    .header-portal--news .portal-nav-item--dropdown:focus-within > .portal-submenu {
        display: block;
    }
    .header-portal--news .portal-submenu a {
        padding: 0.45rem 0.75rem;
        font-size: 0.8rem;
        border-bottom: none;
        text-transform: none;
    }
    /* Son dakika şeridi + sağ ikonlar: tek satır, ticker kesilir; iki satıra bölünmez */
    .header-portal--news .portal-teal-inner {
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.45rem;
        min-height: 2.1rem;
    }
    .header-portal--news .portal-ticker-wrap {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }
    /* Tek satır metin: yalnızca doğrudan link / statik metin; rotatör öğeleri kendi display kurallarını kullanır */
    .header-portal--news .portal-ticker-wrap > .portal-ticker-link,
    .header-portal--news .portal-ticker-wrap > .portal-ticker-static {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .header-portal--news .portal-ticker-rotator {
        min-width: 0;
    }
    .header-portal--news .portal-ticker-rotator .portal-ticker-rotator__item.is-active {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* Mobilde yalnızca haber başlığı — «SON DAKİKA:» öneki masaüstünde kalır */
    .header-portal--news .portal-ticker-prefix {
        display: none;
    }
    .header-portal--news .portal-ticker-clock {
        display: none;
    }
    .header-portal--news .portal-teal-right {
        flex: 0 0 auto;
        width: auto;
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 0.35rem;
    }
}
/* Çok dar ekran: teal şeritte hava özetini gizle (arama + son dakika için yer) */
@media (max-width: 520px) {
    .header-portal--news .portal-weather--teal,
    .header-portal--news .portal-weather--teal + .portal-teal-divider {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .portal-topbar-items { font-size: 0.75rem; gap: 0.5rem; }
}

/* Layout: Logo Sol, Menü Sağ (varsayılan) */
.header-topbar_left .header-nav { justify-content: space-between; }

/* Layout: Ortalanmış */
.header-topbar_centered .header-nav {
    flex-direction: column; justify-content: center; text-align: center;
}
.header-topbar_centered .header-logo { margin-bottom: 0.25rem; }
.header-topbar_centered .header-menu { justify-content: center; }
.header-topbar_centered .header-cta { margin-left: 0; }

/* Layout: Minimal */
.header-minimal { padding: 0.5rem 0; }
.header-minimal .header-nav { padding: 0 1rem; }
.header-minimal .header-logo img { height: 32px; }
.header-minimal .header-logo { font-size: 1.1rem; }
.header-minimal .header-menu { gap: 1.25rem; }
.header-minimal .header-cta { padding: 0.4rem 0.8rem; font-size: 0.9rem; }

/* Hamburger menü - mobil */
.header-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; padding: 0; background: transparent; border: none; cursor: pointer; border-radius: var(--radius-sm); color: var(--color-text); }
.header-toggle-bar { display: block; width: 22px; height: 2px; background: currentColor; border-radius: 1px; transition: transform 0.25s, opacity 0.25s; }
.header-toggle[aria-expanded="true"] .header-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.header-toggle[aria-expanded="true"] .header-toggle-bar:nth-child(2) { opacity: 0; }
.header-toggle[aria-expanded="true"] .header-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.header-menu-wrap { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
@media (max-width: 768px) {
    .header-nav { position: relative; flex-wrap: nowrap; }
    .header-toggle { display: flex; margin-left: auto; }
    .header-menu-wrap { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; flex-direction: column; align-items: stretch; padding: 1rem 1.25rem; background: var(--color-card); border-bottom: 1px solid var(--color-border); box-shadow: var(--shadow-md); max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s, opacity 0.25s; }
    .header-menu-wrap.is-open { max-height: 80vh; opacity: 1; overflow-y: auto; }
    .header-menu { flex-direction: column; gap: 0; width: 100%; padding: 0; }
    .header-menu li { border-bottom: 1px solid var(--color-border); }
    .header-menu li:last-child { border-bottom: none; }
    .header-menu a { display: block; padding: 0.875rem 0; font-size: 1rem; }
    .header-cta { margin-top: 0.5rem; text-align: center; }
    .header-topbar_centered .header-nav { flex-wrap: nowrap; flex-direction: row; justify-content: space-between; }
    .header-topbar_centered .header-logo { margin-bottom: 0; }
    .header-topbar_centered .header-menu-wrap { left: 0; right: 0; }
}

.footer {
    background: linear-gradient(180deg, #0f172a 0%, #020617 100%);
    margin-top: 2.75rem;
    border-top: none;
    color: #e2e8f0;
    padding-top: 0.5rem;
}
.footer-container { max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; }
.footer-main { padding: 2.5rem 0; }
.footer-main .footer-container {
    display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: start;
}
@media (max-width: 640px) {
    .footer-main .footer-container { grid-template-columns: 1fr; gap: 2rem; }
}
.footer-brand { min-width: 0; }
.footer-logo {
    display: inline-block; font-size: 1.25rem; font-weight: 700; color: #fff;
    text-decoration: none; letter-spacing: -0.02em; margin-bottom: 0.5rem;
}
.footer-logo:hover { color: #94a3b8; }
.footer-logo img { height: 36px; width: auto; max-width: 200px; object-fit: contain; vertical-align: middle; }
.footer-logo img:hover { opacity: 0.92; }
.footer-tagline { margin: 0; font-size: 0.9rem; color: #94a3b8; line-height: 1.5; max-width: 320px; }
.footer-links { display: flex; gap: 3rem; }
.footer-col { display: flex; flex-direction: column; gap: 0.5rem; }
.footer-col h4 {
    margin: 0 0 0.25rem; font-size: 0.75rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.08em; color: #94a3b8;
}
.footer-col a {
    color: #cbd5e1; text-decoration: none; font-size: 0.9rem;
    transition: color 0.2s;
}
.footer-col a:hover { color: #fff; }
.footer-widgets { padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.1); }
.footer-widgets .widget { margin-bottom: 1rem; color: #e2e8f0; }
.footer-widgets .widget:last-child { margin-bottom: 0; }
.footer-bottom { padding: 1.25rem 0; border-top: 1px solid rgba(255,255,255,0.1); }
.footer-bottom .footer-container { display: flex; flex-direction: column; gap: 0.5rem; align-items: center; text-align: center; }
.footer-copyright { margin: 0; font-size: 0.85rem; color: #94a3b8; }
.footer-credit { margin: 0; font-size: 0.8rem; color: #64748b; }
.footer-credit a { color: #94a3b8; text-decoration: none; transition: color 0.2s; }
.footer-credit a:hover { color: #fff; }
.content-bottom-area { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--color-border); }

.section { padding: 0.85rem 0; }
.homepage-section-wrapper { padding: 0.2rem 0; }
/* Portal slider ile four-cards arası boşluğu azalt */
.homepage-section-wrapper:has(.section-portal-slider) { padding-bottom: 0; }
.homepage-section-wrapper:has(.section-portal-slider) + .homepage-section-wrapper:has(.section-four-cards) { padding-top: 0; }
/* Resmî İlanlar ve Kripto Para üst boşluğu azalt */
.homepage-section-wrapper:has(.section-official-announcements),
.homepage-section-wrapper:has(.section-crypto-currencies) { padding-top: 0.2rem; }
.homepage-section-full-width .container { max-width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; }
.homepage-section-full-width .main-slider-container { max-width: 100%; }
.homepage-section-outer-title { margin-bottom: 0.2rem; }
.homepage-section-title { margin: 0; font-size: 1.5rem; font-weight: 700; }
.section-hero-static {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 100%);
    color: #fff;
    text-align: center;
    padding: 2.25rem 1.5rem;
    position: relative;
    overflow: hidden;
}
.section-hero-static::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 60%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(37, 99, 235, 0.15) 0%, transparent 70%);
    pointer-events: none;
}
.hero-title { font-size: 2.75rem; margin: 0 0 0.5rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1.2; }
.hero-subtitle { font-size: 1.2rem; opacity: 0.92; line-height: 1.5; max-width: 560px; margin: 0 auto; }
.hero-cta {
    display: inline-block;
    margin-top: 1.25rem;
    padding: 0.875rem 1.75rem;
    background: #fff;
    color: #0f172a;
    text-decoration: none;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 1rem;
    box-shadow: var(--shadow-lg);
    transition: transform 0.2s, box-shadow 0.2s;
}
.hero-cta:hover { transform: translateY(-2px); box-shadow: var(--shadow-xl); }
.section-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 0.65rem;
}
.section-header .section-title { margin-bottom: 0; flex: 1; min-width: 0; }
.section-header .section-viewall {
    flex-shrink: 0;
    margin-left: auto;
}
.section-viewall {
    color: var(--color-text-muted);
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}
.section-viewall:hover { color: var(--color-accent); }
.section-title { font-size: 1.85rem; margin-bottom: 0.65rem; font-weight: 800; letter-spacing: -0.03em; color: var(--color-text); }
.section-cta {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.6rem 1.5rem;
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
    color: #fff;
    text-decoration: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 0.95rem;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}
.section-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35); }
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.blog-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.3s, transform 0.3s, border-color 0.2s;
}
.blog-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, 0.2);
}
.blog-card a { text-decoration: none; color: inherit; display: block; padding: 1rem; }
.blog-card img { width: 100%; height: 180px; object-fit: cover; }
.blog-card h3 { margin: 0.5rem 0; font-size: 1.1rem; font-weight: 600; line-height: 1.35; }
.blog-card .excerpt { font-size: 0.9rem; color: var(--color-text-muted); margin: 0; }
.blog-card .author { font-size: 0.85rem; color: var(--color-text-muted); }

/* Son Haberler section */
.section-latest-news .latest-news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.section-latest-news .news-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.3s, transform 0.3s, border-color 0.2s;
}
.section-latest-news .news-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, 0.15);
}
.section-latest-news .news-card a { text-decoration: none; color: inherit; display: block; }
.section-latest-news .news-card-image { aspect-ratio: 16/9; overflow: hidden; }
.section-latest-news .news-card-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.3s;
}
.section-latest-news .news-card:hover .news-card-image img { transform: scale(1.04); }
.section-latest-news .news-card-body { padding: 1rem; }
.section-latest-news .news-card h3 { margin: 0 0 0.5rem; font-size: 1.1rem; font-weight: 600; }
.section-latest-news .news-card .excerpt { font-size: 0.9rem; color: var(--color-text-muted); margin: 0; }
.section-latest-news .news-card .author { font-size: 0.85rem; color: var(--color-text-muted); }

.section-cta-banner { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #fff; text-align: center; padding: 1.35rem 1.5rem; border-radius: var(--radius-lg); }
.cta-title { margin: 0 0 0.5rem; font-weight: 700; }
.cta-button { display: inline-block; margin-top: 1rem; padding: 0.75rem 1.5rem; background: #fff; color: #0f172a; text-decoration: none; border-radius: var(--radius-md); font-weight: 600; transition: transform 0.2s, box-shadow 0.2s; }
.cta-button:hover { transform: translateY(-1px); box-shadow: var(--shadow-lg); }

.blog-list { display: grid; gap: 2rem; }
.blog-item { border-bottom: 1px solid #eee; padding-bottom: 2rem; }
.blog-item a { text-decoration: none; color: inherit; }
.blog-item h2 { margin: 0 0 0.5rem; }
.blog-item .meta { font-size: 0.9rem; color: #666; }

/* Kategori / Blog listesi – modern tasarım */
.blog-page-modern { padding: 0 1rem 2rem; }
/* DOM’da tutulup görüntülenmeyen bloklar (Başlık/H1 SEO; display:none yerine clip) */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.blog-page-header {
    margin-bottom: 2rem; padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}
.blog-page-title { margin: 0 0 0.25rem; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.03em; color: var(--color-text); }
.blog-page-subtitle { margin: 0; font-size: 0.95rem; color: var(--color-text-muted); }
.blog-page-tag-rss {
    font-weight: 600;
    color: var(--color-accent, #2563eb);
    text-decoration: none;
}
.blog-page-tag-rss:hover { text-decoration: underline; }
.blog-page-subtitle-sep { margin: 0 0.35rem; opacity: 0.5; }

.blog-page-tags-index .tags-index-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.tags-index-list__item {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--color-border);
}
.tags-index-list__item:last-child { border-bottom: 0; }
.tags-index-list__link {
    font-weight: 600;
    color: var(--color-text);
    text-decoration: none;
}
.tags-index-list__link:hover { color: var(--color-accent); }
.tags-index-list__count {
    font-size: 0.85rem;
    color: var(--color-text-muted);
}
.blog-page-empty { color: var(--color-text-muted); padding: 2rem; text-align: center; }

/* Tüm yazarlar listesi (/yazarlar) — modern */
.authors-index-page--modern {
    max-width: none;
    margin: 0;
    padding: 0 0 3rem;
}
.authors-index-hero {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 2rem 1.25rem 2.75rem;
    box-sizing: border-box;
    overflow: hidden;
    background: radial-gradient(120% 160% at 12% 0%, rgba(59, 130, 246, 0.45) 0%, transparent 55%),
        radial-gradient(90% 120% at 88% 20%, rgba(15, 23, 42, 0.55) 0%, transparent 50%),
        linear-gradient(125deg, #0f172a 0%, #1e293b 42%, #1d4ed8 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.authors-index-hero__glow {
    pointer-events: none;
    position: absolute;
    inset: -40% -20% auto;
    height: 80%;
    background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.12) 0%, transparent 55%);
    opacity: 0.9;
}
.authors-index-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 920px;
    margin: 0 auto;
}
.authors-index-hero__eyebrow {
    margin: 0 0 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}
.authors-index-hero__title {
    margin: 0 0 0.65rem;
    font-size: clamp(1.85rem, 4.5vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 1.15;
}
.authors-index-hero__lead {
    margin: 0;
    max-width: 40rem;
    font-size: 1.02rem;
    line-height: 1.55;
    color: rgba(226, 232, 240, 0.88);
}
.authors-index-hero__stat {
    margin: 1.35rem 0 0;
    display: inline-flex;
    align-items: baseline;
    gap: 0.45rem;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.92);
}
.authors-index-hero__stat-num {
    font-weight: 800;
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}
.authors-index-hero__stat-label { font-weight: 500; opacity: 0.9; }

.authors-index-body {
    max-width: 920px;
    margin: 0 auto;
    padding: 1.75rem 1.25rem 0;
    box-sizing: border-box;
}
.authors-index-empty {
    margin: 0;
    padding: 2rem 0;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 1rem;
}

.authors-index-page--modern .authors-index-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.authors-index-card {
    display: flex;
    align-items: center;
    gap: 1rem 1.15rem;
    padding: 1rem 1.1rem 1rem 1rem;
    text-decoration: none;
    color: inherit;
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.22s ease;
}
.authors-index-card:hover {
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 12px 28px -12px rgba(15, 23, 42, 0.18);
    transform: translateY(-2px);
}
.authors-index-card:focus-visible {
    outline: 2px solid var(--color-accent, #2563eb);
    outline-offset: 2px;
}
.authors-index-card__avatar-wrap {
    flex-shrink: 0;
}
.authors-index-card__avatar {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--color-surface, #f8fafc);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}
.authors-index-card__avatar--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #3b82f6 0%, #1d4ed8 52%, #1e3a8a 100%);
    font-size: 1.65rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.03em;
}
.authors-index-card__body {
    flex: 1;
    min-width: 0;
}
.authors-index-card__name {
    margin: 0 0 0.2rem;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--color-text);
}
.authors-index-card:hover .authors-index-card__name {
    color: var(--color-accent, #2563eb);
}
.authors-index-card__role {
    margin: 0 0 0.35rem;
    font-size: 0.88rem;
    line-height: 1.35;
    color: var(--color-text-muted);
}
.authors-index-card__meta {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color-text-muted);
    opacity: 0.95;
}
.authors-index-card__arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--color-surface, #f1f5f9);
    color: var(--color-text-muted);
    transition: background 0.2s, color 0.2s, transform 0.2s;
}
.authors-index-card:hover .authors-index-card__arrow {
    background: rgba(37, 99, 235, 0.12);
    color: var(--color-accent, #2563eb);
    transform: translateX(3px);
}

@media (min-width: 700px) {
    .authors-index-page--modern .authors-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
}
@media (min-width: 900px) {
    .authors-index-hero { padding: 2.35rem 1.5rem 3rem; }
    .authors-index-body { padding-top: 2rem; }
    .authors-index-page--modern .authors-index-grid { gap: 1.1rem; }
}

/* Yazar profili (/yazar/{slug}) — üst bant + kart */
.author-page {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0 0 2rem;
    position: relative;
    z-index: 0;
}
.author-hero-top {
    /* Sol kenara kadar taş; sağda sidebar’ın altına girme */
    width: calc(50vw + 50%);
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    padding: 1.5rem 1.25rem 4.75rem;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    background: radial-gradient(120% 180% at 10% 0%, rgba(37, 99, 235, 0.38) 0%, transparent 52%),
        radial-gradient(90% 140% at 92% 30%, rgba(15, 23, 42, 0.6) 0%, transparent 48%),
        linear-gradient(118deg, #0f172a 0%, #1e293b 40%, #1e40af 118%);
}
.author-hero-eyebrow {
    max-width: 920px;
    margin: 0 auto;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.author-hero-card {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 1.75rem;
    align-items: flex-start;
    padding: 1.6rem 1.5rem 1.75rem;
    background: var(--color-card);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-lg);
    margin: -3.5rem 0 2.25rem;
}
.author-hero-card__visual {
    flex-shrink: 0;
}
.author-hero-card__avatar {
    display: block;
    width: 152px;
    height: 152px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(37, 99, 235, 0.15);
}
.author-hero-card__avatar--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #3b82f6 0%, #1d4ed8 50%, #1e3a8a 100%);
    font-size: 2.75rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}
.author-hero-card__body {
    flex: 1;
    min-width: 0;
}
.author-hero-card__name {
    margin: 0 0 0.35rem;
    font-size: clamp(1.65rem, 3.5vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--color-text);
}
.author-hero-card__role {
    margin: 0 0 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 2px solid var(--color-accent-light);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--color-accent);
}
.author-hero-card__bio {
    font-family: var(--font-article);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-text);
    margin-bottom: 1.1rem;
}
.author-hero-card__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
}
.author-hero-card__social {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 1rem;
    font-weight: 600;
    font-size: 0.88rem;
    color: #fff;
    background: #0a66c2;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(10, 102, 194, 0.35);
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.author-hero-card__social:hover {
    background: #004182;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(10, 102, 194, 0.4);
    color: #fff;
}
.author-hero-card__stat {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-muted);
    padding: 0.35rem 0.75rem;
    background: var(--color-accent-light);
    border-radius: var(--radius-md);
}
.author-profile-posts__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 1.15rem;
    padding-bottom: 0.65rem;
    border-bottom: 2px solid var(--color-border);
}
.author-profile-posts__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-text);
    padding-left: 0.6rem;
    border-left: 4px solid var(--color-accent);
}
.author-profile-posts__count {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
}
.author-profile-posts__list {
    margin-top: 0;
}
@media (min-width: 960px) {
    .author-profile-posts__list.blog-list-modern {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 1rem 1.15rem;
    }
    .author-profile-posts__list .blog-card-modern {
        margin-bottom: 0;
        min-width: 0;
    }
    /* Dar sütunda yatay kart taşımasın — görsel üstte */
    .author-profile-posts__list .blog-card-modern-link {
        flex-direction: column;
        gap: 0.85rem;
        padding: 0.85rem;
    }
    .author-profile-posts__list .blog-card-modern-image {
        width: 100%;
    }
    .author-profile-posts__list .blog-card-modern-excerpt {
        -webkit-line-clamp: 3;
    }
}
@media (max-width: 640px) {
    .author-hero-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1.35rem 1.1rem 1.5rem;
    }
    .author-hero-card__body {
        text-align: center;
    }
    .author-hero-card__footer {
        justify-content: center;
    }
    .author-hero-card__role {
        border-bottom-color: var(--color-border);
    }
    .author-profile-posts__head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.blog-list-modern { display: flex; flex-direction: column; gap: 0; }
.blog-card-modern {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.25s, transform 0.25s, border-color 0.2s;
}
.blog-card-modern:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.2);
}
.blog-card-modern-link {
    display: flex; gap: 1.25rem; padding: 1rem;
    text-decoration: none; color: inherit;
}
.blog-card-modern-image {
    flex-shrink: 0; width: 200px; aspect-ratio: 16/9;
    overflow: hidden; border-radius: var(--radius-md);
    background: var(--color-surface);
}
.blog-card-modern-image img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.3s;
}
.blog-card-modern:hover .blog-card-modern-image img { transform: scale(1.05); }
.blog-card-modern-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.blog-card-modern-body { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.blog-card-modern-category {
    display: inline-block; font-size: 0.75rem; font-weight: 600;
    color: var(--color-accent); text-transform: uppercase; letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}
.blog-card-modern-title {
    margin: 0 0 0.5rem; font-size: 1.1rem; font-weight: 700; line-height: 1.35;
    color: var(--color-text); transition: color 0.2s;
}
.blog-card-modern:hover .blog-card-modern-title { color: var(--color-accent); }
.blog-card-modern-excerpt {
    margin: 0 0 0.5rem; font-size: 0.9rem; line-height: 1.5;
    color: var(--color-text-muted);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-card-modern-meta {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem;
    font-size: 0.8rem; color: var(--color-text-muted);
}
.blog-card-modern-meta time { font-weight: 500; }
.blog-card-modern-readtime { opacity: 0.85; }
@media (max-width: 640px) {
    .blog-card-modern-link { flex-direction: column; }
    .blog-card-modern-image { width: 100%; }
}

/* Finans kategorisi: başlık → slider → döviz/piyasa → öne çıkan grid → liste (sıra sabit) */
.blog-page-finance.blog-page-modern {
    display: flex;
    flex-direction: column;
}
.blog-page-finance .blog-page-header { order: 1; }
.blog-page-finance .blog-page-slider-stack { order: 2; }
.blog-page-finance .finance-category-dashboard { order: 3; }
.blog-page-finance .category-page-highlight-grid { order: 4; }
.blog-page-finance .blog-list-modern { order: 5; }
.blog-page-finance .category-page-description { order: 6; }
.blog-page-slider-stack { display: block; }

/* Kategori / blog listesi – üst slider (tam genişlik slayt; genişlik JS ile viewport’a eşitlenir) */
.blog-page-slider {
    margin-bottom: 2rem;
    background: var(--color-card);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}
.blog-slider-wrapper { position: relative; }
.blog-slider-viewport {
    overflow: hidden;
    width: 100%;
}
.blog-slider-track {
    display: flex;
    gap: 0;
    transition: transform 0.35s ease;
    will-change: transform;
}
.blog-slider-slide {
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
}
.blog-slider-link { display: block; text-decoration: none; color: inherit; height: 100%; }
.blog-slider-image {
    position: relative;
    /* 16:9 yerine daha geniş format — kategori slider’ı daha alçak */
    aspect-ratio: 21 / 9;
    overflow: hidden; background: #1e293b;
}
.blog-slider-image img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.4s;
}
.blog-slider-link:hover .blog-slider-image img { transform: scale(1.03); }
.blog-slider-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}
.blog-slider-overlay {
    position: absolute; inset: 0;
    display: flex; flex-direction: column; justify-content: flex-end;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);
    padding: 1.25rem 1.25rem 1.5rem;
}
.blog-slider-category {
    font-size: 0.75rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.05em; color: rgba(255,255,255,0.9);
    margin-bottom: 0.5rem;
}
.blog-slider-title {
    margin: 0 0 0.35rem; font-size: 1.35rem; font-weight: 700;
    color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    line-height: 1.3;
}
.blog-slider-meta {
    font-size: 0.9rem; color: rgba(255,255,255,0.85);
    display: flex; gap: 1rem;
}
.blog-slider-prev, .blog-slider-next {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 44px; height: 44px; border: none;
    background: rgba(15,23,42,0.65); color: #fff;
    font-size: 1.25rem; cursor: pointer; z-index: 10;
    border-radius: var(--radius-md);
    transition: background 0.2s;
}
.blog-slider-prev:hover, .blog-slider-next:hover { background: rgba(15,23,42,0.85); }
.blog-slider-prev { left: 0.75rem; }
.blog-slider-next { right: 0.75rem; }
.blog-slider-dots {
    position: absolute; bottom: 0; left: 0; right: 0;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.35) 55%, transparent);
    z-index: 5;
}
.blog-slider-dots button {
    width: 34px; height: 34px; border: none; cursor: pointer;
    font-size: 0.9rem; font-weight: 700; border-radius: 50%;
    color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.2);
    transition: all 0.2s;
}
.blog-slider-dots button:hover { color: #fff; background: rgba(255,255,255,0.4); transform: scale(1.08); }
.blog-slider-dots button.active {
    background: var(--color-accent); color: #fff;
}
@media (max-width: 768px) {
    .blog-slider-image { aspect-ratio: 16 / 9; }
    .blog-slider-title { font-size: 1.15rem; }
}

/* Kategori listesi — 3×3 öne çıkan kart (görsel üstü rozet + başlık) */
.category-page-highlight-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}
.category-highlight-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.2s, transform 0.2s;
}
.category-highlight-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}
.category-highlight-link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.category-highlight-image {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #1e293b;
}
.category-highlight-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s;
}
.category-highlight-card:hover .category-highlight-image img { transform: scale(1.04); }
.category-highlight-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}
.category-highlight-badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    max-width: calc(100% - 1rem);
    padding: 0.35rem 0.55rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    background: rgba(15, 23, 42, 0.78);
    border-radius: var(--radius-sm);
    line-height: 1.2;
}
.category-highlight-body {
    padding: 1rem 1rem 1.15rem;
    background: var(--color-card);
}
.category-highlight-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-text);
}
.category-highlight-card:hover .category-highlight-title { color: var(--color-accent); }
.category-page-description {
    margin: 0 0 2rem;
    padding: 1.25rem 1.5rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--color-text);
}
.category-page-description-inner { max-width: 900px; }
.category-page-description--foot {
    margin-top: 2.5rem;
    margin-bottom: 0;
}
.category-page-description-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.9rem;
}
.category-page-description-content th,
.category-page-description-content td {
    border: 1px solid var(--color-border);
    padding: 0.5rem 0.65rem;
    text-align: left;
}
.category-page-description-content p { margin: 0 0 0.75rem; }
.category-page-description-content p:last-child { margin-bottom: 0; }
.finance-category-description {
    margin-top: 0;
    margin-bottom: 2rem;
    background: #f8fafc;
}
.category-page-description--foot.finance-category-description {
    margin-top: 2.5rem;
    margin-bottom: 0;
}
@media (max-width: 900px) {
    .category-page-highlight-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .category-page-highlight-grid { grid-template-columns: 1fr; }
}

/* Finans kategori — piyasa tabloları (#main-content içinde de net görünsün) */
#main-content .finance-category-dashboard { margin-bottom: 2rem; }
.finance-category-dashboard { margin-bottom: 2rem; }
#main-content .finance-dash-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    align-items: stretch;
}
#main-content .finance-dash-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    min-width: 0;
}
#main-content .finance-dash-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-card);
}
#main-content .finance-dash-table thead { display: table-header-group; }
#main-content .finance-dash-table tbody { display: table-row-group; }
#main-content .finance-dash-table tr { display: table-row; }
#main-content .finance-dash-table th,
#main-content .finance-dash-table td { display: table-cell; }
#main-content .finance-dash-table thead th {
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 700;
    text-align: left;
    padding: 0.45rem 0.35rem;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-border);
}
#main-content .finance-dash-table tbody td {
    padding: 0.4rem 0.35rem;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}
@media (max-width: 1024px) {
    #main-content .finance-dash-grid { grid-template-columns: 1fr; }
}
.finance-dash-updated {
    margin: 0 0 0.75rem;
    font-size: 0.8rem;
    color: var(--color-text-muted);
}
.finance-dash-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    align-items: stretch;
}
.finance-dash-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.finance-dash-card-title {
    margin: 0;
    padding: 1rem 1rem 0.5rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-text);
}
.finance-dash-table-wrap {
    overflow-x: auto;
    flex: 1;
    padding: 0 0.5rem 0.5rem;
}
.finance-dash-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}
.finance-dash-table thead th {
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 700;
    text-align: left;
    padding: 0.45rem 0.35rem;
    white-space: nowrap;
}
.finance-dash-table tbody td {
    padding: 0.4rem 0.35rem;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}
.finance-td-dir { text-align: center; width: 2rem; }
.finance-td-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.finance-dir-up { color: #16a34a; font-size: 0.85rem; }
.finance-dir-down { color: #dc2626; font-size: 0.85rem; }
.finance-dir-flat { color: #ca8a04; font-size: 0.75rem; }
.finance-dash-card-footer {
    padding: 0.5rem 1rem 1rem;
    text-align: right;
    margin-top: auto;
}
.finance-dash-more {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-accent);
    text-decoration: none;
}
.finance-dash-more:hover { text-decoration: underline; }
@media (max-width: 1024px) {
    .finance-dash-grid { grid-template-columns: 1fr; }
}

/* Finans tam sayfa — döviz / altın */
.finance-full-page { max-width: 56rem; margin: 0 auto; }
.finance-full-breadcrumb {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    margin-bottom: 1rem;
}
.finance-full-breadcrumb a {
    color: var(--color-accent);
    text-decoration: none;
}
.finance-full-breadcrumb a:hover { text-decoration: underline; }
.finance-full-breadcrumb-sep { margin: 0 0.35rem; color: rgba(0, 0, 0, 0.25); }
.finance-full-breadcrumb-current { color: var(--color-text); }
.finance-full-header { margin-bottom: 0.5rem; }
.finance-full-title {
    margin: 0 0 0.35rem;
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--color-text);
}
.finance-full-subtitle {
    margin: 0;
    font-size: 0.95rem;
    color: var(--color-text-muted);
    line-height: 1.5;
}
.finance-full-updated { margin-bottom: 1rem; }
.finance-full-table-wrap {
    overflow-x: auto;
    margin-bottom: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-card);
    box-shadow: var(--shadow-sm);
}
.finance-full-table { font-size: 0.8125rem; }
.finance-full-table thead th { padding: 0.55rem 0.5rem; }
.finance-full-table tbody td { padding: 0.45rem 0.5rem; }
.finance-full-disclaimer {
    margin: 0;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    line-height: 1.5;
}

/* Breadcrumb – başlık üstü */
.blog-post .breadcrumb { margin-bottom: 0.75rem; }
.breadcrumb-list {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem;
    list-style: none; margin: 0; padding: 0;
    font-size: 0.8125rem; font-weight: 400; color: var(--color-text-muted);
}
.breadcrumb-item { display: flex; align-items: center; gap: 0.35rem; }
.breadcrumb-item a {
    color: inherit; text-decoration: none;
    transition: color 0.15s;
}
.breadcrumb-item a:hover { color: var(--color-text); }
.breadcrumb-icon { flex-shrink: 0; opacity: 0.75; }
.breadcrumb-sep {
    color: rgba(0,0,0,0.25); font-weight: 500; user-select: none;
}
.breadcrumb-current {
    color: var(--color-text); max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (min-width: 600px) {
    .breadcrumb-current { white-space: normal; }
}

.blog-post .post-header { margin-bottom: 2rem; }
.blog-post .post-header h1 {
    margin: 0 0 0.5rem;
    font-family: var(--font-ui);
    font-size: clamp(1.5rem, 2.8vw, 2rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.02em;
    color: #111;
}
.blog-post .post-excerpt {
    font-family: var(--font-ui);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.65;
    color: var(--color-text);
    margin: 0 0 1.5rem;
    padding: 0;
}
/* Öne çıkan görsel: max 800×450, doğal oran, boş gri kutu yok */
.blog-post .post-image-wrap {
    display: block;
    width: fit-content;
    max-width: min(800px, 100%);
    margin: 0 auto 1.5rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}
.blog-post .post-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 450px;
    margin: 0;
    object-fit: contain;
    object-position: center;
    vertical-align: middle;
}
@media (max-width: 640px) {
    .blog-post .post-image-wrap {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.1rem;
    }
    .blog-post .post-image {
        width: 100%;
        max-height: 280px;
    }
}
.post-meta-bar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem;
    font-size: 0.8125rem; color: var(--color-text-muted);
    font-weight: 400; line-height: 1.5;
}
.post-meta-item a { color: inherit; text-decoration: none; }
.post-meta-item a:hover { color: var(--color-text); }
.post-meta-sep {
    color: rgba(0,0,0,0.2); font-weight: 400; user-select: none;
}
.post-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.65rem;
    font-size: 0.8125rem;
    color: var(--color-text-muted);
}
.post-tag-link {
    color: var(--color-accent, #2563eb);
    text-decoration: none;
    font-weight: 500;
}
.post-tag-link:hover {
    text-decoration: underline;
    color: var(--color-text);
}
.blog-post .post-content { max-width: 100%; }

/* Bonus hub — partner kayıt kartları (makale üstü) */
.bonus-hub {
    margin: 0 0 1.5rem;
    padding: 1rem 1.05rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%);
}
.bonus-hub-head { margin-bottom: 0.85rem; }
.bonus-hub-title {
    margin: 0 0 0.3rem;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}
.bonus-hub-sub {
    margin: 0 0 0.55rem;
    font-size: 0.86rem;
    line-height: 1.45;
    color: #64748b;
}
.bonus-hub .commercial-disclosure {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.bonus-hub .commercial-disclosure__label {
    margin: 0 0 0.15rem;
    font-size: 0.68rem;
}
.bonus-hub .commercial-disclosure__text {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.35;
}
.bonus-hub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem;
}
.bonus-hub-card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem 0.9rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.bonus-hub-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
}
.bonus-hub-card-top {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.bonus-hub-logo,
#main-content .blog-post .bonus-hub-logo,
#main-content .page-content .bonus-hub-logo {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    border-radius: 7px;
    flex-shrink: 0;
    display: block !important;
    margin: 0 !important;
    object-fit: contain !important;
    background: #0a0a0a;
    padding: 2px;
}
.bonus-hub-card-id { min-width: 0; }
.bonus-hub-name {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.01em;
}
.bonus-hub-bonus {
    margin: 0.12rem 0 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0f766e;
}
.bonus-hub-benefits {
    margin: 0;
    padding: 0 0 0 1rem;
    font-size: 0.78rem;
    color: #475569;
    line-height: 1.4;
}
.bonus-hub-benefits li { margin: 0.1rem 0; }
.bonus-hub-code-row {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}
.bonus-hub-code-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}
.bonus-hub-code {
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    background: #f1f5f9;
    color: #0f172a;
    border: 1px dashed #cbd5e1;
}
.bonus-hub-copy {
    appearance: none;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 650;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    cursor: pointer;
}
.bonus-hub-copy:hover { border-color: #94a3b8; }
.bonus-hub-copy.is-copied {
    border-color: #99f6e4;
    color: #0f766e;
    background: #f0fdfa;
}
.bonus-hub-terms {
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.4;
    color: #94a3b8;
}
.bonus-hub-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 0.55rem 0.75rem;
    border-radius: 9px;
    font-size: 0.82rem;
    font-weight: 750;
    text-decoration: none;
    color: #fff;
    background: #0f766e;
    border: 1px solid transparent;
    transition: background 0.15s ease, transform 0.15s ease;
}
.bonus-hub-cta:hover {
    background: #0d9488;
    color: #fff;
    transform: translateY(-1px);
}
.bonus-hub-card--bybit .bonus-hub-cta { background: #f7a600; color: #111; }
.bonus-hub-card--bybit .bonus-hub-cta:hover { background: #ffa726; color: #111; }
.bonus-hub-card--mexc .bonus-hub-cta { background: #1e6bff; }
.bonus-hub-card--mexc .bonus-hub-cta:hover { background: #3b82f6; }
.bonus-hub-card--gate .bonus-hub-cta { background: #2354e6; }
.bonus-hub-card--kcex .bonus-hub-cta { background: #d4a84b; color: #111; }
.bonus-hub-card--kcex .bonus-hub-cta:hover { background: #e0b85c; color: #111; }
.bonus-hub-card--bitget .bonus-hub-cta { background: #00f0ff; color: #001018; }
.bonus-hub-card--bitget .bonus-hub-cta:hover { background: #67f6ff; color: #001018; }
.bonus-hub-card--weex .bonus-hub-cta { background: #c8f52c; color: #111; }
.bonus-hub-card--weex .bonus-hub-cta:hover { background: #d4f75a; color: #111; }
.bonus-hub-card--bybit .bonus-hub-bonus,
.bonus-hub-card--mexc .bonus-hub-bonus,
.bonus-hub-card--gate .bonus-hub-bonus,
.bonus-hub-card--kcex .bonus-hub-bonus,
.bonus-hub-card--bitget .bonus-hub-bonus,
.bonus-hub-card--weex .bonus-hub-bonus {
    color: inherit;
}
.bonus-hub-card--bybit .bonus-hub-bonus { color: #b45309; }
.bonus-hub-card--mexc .bonus-hub-bonus { color: #1e40af; }
.bonus-hub-card--gate .bonus-hub-bonus { color: #047857; }
.bonus-hub-card--kcex .bonus-hub-bonus { color: #92400e; }
.bonus-hub-card--bitget .bonus-hub-bonus { color: #0e7490; }
.bonus-hub-card--weex .bonus-hub-bonus { color: #3f6212; }
@media (max-width: 640px) {
    .bonus-hub { padding: 0.85rem; }
    .bonus-hub-grid { grid-template-columns: 1fr; gap: 0.65rem; }
}

.page-content { max-width: 720px; margin: 0 auto; padding: 2rem 1rem; }

/* Haber gövdesi görselleri: ortala, kesme, mobilde taşma yok
   (kripto tablo / partner ikonları hariç — onlar sabit küçük boyutta kalır) */
#main-content .post-content img,
#main-content .page-content img:not(.kripto-coin-img):not(.flash-market-icon):not(.flash-partner-logo):not(.kripto-partner-logo):not(.partner-exchange-cta-logo):not(.bonus-hub-logo),
#main-content .page-body img,
#main-content .widget-html-content img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
#main-content .post-content figure,
#main-content .page-content figure,
#main-content .page-body figure {
    display: block;
    max-width: 100%;
    margin: 1.25rem auto;
    text-align: center;
}
#main-content .post-content figure img,
#main-content .page-content figure img,
#main-content .page-body figure img {
    margin-left: auto;
    margin-right: auto;
}
#main-content .post-content .aligncenter,
#main-content .post-content img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 640px) {
    #main-content .post-content img,
    #main-content .page-content img:not(.kripto-coin-img):not(.flash-market-icon):not(.flash-partner-logo):not(.kripto-partner-logo):not(.partner-exchange-cta-logo):not(.bonus-hub-logo),
    #main-content .page-body img {
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }
    .blog-post .post-image {
        width: 100%;
        max-width: 100%;
        max-height: 280px;
        height: auto;
        object-fit: contain;
    }
}

/* İçerik tipografi — haber gövdesi serif, ara başlıklar sans (okunabilirlik) */
#main-content .post-content {
    overflow-x: hidden;
    font-family: var(--font-article);
    font-size: 1.125rem;
    line-height: 1.75 !important;
    letter-spacing: 0;
}
#main-content .page-content,
#main-content .page-body,
#main-content .widget-html-content {
    overflow-x: auto;
    font-family: var(--font-ui);
    font-size: 1.0625rem;
    line-height: 1.65 !important;
    letter-spacing: 0;
}
#main-content .post-content > * + *, #main-content .page-content > * + *,
#main-content .page-body > * + *, #main-content .widget-html-content > * + * {
    margin-top: 0.65em !important;
}
#main-content .post-content p, #main-content .page-content p,
#main-content .page-body p, #main-content .widget-html-content p {
    margin: 0 0 0.65em !important;
    line-height: inherit !important;
}
#main-content .post-content p {
    line-height: 1.75 !important;
}
#main-content .page-content p, #main-content .page-body p, #main-content .widget-html-content p {
    line-height: 1.65 !important;
}
#main-content .post-content h2, #main-content .page-content h2,
#main-content .page-body h2, #main-content .widget-html-content h2 {
    font-family: var(--font-ui);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1.15em 0 0.45em !important;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #111;
}
#main-content .post-content h3, #main-content .page-content h3,
#main-content .page-body h3, #main-content .widget-html-content h3 {
    font-family: var(--font-ui);
    font-size: 1.25rem;
    font-weight: 700;
    margin: 1em 0 0.4em !important;
    line-height: 1.35;
    color: #1a1a1a;
}
#main-content .post-content ul, #main-content .post-content ol,
#main-content .page-content ul, #main-content .page-content ol,
#main-content .page-body ul, #main-content .page-body ol,
#main-content .widget-html-content ul, #main-content .widget-html-content ol {
    margin: 0.5em 0 !important; padding-left: 1.5em;
}
#main-content .post-content li, #main-content .page-content li,
#main-content .page-body li, #main-content .widget-html-content li {
    margin-bottom: 0.25em !important;
    line-height: 1.55 !important;
}
#main-content .post-content li { line-height: 1.65 !important; }
#main-content .post-content blockquote {
    margin: 1em 0 !important;
    padding: 0.75rem 1rem 0.75rem 1.1rem;
    border-left: 4px solid var(--color-border);
    font-style: italic;
    color: var(--color-text-muted);
}
#main-content .post-content ol, #main-content .page-content ol,
#main-content .page-body ol, #main-content .widget-html-content ol {
    list-style-type: decimal; padding-left: 1.75em;
}
#main-content .post-content ul, #main-content .page-content ul,
#main-content .page-body ul, #main-content .widget-html-content ul {
    list-style-type: disc;
}
/* Boş liste maddelerini gizle (TinyMCE Enter ile oluşan) */
#main-content .post-content li:empty, #main-content .page-content li:empty,
#main-content .page-body li:empty, #main-content .widget-html-content li:empty {
    display: none;
}

/* Tablolar – net görünüm, kenarlıklar (post, sayfa, widget) */
#main-content .post-content table,
#main-content .page-content table,
#main-content .page-body table,
#main-content .widget-html-content table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-ui);
    font-size: 0.95rem;
    margin: 1.5em 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    background: var(--color-card);
}
#main-content .post-content table {
    font-feature-settings: "tnum" 1;
}
#main-content .post-content th, #main-content .post-content td,
#main-content .page-content th, #main-content .page-content td,
#main-content .page-body th, #main-content .page-body td,
#main-content .widget-html-content th, #main-content .widget-html-content td {
    padding: 0.75rem 1rem;
    text-align: left;
    border: 1px solid var(--color-border);
}
#main-content .post-content th, #main-content .page-content th, #main-content .page-body th, #main-content .widget-html-content th {
    background: var(--color-surface);
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
}
#main-content .post-content tbody tr:nth-child(even),
#main-content .page-content tbody tr:nth-child(even),
#main-content .page-body tbody tr:nth-child(even),
#main-content .widget-html-content tbody tr:nth-child(even) {
    background: rgba(248, 250, 252, 0.8);
}
#main-content .post-content tbody tr:hover,
#main-content .page-content tbody tr:hover,
#main-content .page-body tbody tr:hover,
#main-content .widget-html-content tbody tr:hover {
    background: rgba(15, 23, 42, 0.03);
}
#main-content .post-content thead th, #main-content .page-content thead th,
#main-content .page-body thead th, #main-content .widget-html-content thead th {
    border-bottom: 2px solid var(--color-border);
}
/* thead yoksa ilk satır başlık gibi (TinyMCE bazen sadece tr/td kullanır) */
#main-content .post-content table tr:first-child td,
#main-content .page-content table tr:first-child td,
#main-content .page-body table tr:first-child td,
#main-content .widget-html-content table tr:first-child td {
    font-weight: 600;
    background: var(--color-surface);
    color: var(--color-text-muted);
}
#main-content .post-content .table-wrap, #main-content .page-content .table-wrap,
#main-content .page-body .table-wrap, #main-content .widget-html-content .table-wrap {
    overflow-x: auto;
    margin: 1.5em 0;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 640px) {
    #main-content .post-content table, #main-content .page-content table,
    #main-content .page-body table, #main-content .widget-html-content table {
        font-size: 0.9rem;
    }
    #main-content .post-content th, #main-content .post-content td,
    #main-content .page-content th, #main-content .page-content td,
    #main-content .page-body th, #main-content .page-body td,
    #main-content .widget-html-content th, #main-content .widget-html-content td {
        padding: 0.6rem 0.75rem;
    }
}
/* İletişim sayfası */
.page-contact {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.25rem 3.5rem;
}
.contact-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
    gap: 0;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    background: var(--color-card);
    min-height: 520px;
}
.contact-aside {
    position: relative;
    padding: 2.5rem 2rem 2.25rem;
    color: #e2e8f0;
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(37, 99, 235, 0.35) 0%, transparent 55%),
        radial-gradient(90% 70% at 0% 100%, rgba(14, 165, 233, 0.18) 0%, transparent 50%),
        linear-gradient(160deg, #020617 0%, #0f172a 48%, #1e293b 100%);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.contact-aside-brand {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #93c5fd;
}
.contact-aside-title {
    margin: 0;
    font-family: var(--font-article);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #fff;
}
.contact-aside-lead {
    margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #94a3b8;
    max-width: 34ch;
}
.contact-aside-list {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contact-aside-item {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}
.contact-aside-icon {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: #93c5fd;
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.18);
}
.contact-aside-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.15rem;
}
.contact-aside-value {
    color: #f8fafc;
    font-weight: 600;
    font-size: 1.02rem;
    text-decoration: none;
    word-break: break-all;
}
.contact-aside-value:hover { color: #93c5fd; }
.contact-aside-value--plain { font-weight: 500; color: #cbd5e1; word-break: normal; }
.contact-aside-social {
    margin-top: auto;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.contact-aside-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.85rem;
    margin-top: 0.45rem;
}
.contact-aside-social-links a {
    color: #cbd5e1;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
}
.contact-aside-social-links a:hover { color: #fff; }

.contact-panel {
    padding: 2.35rem 2.15rem 2.25rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.contact-panel-head { margin-bottom: 1.5rem; }
.contact-panel-title {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-text);
}
.contact-panel-sub {
    margin: 0;
    font-size: 0.95rem;
    color: var(--color-text-muted);
    line-height: 1.5;
}
.contact-alert {
    padding: 0.95rem 1.1rem;
    border-radius: 10px;
    margin-bottom: 1.25rem;
    font-size: 0.92rem;
    line-height: 1.45;
}
.contact-alert--success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.contact-alert--error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }

.contact-form { display: flex; flex-direction: column; gap: 1.15rem; }
.contact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.contact-form-group label {
    display: block;
    margin-bottom: 0.4rem;
    font-weight: 600;
    font-size: 0.88rem;
    color: #334155;
}
.contact-input {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    background: #fff;
    color: var(--color-text);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.contact-input:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}
.contact-input::placeholder { color: #94a3b8; }
.contact-textarea { min-height: 160px; resize: vertical; line-height: 1.55; }
.contact-form-foot {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.85rem;
    margin-top: 0.25rem;
}
.contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.9rem 1.6rem;
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
.contact-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.34);
    filter: brightness(1.03);
}
.contact-submit:active { transform: translateY(0); }
.contact-form-note {
    margin: 0;
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.45;
    max-width: 42ch;
}
.contact-form-note a { color: var(--color-accent); text-decoration: none; font-weight: 600; }
.contact-form-note a:hover { text-decoration: underline; }

@media (max-width: 860px) {
    .contact-shell { grid-template-columns: 1fr; min-height: 0; }
    .contact-aside { padding: 2rem 1.5rem; }
    .contact-aside-lead { max-width: none; }
    .contact-panel { padding: 1.75rem 1.35rem 2rem; }
}
@media (max-width: 480px) {
    .contact-form-row { grid-template-columns: 1fr; }
    .contact-submit { width: 100%; }
}

.success { color: #166534; }
.error { color: #b91c1c; }

/* Kripto Para sayfası - tablo */
.page-kripto { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1.25rem 2rem; }
.main-content-area .page-kripto {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0.25rem 0 1.5rem;
}
.kripto-focus-back { margin: 0 0 0.45rem; font-size: 0.86rem; }
.kripto-focus-back a { color: #0f766e; font-weight: 600; text-decoration: none; }
.kripto-focus-back a:hover { text-decoration: underline; }
.kripto-focus-panel { margin-bottom: 1.35rem; }
.kripto-list-heading { font-size: 1.05rem; margin: 0 0 0.7rem; color: #334155; font-weight: 700; }
.kripto-page-header { margin-bottom: 1rem; }
.kripto-page-title { margin: 0 0 0.3rem; font-size: clamp(1.45rem, 3vw, 1.85rem); font-weight: 800; letter-spacing: -0.03em; color: var(--color-text); }
.kripto-page-subtitle { margin: 0; font-size: 0.92rem; color: var(--color-text-muted); }
.kripto-partner-bonuses {
    display: flex; flex-direction: column; gap: 0.4rem;
    margin: 0 0 1.1rem; padding: 0.55rem 0.7rem;
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
}
.kripto-partner-bonuses .commercial-disclosure {
    margin: 0; max-width: 100%;
    padding: 0; border: 0; background: transparent; border-radius: 0;
}
.kripto-partner-bonuses .commercial-disclosure__label {
    margin: 0 0 0.15rem; font-size: 0.65rem; letter-spacing: 0.03em;
}
.kripto-partner-bonuses .commercial-disclosure__text {
    font-size: 0.72rem; color: #64748b; line-height: 1.35;
}
.kripto-partner-row {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem;
    padding-top: 0.4rem; border-top: 1px solid #e2e8f0;
}
.kripto-partner-label {
    flex-shrink: 0; font-size: 0.68rem; font-weight: 700;
    color: #64748b; text-transform: uppercase; letter-spacing: 0.03em;
}
.kripto-partner-links { display: flex; flex-wrap: wrap; gap: 0.28rem; min-width: 0; }
.kripto-partner-link {
    display: inline-flex; align-items: center; gap: 0.28rem;
    padding: 0.22rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 650;
    line-height: 1; text-decoration: none; color: #334155;
    background: #fff; border: 1px solid #e2e8f0;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.kripto-partner-logo,
#main-content .page-content .kripto-partner-logo {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    border-radius: 3px;
    flex-shrink: 0;
    display: block !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center;
    background: transparent;
}
.kripto-partner-link:hover {
    background: #f0fdfa; color: #0f766e; border-color: #99f6e4;
    transform: translateY(-1px);
}
.kripto-partner-link--bybit:hover { border-color: rgba(247, 166, 0, 0.55); color: #b45309; background: #fffbeb; }
.kripto-partner-link--mexc:hover { border-color: rgba(30, 107, 255, 0.45); color: #1e40af; background: #eff6ff; }
.kripto-partner-link--gate:hover { border-color: rgba(23, 230, 161, 0.5); color: #047857; background: #ecfdf5; }
.kripto-partner-link--kcex:hover { border-color: rgba(212, 168, 75, 0.55); color: #92400e; background: #fffbeb; }
.kripto-partner-link--bitget:hover { border-color: rgba(0, 240, 255, 0.5); color: #0e7490; background: #ecfeff; }
.kripto-partner-link--weex:hover { border-color: rgba(200, 245, 44, 0.65); color: #3f6212; background: #f7fee7; }
.kripto-table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; }
.kripto-table tbody tr.kripto-row-focus { background: #f0fdfa; outline: 2px solid #99f6e4; }
.kripto-table {
    width: 100%; border-collapse: collapse;
    background: var(--color-card); border-radius: var(--radius-lg);
    overflow: hidden; box-shadow: var(--shadow-md);
}
.kripto-table th, .kripto-table td {
    padding: 0.65rem 0.85rem; text-align: left;
    border-bottom: 1px solid var(--color-border);
}
.kripto-table th {
    background: #f8fafc; font-size: 0.75rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-muted);
}
.kripto-table tbody tr:hover { background: #f8fafc; }
.kripto-table tbody tr:last-child td { border-bottom: none; }
.kripto-th-num, .kripto-td-num { text-align: right !important; }
.kripto-coin-link {
    display: inline-flex; align-items: center; gap: 0.4rem;
    text-decoration: none; color: inherit; font-weight: 600;
}
.kripto-coin-link:hover { color: var(--color-accent); }
.kripto-coin-img,
#main-content .page-content .kripto-coin-img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
    margin: 0;
    object-fit: cover;
    vertical-align: middle;
}
.kripto-coin-symbol { color: var(--color-text-muted); font-size: 0.85rem; min-width: 2.25rem; }
.kripto-coin-name { color: var(--color-text); font-size: 0.9rem; }
.kripto-td-num.positive { color: #16a34a; font-weight: 600; }
.kripto-td-num.negative { color: #dc2626; font-weight: 600; }
.kripto-price { font-weight: 700; color: var(--color-text); white-space: nowrap; }
.kripto-td-num { white-space: nowrap; font-variant-numeric: tabular-nums; }
.kripto-updated { margin: 0; font-size: 0.85rem; color: var(--color-text-muted); }
@media (max-width: 768px) {
    .kripto-table th, .kripto-table td { padding: 0.45rem 0.55rem; font-size: 0.82rem; }
    .kripto-coin-name { display: none; }
    .kripto-coin-link { gap: 0.3rem; }
}


/* Kripto Sözlük — site container genişliği (1200px) ile hizalı */
#main-content .glossary-shell,
.glossary-shell {
    max-width: 1200px !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 1.25rem 2.75rem;
    box-sizing: border-box;
}
.glossary-hero {
    margin: 0 -1.25rem 1.35rem;
    padding: 1.75rem 1.25rem 1.5rem;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.09) 0%, rgba(15, 118, 110, 0.02) 45%, #f8fafc 100%),
        linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
}
.glossary-hero-inner { max-width: 1200px; margin: 0 auto; }
.glossary-kicker {
    margin: 0 0 0.4rem; font-size: 0.72rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase; color: #0f766e;
}
.glossary-title {
    margin: 0 0 0.5rem; font-size: clamp(1.75rem, 3.2vw, 2.35rem);
    font-weight: 800; letter-spacing: -0.035em; color: #0f172a;
}
.glossary-lead {
    margin: 0 0 1.15rem; max-width: 48rem; font-size: 1.02rem;
    line-height: 1.55; color: #64748b;
}
.glossary-lead strong { color: #0f172a; font-weight: 750; }
.glossary-search {
    display: flex; gap: 0.5rem; flex-wrap: wrap; max-width: 42rem;
}
.glossary-search-input {
    flex: 1 1 16rem; min-width: 0;
    padding: 0.8rem 1rem; border-radius: 12px;
    border: 1px solid #cbd5e1; background: #fff; font-size: 0.95rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.glossary-search-input:focus {
    outline: none; border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15,118,110,0.15);
}
.glossary-search-btn {
    appearance: none; border: 0; border-radius: 12px;
    padding: 0.8rem 1.25rem; font-weight: 750; font-size: 0.9rem;
    background: #0f766e; color: #fff; cursor: pointer;
}
.glossary-search-btn:hover { background: #0d9488; }
.glossary-toolbar {
    display: flex; flex-direction: column; gap: 0.75rem;
    margin: 0 0 1.35rem; padding: 0.85rem 1rem;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
}
.glossary-letters, .glossary-cats {
    display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0;
}
.glossary-letter, .glossary-cat {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.1rem; padding: 0.4rem 0.65rem; border-radius: 9px;
    text-decoration: none; font-size: 0.8rem; font-weight: 700;
    color: #334155; background: #f8fafc; border: 1px solid #e2e8f0;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.glossary-letter:hover, .glossary-cat:hover { border-color: #99f6e4; color: #0f766e; background: #f0fdfa; }
.glossary-letter.is-active, .glossary-cat.is-active {
    background: #0f766e; border-color: #0f766e; color: #fff;
}
.glossary-letter.is-empty { opacity: 0.35; pointer-events: none; }
.glossary-section { margin: 0 0 1.75rem; }
.glossary-section-head {
    display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem;
    margin: 0 0 0.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid #e2e8f0;
}
.glossary-section-title {
    margin: 0; font-size: 1.2rem; font-weight: 800;
    color: #0f172a; letter-spacing: -0.02em;
}
.glossary-section-count { font-size: 0.78rem; font-weight: 650; color: #94a3b8; }
.glossary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.85rem;
}
.glossary-card {
    display: flex; flex-direction: column; gap: 0.4rem;
    padding: 1rem 1.05rem; border-radius: 14px;
    border: 1px solid #e2e8f0; background: #fff;
    text-decoration: none; color: inherit;
    box-shadow: 0 4px 14px rgba(15,23,42,0.035);
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
    min-height: 7.5rem;
}
.glossary-card:hover {
    border-color: #5eead4; transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15,23,42,0.08);
}
.glossary-card-cat {
    font-size: 0.68rem; font-weight: 750; letter-spacing: 0.05em;
    text-transform: uppercase; color: #0f766e;
}
.glossary-card-term {
    font-size: 1.02rem; font-weight: 800; color: #0f172a; letter-spacing: -0.015em;
    line-height: 1.25;
}
.glossary-card-def {
    font-size: 0.84rem; line-height: 1.45; color: #64748b;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.glossary-empty {
    color: #64748b; padding: 2rem 1rem; text-align: center;
    background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 14px;
}

/* Terim detay — geniş iki kolon */
.glossary-shell--term { padding-top: 1.25rem; }
.glossary-crumb {
    display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center;
    margin: 0 0 1.15rem; font-size: 0.88rem; color: #64748b;
}
.glossary-crumb a { color: #0f766e; text-decoration: none; font-weight: 650; }
.glossary-crumb a:hover { text-decoration: underline; }
.glossary-term-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 1.5rem;
    align-items: start;
}
.glossary-term-main {
    padding: 1.5rem 1.6rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.glossary-term-header { margin-bottom: 1.1rem; }
.glossary-term-title {
    margin: 0.4rem 0 0; font-size: clamp(1.55rem, 2.8vw, 2.1rem);
    font-weight: 800; letter-spacing: -0.03em; color: #0f172a;
}
.glossary-term-def {
    margin: 0; font-size: 1.08rem; line-height: 1.75; color: #1e293b;
}
.glossary-term-example {
    margin: 1.25rem 0 0; padding: 1rem 1.1rem; border-radius: 12px;
    background: #f0fdfa; border: 1px solid #99f6e4;
}
.glossary-term-example strong {
    display: block; margin-bottom: 0.35rem; font-size: 0.72rem;
    text-transform: uppercase; letter-spacing: 0.05em; color: #0f766e;
}
.glossary-term-example p { margin: 0; color: #334155; line-height: 1.55; }
.glossary-term-aside {
    position: sticky; top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
}
.glossary-aside-title {
    margin: 0 0 0.75rem; font-size: 0.95rem; font-weight: 800; color: #0f172a;
}
.glossary-aside-list {
    display: flex; flex-direction: column; gap: 0.55rem;
}
.glossary-aside-list .glossary-card {
    min-height: 0; padding: 0.75rem 0.85rem;
    box-shadow: none;
}
.glossary-aside-list .glossary-card-def {
    -webkit-line-clamp: 2; font-size: 0.78rem;
}
.glossary-back { margin: 1.5rem 0 0; }
.glossary-back a { color: #0f766e; font-weight: 650; text-decoration: none; }
.glossary-back a:hover { text-decoration: underline; }
@media (max-width: 960px) {
    .glossary-term-layout { grid-template-columns: 1fr; }
    .glossary-term-aside { position: static; }
}
@media (max-width: 640px) {
    .glossary-shell { padding-left: 1rem; padding-right: 1rem; }
    .glossary-hero { margin-left: -1rem; margin-right: -1rem; padding: 1.35rem 1rem 1.2rem; }
    .glossary-grid { grid-template-columns: 1fr; }
    .glossary-term-main { padding: 1.15rem 1.1rem; }
}

/* Eski sınıf uyumluluğu (cache / eski HTML) */
#main-content .page-content.glossary-page,
#main-content .page-content.glossary-term-page,
.page-content.glossary-page,
.page-content.glossary-term-page {
    max-width: 1200px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* Editöryal Politika sayfası */
.page-editorial-policy { max-width: 720px; margin: 0 auto; padding: 2rem 1.25rem; }
.page-editorial-inner { background: var(--color-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 2rem; box-shadow: var(--shadow-sm); }
.page-editorial-title { margin: 0 0 0.5rem; font-size: 1.75rem; font-weight: 700; letter-spacing: -0.02em; color: var(--color-text); }
.page-editorial-intro { margin: 0 0 1.5rem; color: var(--color-text-muted); line-height: 1.6; font-size: 0.95rem; }
.page-editorial-body { line-height: 1.7; }
.page-editorial-body h2 { font-size: 1.25rem; font-weight: 600; margin: 1.5rem 0 0.75rem; padding-bottom: 0.35rem; border-bottom: 1px solid var(--color-border); color: var(--color-text); }
.page-editorial-body h2:first-child { margin-top: 0; }
.page-editorial-body p { margin: 0 0 0.75rem; color: var(--color-text); }
.page-editorial-body a { color: var(--color-accent); text-decoration: none; }
.page-editorial-body a:hover { text-decoration: underline; }

/* Sadece ana site içeriğinde (admin paneli hariç) */
#main-content .admin-page { max-width: 600px; margin: 2rem auto; padding: 0 1rem; }
#main-content .admin-page h1 { margin-bottom: 1rem; }
.sections-list { list-style: none; padding: 0; }
.section-item { padding: 0.75rem; border: 1px solid #ddd; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 1rem; }
.drag-handle { cursor: move; }
.section-item.dragging { opacity: 0.5; }

.faq-list { margin: 0; padding: 0; list-style: none; }
.faq-item { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }
.faq-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.faq-item dt { margin: 0 0 0.5rem; }
.faq-item dd { margin: 0; color: #555; }
.post-faq { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--color-border); }
.post-faq-title { font-size: 1.25rem; margin: 0 0 1.25rem; color: var(--color-text); }

/* Sonsuz okuma — aynı sayfada sonraki haber */
.post-continue-stream { width: 100%; }
.post-continue-unit + .post-continue-unit {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 2px solid #e2e8f0;
}
.post-continue-kicker {
    margin: 0 0 0.75rem;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0f766e;
}
.post-continue-title {
    margin: 0 0 0.5rem;
    font-family: var(--font-ui);
    font-size: clamp(1.35rem, 2.6vw, 1.85rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #111;
}
.post-continue-full {
    margin: 1.25rem 0 0;
    font-size: 0.92rem;
}
.post-continue-full a { color: #0f766e; font-weight: 650; text-decoration: none; }
.post-continue-full a:hover { text-decoration: underline; }
.post-continue-loader {
    height: 1px;
    margin: 1.5rem 0 0;
    opacity: 0;
    pointer-events: none;
}
.post-next-article.is-loading {
    opacity: 0.72;
    pointer-events: none;
}
.post-next-article.is-loading .post-next-arrow::after {
    content: ' yükleniyor…';
}

/* İlgili Yazılar */
/* Otomatik sonraki haber: yalnızca bu çizgi görünür alana gelince tetiklenir (metin + SSS sonrası) */
.post-read-sentinel {
    height: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
}
/* Sonraki yazı - haber sonunda otomatik geçiş */
.post-next-article {
    margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--color-border);
}
.post-next-link {
    display: flex; align-items: center; gap: 1.25rem;
    padding: 1.25rem; background: var(--color-surface); border-radius: var(--radius-lg);
    border: 1px solid var(--color-border); text-decoration: none; color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.post-next-link:hover { box-shadow: var(--shadow-md); border-color: var(--color-accent); }
.post-next-label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--color-accent); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.35rem; }
.post-next-image {
    flex-shrink: 0; width: 140px; height: 90px; border-radius: 8px; overflow: hidden; background: var(--color-surface);
}
.post-next-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-next-placeholder { background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); }
.post-next-body { flex: 1; min-width: 0; }
.post-next-category { display: block; font-size: 0.75rem; color: var(--color-text-muted); margin-bottom: 0.25rem; }
.post-next-title { margin: 0 0 0.5rem; font-size: 1.1rem; font-weight: 700; line-height: 1.35; color: var(--color-text); }
.post-next-link:hover .post-next-title { color: var(--color-accent); }
.post-next-arrow { font-size: 0.9rem; font-weight: 600; color: var(--color-accent); }

.post-related { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--color-border); }
.post-related-title { font-size: 1.25rem; margin: 0 0 1.25rem; color: var(--color-text); }
.post-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; max-width: 100%; }
.post-related-card { background: var(--color-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; max-width: 100%; }
.post-related-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.post-related-card a { text-decoration: none; color: inherit; display: block; }
.post-related-image { display: block; width: 100%; height: 100px !important; max-height: 100px !important; overflow: hidden; background: var(--color-surface); }
.post-related-image img { width: 100% !important; max-width: 100% !important; height: 100px !important; max-height: 100px !important; object-fit: cover !important; display: block; transition: transform 0.3s; }
.post-related-card:hover .post-related-image img { transform: scale(1.05); }
.post-related-placeholder { height: 100px; min-height: 100px; background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-border) 100%); }
.post-related-body { padding: 1rem 1.25rem; }
.post-related-category { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--color-accent); text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0.5rem; }
.post-related-card-title { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; line-height: 1.35; color: var(--color-text); }
.post-related-card:hover .post-related-card-title { color: #2563eb; }
.post-related-excerpt { font-size: 0.875rem; color: var(--color-text-muted); margin: 0 0 0.5rem; line-height: 1.45; }
.post-related-date { font-size: 0.8rem; color: var(--color-text-muted); }
@media (max-width: 900px) { .post-related-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .post-related-grid { grid-template-columns: 1fr; } }

.services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.service-card {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.75rem;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.3s, transform 0.3s, border-color 0.2s;
}
.service-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, 0.15);
}
.service-card img { width: 100%; height: 160px; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 1rem; }
.service-card h3 { margin: 0 0 0.5rem; font-weight: 600; }
.service-card p { margin: 0; color: var(--color-text-muted); font-size: 0.95rem; }

.testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; }
.testimonial-card { margin: 0; padding: 1.5rem; background: var(--color-card); border-radius: var(--radius-lg); border-left: 4px solid var(--color-accent); box-shadow: var(--shadow-sm); }
.testimonial-card p { margin: 0 0 1rem; font-style: italic; }
.testimonial-card footer { font-size: 0.9rem; color: var(--color-text-muted); }

/* 4'lü Kart Carousel - Slider ile aynı hizada, oklar yok */
.section-four-cards { padding: 1rem 0 0.85rem; overflow: hidden; }
.four-cards-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.four-cards-carousel { position: relative; width: 100%; }
.four-cards-viewport { overflow: hidden; min-width: 0; }
.four-cards-track {
    display: grid; gap: 0.5rem; transition: transform 0.4s ease;
    width: 100%;
}
.four-card {
    min-width: 0; display: block; position: relative; overflow: hidden;
    text-decoration: none; color: #fff; border-radius: var(--radius-lg);
    transition: transform 0.25s; box-shadow: var(--shadow-md);
}
.four-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.four-card-image { position: relative; aspect-ratio: 2/1; overflow: hidden; }
.four-card-image img { width: 100%; height: 100%; object-fit: var(--media-object-fit, cover); object-position: var(--media-object-position, center); transition: transform 0.35s; }
.four-card:hover .four-card-image img { transform: scale(1.05); }
.four-card-placeholder { position: absolute; inset: 0; background: linear-gradient(135deg, #334155 0%, #1e293b 100%); }
.four-card-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 40%, transparent 70%);
}
.four-card-title {
    position: absolute; bottom: 0; left: 0; right: 0; padding: 0.5rem 0.75rem 0.75rem;
    margin: 0; font-size: 0.875rem; font-weight: 700; line-height: 1.3;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* Resmî İlanlar - 4 kart, başlık + TÜMÜ butonu */
/* Gastro Grid - 2x2 düzen, kategori başlığı + TÜMÜ */
.section-gastro-grid { padding: 0.95rem 0; }
.gastro-grid-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.gastro-grid-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 1rem;
}
.gastro-grid-title { margin: 0; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; color: var(--color-text); }
.gastro-grid-tumunu { color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600; text-decoration: none; }
.gastro-grid-tumunu:hover { color: var(--color-accent); }
.gastro-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;
}
.gastro-grid-card {
    display: flex; flex-direction: column; text-decoration: none; color: inherit;
    background: var(--color-card); border-radius: var(--radius-lg);
    overflow: hidden; border: 1px solid var(--color-border);
    transition: box-shadow 0.25s, transform 0.25s;
}
.gastro-grid-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.gastro-grid-card:nth-child(odd) .gastro-grid-card-image { order: 1; }
.gastro-grid-card:nth-child(odd) .gastro-grid-card-title { order: 2; }
.gastro-grid-card:nth-child(even) .gastro-grid-card-image { order: 2; }
.gastro-grid-card:nth-child(even) .gastro-grid-card-title { order: 1; }
.gastro-grid-card-image {
    aspect-ratio: 4/7; overflow: hidden; background: #e2e8f0;
}
.gastro-grid-card-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.35s;
}
.gastro-grid-card:hover .gastro-grid-card-image img { transform: scale(1.05); }
.gastro-grid-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); }
.gastro-grid-card-title {
    margin: 0; padding: 0.75rem 1rem; font-size: 0.95rem; font-weight: 600;
    line-height: 1.35; color: var(--color-text);
}
.gastro-grid-card:hover .gastro-grid-card-title { color: var(--color-accent); }
@media (max-width: 1024px) {
    .gastro-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .gastro-grid { grid-template-columns: 1fr; }
}

.section-official-announcements { padding: 0.45rem 0 0.95rem; background: #fff; }
.official-announcements-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.official-announcements-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 1.25rem;
}
.official-announcements-title {
    margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em;
    color: var(--color-text);
}
.official-announcements-tumunu {
    color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600;
    text-decoration: none; transition: color 0.2s;
}
.official-announcements-tumunu:hover { color: var(--color-accent); }
.official-announcements-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;
}
.official-announcement-card {
    display: block; text-decoration: none; color: inherit;
    background: var(--color-card); border-radius: var(--radius-lg);
    overflow: hidden; border: 1px solid var(--color-border);
    transition: box-shadow 0.25s, transform 0.25s;
}
.official-announcement-card:hover {
    box-shadow: var(--shadow-lg); transform: translateY(-2px);
}
.official-announcement-image {
    position: relative; aspect-ratio: 4/3; overflow: hidden; background: #e2e8f0;
}
.official-announcement-image img {
    width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s;
}
.official-announcement-card:hover .official-announcement-image img { transform: scale(1.05); }
.official-announcement-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.official-announcement-overlay {
    position: absolute; top: 0; right: 0; left: auto; bottom: auto;
    display: flex; align-items: flex-start; justify-content: flex-end;
    padding: 0.5rem 0.5rem 0 0; background: transparent;
}
.official-announcement-overlay-text {
    padding: 0.25rem 0.5rem; background: rgba(15, 23, 42, 0.85);
    color: #fff; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.04em;
    border-radius: 4px;
}
.official-announcement-title {
    margin: 0; padding: 0.75rem 1rem 1rem; font-size: 0.875rem; font-weight: 700;
    line-height: 1.4; color: var(--color-text);
}
.official-announcement-card:hover .official-announcement-title { color: var(--color-accent); }
@media (max-width: 1024px) {
    .official-announcements-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .official-announcements-grid { grid-template-columns: 1fr; }
}

/* Kripto Para - Yatay liste, yeşil/kırmızı değişim */
.section-crypto-currencies { padding: 0.45rem 0 0.95rem; background: #fff; }
.crypto-currencies-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.crypto-currencies-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.crypto-currencies-title {
    margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em;
    color: var(--color-text);
}
.crypto-currencies-tumunu {
    color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600;
    text-decoration: none; transition: color 0.2s;
}
.crypto-currencies-tumunu:hover { color: var(--color-accent); }
.crypto-currencies-separator {
    height: 1px; background: var(--color-border); margin-bottom: 1.25rem;
}
.crypto-currencies-list {
    display: flex; flex-wrap: nowrap; gap: 1.5rem 2rem;
    overflow-x: auto; overflow-y: hidden; padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch; scrollbar-width: thin;
}
.crypto-currencies-list::-webkit-scrollbar { height: 6px; }
.crypto-currencies-list::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 3px; }
.crypto-currencies-list::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.crypto-item {
    flex: 0 0 auto; min-width: 0; flex-shrink: 0;
}
.crypto-item-main {
    display: flex; align-items: center; gap: 0.75rem;
}
.crypto-item-icon {
    flex-shrink: 0; width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; overflow: hidden; background: #e2e8f0;
}
.crypto-item-icon img { width: 100%; height: 100%; object-fit: cover; }
.crypto-item-icon-placeholder {
    width: 24px; height: 24px; border-radius: 50%;
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
}
.crypto-item-content { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.crypto-item-name {
    font-size: 0.95rem; font-weight: 600; color: var(--color-text);
}
.crypto-item-value-row {
    display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;
}
.crypto-item-value {
    font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em;
}
.crypto-item-value.positive { color: #16a34a; }
.crypto-item-value.negative { color: #dc2626; }
.crypto-item-change { font-size: 0.85rem; font-weight: 600; }
.crypto-item-change.positive { color: #16a34a; }
.crypto-item-change.negative { color: #dc2626; }
.crypto-item-arrow { font-size: 1.1rem; font-weight: 700; }
.crypto-item-arrow.positive { color: #16a34a; }
.crypto-item-arrow.negative { color: #dc2626; }
@media (max-width: 768px) {
    .crypto-currencies-list { gap: 1rem 1.25rem; }
    .crypto-item-value { font-size: 1.1rem; }
    .crypto-item { min-width: 140px; }
}

/* Ana Slider (Haber/Portal) — görsel + altında etiket/başlık + kare noktalar */
.section-main-slider { padding: 0 1.25rem 0.45rem; }
.main-slider-container {
    max-width: 1200px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 340px; gap: 0;
    align-items: stretch;
    background: var(--color-card); border-radius: var(--radius-xl); overflow: hidden;
    box-shadow: var(--shadow-lg);
}
.main-slider-left {
    position: relative;
    min-width: 0;
    width: 100%;
    min-height: 280px;
}
.main-slider-wrapper { position: relative; width: 100%; }
.main-slider-track { position: relative; width: 100%; }
.main-slide { display: none; position: relative; width: 100%; }
.main-slide.active { display: block; }
.main-slide-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}
.main-slide-card:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}
.main-slide-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #1e293b;
}
.main-slide-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    display: block;
    transition: transform 0.4s ease;
}
.main-slide-card:hover .main-slide-image img { transform: scale(1.02); }
.main-slide-placeholder {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}
.main-slide-caption {
    padding: 0.65rem 1rem 0.75rem;
    background: #fff;
    border-top: 1px solid var(--color-border);
}
.main-slide-kicker {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
}
.main-slide-title {
    margin: 0;
    font-size: clamp(1rem, 2.2vw, 1.45rem);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--color-text);
}
.main-slider-prev, .main-slider-next { position: absolute; top: 40%; transform: translateY(-50%); width: 44px; height: 44px; border: none; background: rgba(15,23,42,0.65); color: #fff; font-size: 1.25rem; cursor: pointer; z-index: 10; border-radius: var(--radius-md); transition: background 0.2s; }
.main-slider-prev:hover, .main-slider-next:hover { background: rgba(15,23,42,0.85); }
.main-slider-prev { left: 0.75rem; }
.main-slider-next { right: 0.75rem; }
.main-slider-dots {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem 0.55rem;
    background: #fff;
    border-top: 1px solid var(--color-border);
    width: 100%;
}
.main-slider-dots button {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    padding: 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    background: #cbd5e1;
    transition: background 0.2s, transform 0.15s;
}
.main-slider-dots button .main-slider-dot-inner {
    display: block;
    width: 100%;
    height: 100%;
}
.main-slider-dots button:hover { background: #94a3b8; }
.main-slider-dots button.active {
    background: var(--color-accent);
    transform: scale(1.15);
}
.main-slider-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    padding: 0.65rem 1rem;
    border-left: 1px solid var(--color-border);
    min-height: 0;
}
.sidebar-article {
    flex: 0 0 auto;
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--color-border);
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}
.sidebar-article-content { min-width: 0; flex: 1; }
.sidebar-article:hover { background: var(--color-surface); }
.sidebar-article:last-child { border-bottom: none; }
.sidebar-article-image {
    flex-shrink: 0; width: 100px; aspect-ratio: 4/3;
    overflow: hidden; border-radius: var(--radius-sm);
}
.sidebar-article-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.25s;
}
.sidebar-article:hover .sidebar-article-image img { transform: scale(1.05); }
.sidebar-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); }
.sidebar-article-content h4 { margin: 0 0 0.25rem; font-size: 0.95rem; font-weight: 600; line-height: 1.35; color: var(--color-text); }
.sidebar-article:hover .sidebar-article-content h4 { color: var(--color-accent); }
.sidebar-meta { font-size: 0.8rem; color: var(--color-text-muted); }
@media (max-width: 900px) { .main-slider-container { grid-template-columns: 1fr; } .main-slider-sidebar { border-left: none; border-top: 1px solid var(--color-border); } }

/* Piyasa özeti (2×2 grid) — ayrı section bileşeni */
.section-finance-rates-grid {
    padding: 0 1.25rem 1.25rem;
}
.section-finance-rates-grid .frg-section-title {
    margin-bottom: 0.75rem;
}
.frg-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
}
.frg-cell {
    display: grid;
    grid-template-columns: minmax(48px, 26%) 1fr;
    min-height: 76px;
    color: #fff;
    align-items: stretch;
    border-radius: 0;
    overflow: hidden;
    min-width: 0;
}
.frg-trend {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    background: rgba(0, 0, 0, 0.14);
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: inset -4px 0 8px rgba(0, 0, 0, 0.12);
}
.frg-trend-char {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}
.frg-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.65rem 0.75rem;
    gap: 0.2rem;
    min-width: 0;
}
.frg-label {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    opacity: 0.98;
    color: #fff;
}
.frg-value {
    font-size: clamp(1.2rem, 2.8vw, 1.55rem);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    color: #fff;
    overflow-wrap: anywhere;
    max-width: 100%;
}
@media (max-width: 480px) {
    .frg-value { font-size: 1.15rem; }
    .frg-trend { min-width: 38px; }
}
.frg-more-wrap {
    margin: 0.65rem 0 0;
    text-align: right;
}
.frg-more-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-accent);
    text-decoration: none;
}
.frg-more-link:hover {
    text-decoration: underline;
}
.frg-disclaimer {
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
    color: var(--color-text-muted);
    line-height: 1.4;
}

/* Sidebar: piyasa / döviz 2×2 (widget) — beyaz aralık, sol şerit + ortalanmış rakam */
.page-sidebar .widget.widget-finance-rates-sidebar {
    background: transparent;
    border: none !important;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    margin-bottom: 1.25rem;
}
/* Başlık yok: sadece 2×2 veri */
.widget-finance-rates-sidebar.widget-finance-rates-sidebar--data-only .wfr-inner {
    padding: 0;
}
.widget-finance-rates-sidebar .wfr-inner {
    padding: 0;
}
.widget-finance-rates-sidebar .wfr-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    width: 100%;
    isolation: isolate;
}
.widget-finance-rates-sidebar .wfr-cell {
    display: grid;
    grid-template-columns: minmax(44px, 26%) minmax(0, 1fr);
    min-height: 4.35rem;
    color: #fff;
    align-items: stretch;
    border-radius: 0;
    overflow: hidden;
    min-width: 0;
}
.widget-finance-rates-sidebar .wfr-trend {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.14);
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: inset -4px 0 8px rgba(0, 0, 0, 0.12);
}
.widget-finance-rates-sidebar .wfr-trend-char {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}
.widget-finance-rates-sidebar .wfr-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 0.35rem;
    gap: 0.25rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}
.widget-finance-rates-sidebar .wfr-label {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.25;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    opacity: 1;
}
.widget-finance-rates-sidebar .wfr-value {
    font-size: clamp(1.08rem, 4.5vw, 1.42rem);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    overflow-wrap: anywhere;
    max-width: 100%;
}

/* Köşe yazarları — dikey kartlar (sidebar; section carousel ile aynı veri; dar sütunda carousel yerine yığın) */
.widget-columnists.widget-columnists-modern .widget-header-columnists {
    justify-content: flex-start;
}
.widget-columnists.widget-columnists-modern .widget-sort-icons {
    display: none;
}
.widget-columnists.widget-columnists-modern .wcol-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 0 0.35rem;
}
.widget-columnists.widget-columnists-modern .wcol-card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0;
    min-width: 0;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.widget-columnists.widget-columnists-modern .wcol-card--alt {
    background: #f1f5f9;
}
.widget-columnists.widget-columnists-modern .wcol-card:hover {
    border-color: rgba(37, 99, 235, 0.22);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.07);
}
.widget-columnists.widget-columnists-modern .wcol-photo {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    display: block;
    overflow: hidden;
    background: #e2e8f0;
    border-radius: 0;
    align-self: flex-start;
    text-decoration: none;
}
.widget-columnists.widget-columnists-modern .wcol-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.widget-columnists.widget-columnists-modern .wcol-photo-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
    font-weight: 800;
    color: #64748b;
    background: linear-gradient(145deg, #e2e8f0, #cbd5e1);
}
.widget-columnists.widget-columnists-modern .wcol-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}
.widget-columnists.widget-columnists-modern .wcol-name {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-decoration: none;
    color: #0f172a;
    line-height: 1.3;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}
.widget-columnists.widget-columnists-modern .wcol-name:hover {
    color: var(--color-accent);
}
.widget-columnists.widget-columnists-modern a.wcol-article {
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.4;
    color: #334155;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.widget-columnists.widget-columnists-modern a.wcol-article:hover {
    color: var(--color-accent);
}
.widget-columnists.widget-columnists-modern .wcol-article--empty {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 500;
    font-style: italic;
    color: var(--color-text-muted);
}
.widget-columnists.widget-columnists-modern .wcol-date {
    font-size: 0.71rem;
    color: var(--color-text-muted);
}
.widget-columnists.widget-columnists-modern .wcol-all-link {
    display: block;
    margin-top: 0.15rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--color-accent);
    text-decoration: none;
}
.widget-columnists.widget-columnists-modern .wcol-all-link:hover {
    text-decoration: underline;
}

/* Ana sayfa: reklam / HTML gömme (slider altı veya bloklar arası) */
.section-homepage-ad-embed {
    padding: 0.2rem 0;
}
.homepage-ad-embed__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.25rem;
}
.homepage-ad-embed__title {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-muted, #64748b);
    margin: 0 0 0.5rem;
    text-align: center;
}
.homepage-ad-embed__slot {
    text-align: center;
}
.homepage-ad-embed__slot iframe,
.homepage-ad-embed__slot img {
    max-width: 100%;
    height: auto;
}
.homepage-ad-embed__slot iframe {
    margin: 0 auto;
    display: block;
}

/* Promo banner şeridi — manşet / diğer sectionlarla aynı yatay hiza */
.section-promo-banner-strip {
    padding: 0 1.25rem 1.25rem;
    box-sizing: border-box;
}
.pbs-carousel {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    box-shadow: var(--shadow-md);
}
.pbs-slide {
    display: none;
    position: relative;
}
.pbs-slide.is-active {
    display: block;
}
.pbs-link {
    display: block;
    width: 100%;
    line-height: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.pbs-img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.pbs-inner--static {
    position: relative;
    min-height: 160px;
    pointer-events: auto;
    background: #1e293b;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
    box-sizing: border-box;
}
.pbs-empty-hint {
    margin: 0;
    color: #94a3b8;
    font-size: 0.95rem;
}
.pbs-dots-wrap {
    margin-top: 0.5rem;
}
.pbs-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: center;
}
.pbs-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    background: #cbd5e1;
    cursor: pointer;
    border-radius: 0;
}
.pbs-dot.is-active {
    background: var(--color-accent);
}

/* Bitişik 3'lü şerit (kategori — son 3 yazı, görsel + altta başlık) */
.section-category-triple-strip {
    padding: 0.85rem 1.25rem 1.25rem;
    box-sizing: border-box;
}
.section-category-triple-strip .cts-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.section-category-triple-strip .cts-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}
.cts-strip {
    display: flex;
    width: 100%;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: var(--shadow-md);
}
.cts-tile {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    min-height: 200px;
    aspect-ratio: 16 / 10;
    display: block;
    text-decoration: none;
    color: #fff;
    border-radius: 0;
    outline-offset: 2px;
}
.cts-tile:focus-visible {
    z-index: 1;
    outline: 2px solid var(--color-accent);
}
.cts-bg {
    position: absolute;
    inset: 0;
    background-color: #334155;
    background-size: cover;
    background-position: center;
    transition: transform 0.35s ease;
}
.cts-tile:hover .cts-bg {
    transform: scale(1.04);
}
.cts-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, transparent 55%);
    pointer-events: none;
}
.cts-title {
    position: absolute;
    left: 0.85rem;
    right: 0.85rem;
    bottom: 0.85rem;
    z-index: 2;
    font-size: clamp(0.82rem, 1.35vw, 1.05rem);
    font-weight: 800;
    line-height: 1.32;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}
.cts-empty {
    margin: 0;
    padding: 1.5rem;
    text-align: center;
    color: var(--color-text-muted);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0;
}
@media (max-width: 768px) {
    .cts-strip {
        flex-direction: column;
    }
    .cts-tile {
        aspect-ratio: 16 / 9;
        min-height: 180px;
    }
}

/* Manşet + Thumbnail + Yan slider (haber portal düzeni) — sağ kolon: yan slider + reklam grid hücreleri */
.section-headline-thumb-slider { padding: 0 1.25rem 0.55rem; overflow-x: hidden; }
.section-headline-thumb-slider .hts-layout {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    grid-template-rows: 1fr auto;
    gap: 0.75rem;
    align-items: start;
}
.section-headline-thumb-slider .hts-layout:not(:has(.hts-side-slider)):not(:has(.hts-ad-slot)) {
    grid-template-columns: 1fr;
}
.section-headline-thumb-slider .hts-main {
    grid-column: 1;
    grid-row: 1 / -1;
    min-width: 0;
}
.section-headline-thumb-slider .hts-layout:has(.hts-side-slider) .hts-side-slider {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}
.section-headline-thumb-slider .hts-layout:has(.hts-ad-slot) .hts-ad-slot {
    grid-column: 2;
    grid-row: 2;
}
.section-headline-thumb-slider .hts-layout:not(:has(.hts-side-slider)) .hts-ad-slot {
    grid-row: 1 / -1;
    align-self: stretch;
}
.section-headline-thumb-slider .hts-layout:not(:has(.hts-ad-slot)) .hts-side-slider {
    grid-row: 1 / -1;
}
.hts-mobile-yan-bar {
    display: none;
}
.hts-mobile-yan-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.4rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    font-family: inherit;
}
.hts-mobile-yan-toggle:hover {
    background: var(--color-accent-light, rgba(37, 99, 235, 0.08));
}
.hts-mobile-yan-toggle-icon {
    display: inline-block;
    transition: transform 0.2s ease;
    font-size: 0.65rem;
    line-height: 1;
}
.section-headline-thumb-slider.hts-yan-panel-open .hts-mobile-yan-toggle-icon {
    transform: rotate(180deg);
}
/* Masaüstü: sol kolon yüksekliğine sağ kolon (yan haber + reklam) eşitlensin */
@media (min-width: 961px) {
    .hts-mobile-yan-bar {
        display: none !important;
    }
    .section-headline-thumb-slider .hts-layout {
        align-items: stretch;
    }
    .section-headline-thumb-slider .hts-side-slider {
        min-height: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .hts-side-track {
        flex: 1 1 0;
        min-height: 0;
        padding-top: 0;
        height: auto;
    }
}
@media (max-width: 960px) {
    .section-headline-thumb-slider .hts-layout {
        display: block;
    }
    .section-headline-thumb-slider:not(.section-headline-thumb-slider--mobile-ad-col) .hts-layout > .hts-side-slider,
    .section-headline-thumb-slider:not(.section-headline-thumb-slider--mobile-ad-col) .hts-layout > .hts-ad-slot,
    .section-headline-thumb-slider:not(.section-headline-thumb-slider--mobile-ad-col) .hts-layout > .hts-mobile-yan-bar {
        display: none !important;
    }
    /* Mobilde manşet + yalnızca reklam sütunu (+ isteğe bağlı açılır yan haber) */
    .section-headline-thumb-slider.section-headline-thumb-slider--mobile-ad-col .hts-layout {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .section-headline-thumb-slider--mobile-ad-col .hts-layout > .hts-main {
        flex: 1 1 0;
        min-width: 0;
        max-width: calc(100% - 118px - 0.5rem);
        order: 1;
    }
    .section-headline-thumb-slider--mobile-ad-col .hts-layout > .hts-ad-slot {
        display: block !important;
        flex: 0 0 minmax(100px, 28vw);
        max-width: min(28vw, 150px);
        min-width: 0;
        order: 2;
        box-sizing: border-box;
        overflow: hidden;
    }
    .section-headline-thumb-slider--mobile-ad-col .hts-layout > .hts-ad-slot iframe {
        max-width: 100%;
    }
    .section-headline-thumb-slider--mobile-ad-col .hts-mobile-yan-bar {
        display: block !important;
        order: 3;
        flex-basis: 100%;
        width: 100%;
    }
    .section-headline-thumb-slider--mobile-ad-col .hts-layout > .hts-side-slider {
        order: 4;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .section-headline-thumb-slider--mobile-ad-col:not(.section-headline-thumb-slider--mobile-expand-side) .hts-layout > .hts-side-slider {
        display: none !important;
    }
    .section-headline-thumb-slider--mobile-ad-col.section-headline-thumb-slider--mobile-expand-side:not(.hts-yan-panel-open) .hts-layout > .hts-side-slider {
        display: none !important;
    }
    .section-headline-thumb-slider--mobile-ad-col.section-headline-thumb-slider--mobile-expand-side.hts-yan-panel-open .hts-layout > .hts-side-slider {
        display: flex !important;
        flex-direction: column;
    }
}
.hts-main-box {
 background: #0f172a;
 border-radius: var(--radius-xl);
 overflow: hidden;
 box-shadow: var(--shadow-lg);
}
.hts-track {
 position: relative;
 width: 100%;
 min-height: 200px;
 aspect-ratio: 16 / 9;
 background: #1e293b;
}
.hts-slide {
 display: none;
 position: absolute;
 inset: 0;
}
.hts-slide.is-active { display: block; }
.hts-slide-link { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; }
.hts-slide-media { position: absolute; inset: 0; overflow: hidden; }
/* Ana slider ile aynı: img’yi kutuya kilitle (yüzde boyutlar bazen iç görseli dev gösterir) */
.hts-slide-media img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 max-width: none;
 object-fit: var(--media-object-fit, cover);
 object-position: var(--media-object-position, center);
 display: block;
 transition: transform 0.45s ease;
}
.hts-slide.is-active .hts-slide-media img:hover { transform: scale(1.02); }
.hts-slide-placeholder {
 position: absolute; inset: 0;
 background: linear-gradient(135deg, #475569, #334155);
}
.hts-chrome {
 padding: 0.65rem 1rem 0.85rem;
 background: linear-gradient(180deg, #0b1220 0%, #0f172a 100%);
 border-top: 1px solid rgba(255,255,255,0.06);
}
.hts-progress {
 height: 3px;
 background: rgba(255,255,255,0.18);
 border-radius: 2px;
 overflow: hidden;
 margin-bottom: 0.65rem;
}
.hts-progress-bar {
 display: block;
 height: 100%;
 width: 100%;
 background: var(--hts-accent, #dc2626);
 transform: scaleX(0);
 transform-origin: left center;
 transition: transform 0s linear;
 will-change: transform;
}
.hts-progress.is-running .hts-progress-bar { }
.hts-headline {
 margin: 0;
 font-size: clamp(0.85rem, 1.8vw, 1.05rem);
 font-weight: 800;
 line-height: 1.35;
 letter-spacing: 0.02em;
 min-height: 2.8em;
}
.hts-headline-part {
 display: none;
}
.hts-headline-part.is-active { display: block; }
.hts-headline-part a {
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
}
.hts-headline-part a:hover { color: #f1f5f9; text-decoration: underline; text-underline-offset: 3px; }
.hts-thumbs {
 display: flex;
 gap: 0.4rem;
 padding: 0.5rem 0.45rem 0.55rem;
 background: #fff;
 overflow-x: auto;
 scrollbar-width: thin;
 -webkit-overflow-scrolling: touch;
}
.hts-thumbs::-webkit-scrollbar { height: 4px; }
.hts-thumb {
 flex: 0 0 auto;
 width: 72px;
 height: 48px;
 padding: 0;
 border: 2px solid transparent;
 border-radius: 2px;
 cursor: pointer;
 overflow: hidden;
 background: #e2e8f0;
 position: relative;
 transition: border-color 0.2s, box-shadow 0.2s;
}
.hts-thumb img {
 width: 100%; height: 100%;
 object-fit: cover;
 display: block;
}
.hts-thumb-ph { display: block; width: 100%; height: 100%; background: #cbd5e1; }
.hts-thumb::after {
 content: '';
 position: absolute;
 left: 0; right: 0; bottom: 0;
 height: 3px;
 background: transparent;
 transition: background 0.2s;
}
.hts-thumb.is-active {
 border-color: rgba(15,23,42,0.25);
 box-shadow: 0 0 0 1px rgba(15,23,42,0.08);
}
.hts-thumb.is-active::after {
 background: var(--hts-accent, #dc2626);
}
.hts-thumb:hover { border-color: var(--hts-accent, #dc2626); }

.hts-side-slider {
 position: relative;
 border-radius: var(--radius-lg);
 overflow: hidden;
 box-shadow: var(--shadow-md);
 background: #0f172a;
 min-height: 200px;
}
/* padding-top oranı yalnızca mobilde; masaüstünde @media (min-width:961px) flex ile yükseklik dolar (aksi halde bu kural alttan ezer) */
.hts-side-track { position: relative; width: 100%; }
.hts-side-slide {
 display: none;
 position: absolute;
 inset: 0;
}
.hts-side-slide.is-active { display: block; }
.hts-side-visual { position: absolute; inset: 0; display: flex; flex-direction: column; }
.hts-side-img-link {
 flex: 1;
 min-height: 0;
 display: block;
 position: relative;
}
.hts-side-img-link img,
.hts-side-placeholder {
 position: absolute;
 inset: 0;
 width: 100%; height: 100%;
 object-fit: cover;
}
.hts-side-placeholder { background: linear-gradient(135deg, #64748b, #475569); }
.hts-side-bar {
 flex-shrink: 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 padding: 0.5rem 0.5rem 0.5rem 0.65rem;
 background: #f97316;
 min-height: 3rem;
}
.hts-side-title-link {
 flex: 1;
 min-width: 0;
 font-size: 0.78rem;
 font-weight: 700;
 line-height: 1.3;
 color: #fff;
 text-decoration: none;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.hts-side-title-link:hover { text-decoration: underline; }
.hts-side-nav { display: flex; gap: 2px; flex-shrink: 0; }
.hts-side-prev, .hts-side-next {
 width: 28px; height: 28px;
 padding: 0;
 border: none;
 border-radius: 2px;
 background: rgba(0,0,0,0.2);
 color: #fff;
 font-size: 1.1rem;
 line-height: 1;
 cursor: pointer;
 transition: background 0.2s;
}
.hts-side-prev:hover, .hts-side-next:hover { background: rgba(0,0,0,0.35); }
.hts-ad-slot {
 background: var(--color-surface);
 border-radius: var(--radius-lg);
 min-height: 120px;
 padding: 0.75rem;
 border: 1px solid var(--color-border);
 font-size: 0.85rem;
 overflow: hidden;
 flex-shrink: 0;
}
.section-headline-thumb-slider .hts-ad-slot img { max-width: 100%; height: auto; display: block; }
.section-headline-thumb-slider .hts-ad-slot iframe { max-width: 100%; }
.hts-side-empty { min-height: 4rem; }

/* Üst manşet (widget: İçerik Üstü) — tam genişlik, yatay şerit */
.homepage-section-wrapper:has(.section-top-articles) { padding-bottom: 0; padding-top: 0; }
.homepage-section-full-width:has(.section-top-articles) { padding-left: 0; padding-right: 0; }
.section-top-articles { padding: 0; margin: 0; }
.section-top-articles--empty { padding: 0 1.25rem; }
.spotlight-hero { position: relative; max-width: 100%; margin: 0 auto; }
.spotlight-track {
    position: relative;
    width: 100%;
    /* Yatay şerit: geniş ekranda alçak, mobilde okunaklı */
    height: clamp(200px, 24vw, 300px);
    max-height: min(38vh, 300px);
    background: #0a0a0c;
}
@media (max-width: 720px) {
    .spotlight-track {
        height: auto;
        min-height: 240px;
        max-height: none;
        aspect-ratio: 16 / 9;
    }
}
.spotlight-slide {
    display: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.spotlight-slide.active { display: block; }
.spotlight-slide-bg { position: absolute; inset: 0; z-index: 0; }
.spotlight-bg-img {
    width: 100%; height: 100%; object-fit: cover; object-position: center center;
    transform: scale(1.02);
}
.spotlight-bg-ph {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #1a1a22 0%, #0a0a0e 100%);
}
.spotlight-bg-solid {
    width: 100%;
    height: 100%;
    background: #10141c;
}
.spotlight-bg-solid--bitcoin { background: #12151c; }
.spotlight-bg-solid--altcoin { background: #14121f; }
.spotlight-bg-solid--exchange { background: #101816; }
.spotlight-bg-solid--regulation { background: #101a1a; }
.spotlight-bg-solid--corporate { background: #111827; }
.spotlight-bg-solid--default { background: #10141c; }
.spotlight-bg-gradient {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(6, 6, 10, 0.12) 0%, rgba(6, 6, 10, 0.42) 100%);
    pointer-events: none;
}
.spotlight-slide-inner {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem 1rem;
    align-items: end;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.65rem 1.25rem 2.1rem;
    box-sizing: border-box;
}
.spotlight-copy { padding-bottom: 0; min-width: 0; align-self: end; }
.spotlight-overline {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem;
    margin-bottom: 0.35rem;
}
.spotlight-pink {
    color: var(--spotlight-accent, #ec407a);
    font-weight: 800;
    letter-spacing: 0.06em;
    font-size: 0.78rem;
}
.spotlight-badge {
    display: inline-block;
    background: #0a0a0a;
    color: #fff;
    padding: 0.2rem 0.55rem;
    transform: skewX(-10deg);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}
.spotlight-badge-inner {
    display: inline-block;
    transform: skewX(10deg);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}
.spotlight-title {
    margin: 0.15rem 0 0.35rem;
    font-size: clamp(1.15rem, 2.8vw, 1.85rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}
.spotlight-title-link {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}
.spotlight-title-link:hover { opacity: 0.96; }
.spotlight-title-link strong { color: var(--spotlight-accent, #ec407a); font-weight: 800; }
.spotlight-excerpt {
    margin: 0;
    max-width: min(42rem, 72vw);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.8rem;
    line-height: 1.35;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.spotlight-cutout-wrap {
    display: flex; align-items: flex-end; justify-content: flex-end;
    align-self: end;
    pointer-events: none;
}
.spotlight-cutout {
    max-height: min(28vw, 200px);
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: bottom right;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45));
}
.spotlight-pagination {
    position: absolute;
    bottom: 0.45rem;
    left: 1.25rem;
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: flex-end;
}
.spotlight-page {
    position: relative;
    width: 1.85rem;
    height: 1.85rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(20, 20, 24, 0.75);
    color: #fff;
    font-weight: 800;
    font-size: 0.8rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.spotlight-page:hover { background: rgba(40, 40, 48, 0.95); }
.spotlight-page.active {
    background: #fff;
    color: #111;
    border-color: #fff;
}
.spotlight-page.active::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
}
/* Tablet + mobil: ön plan kesimi tamamen kapat (grid alt satıra düşmesin) */
@media (max-width: 1024px) {
    .section-top-articles .spotlight-slide-inner {
        grid-template-columns: 1fr !important;
        padding: 0.75rem 1rem 3.25rem;
    }
    .section-top-articles .spotlight-cutout-wrap {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        inset: auto !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        pointer-events: none !important;
    }
    .section-top-articles .spotlight-cutout {
        display: none !important;
        max-height: 0 !important;
    }
    .section-top-articles .spotlight-title { font-size: clamp(1.2rem, 4.5vw, 1.5rem); }
    .section-top-articles .spotlight-pagination { left: 0.75rem; bottom: 0.4rem; }
    /* Arka plan görseli sağda figür gösteriyorsa hafif sola kaydır */
    .section-top-articles .spotlight-bg-img {
        object-position: left center;
    }
}

/* Portal Slider (Sol-Orta-Sağ) - Görseldeki gibi 3 sütun */
.section-portal-slider { padding: 0 1.25rem 0; }
.portal-slider-container {
    max-width: 1200px; margin: 0 auto;
    display: grid; grid-template-columns: 280px 1fr 280px; gap: 0;
    align-items: stretch; min-height: 520px;
    background: var(--color-card); border-radius: var(--radius-xl); overflow: hidden;
    box-shadow: var(--shadow-lg);
}
.portal-slider-left {
    display: flex; flex-direction: column; min-height: 0;
    border-right: 1px solid var(--color-border);
}
.portal-left-wrapper { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
.portal-left-track { position: relative; flex: 1; min-height: 0; }
.portal-left-slide { display: none; position: absolute; inset: 0; }
.portal-left-slide.active { display: block; }
.portal-left-link { display: block; text-decoration: none; color: inherit; position: absolute; inset: 0; }
.portal-left-image {
    position: absolute; inset: 0; overflow: hidden; background: #1e293b;
}
.portal-left-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.4s ease;
}
.portal-left-slide:hover .portal-left-image img { transform: scale(1.03); }
.portal-left-dots {
    position: absolute; bottom: 0; left: 0; right: 0;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 60%, transparent);
    z-index: 15;
}
.portal-left-dots button {
    flex: 0 0 auto; width: 34px; height: 34px; border: none;
    cursor: pointer; font-size: 0.9rem; font-weight: 700; border-radius: 50%;
    color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.2);
    transition: all 0.2s;
}
.portal-left-dots button:hover { color: #fff; background: rgba(255,255,255,0.4); transform: scale(1.08); }
.portal-left-dots button.active { background: var(--color-accent); color: #fff; }
.portal-left-prev, .portal-left-next {
    position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px;
    border: none; background: rgba(15,23,42,0.65); color: #fff; font-size: 1rem;
    cursor: pointer; z-index: 10; border-radius: var(--radius-md); transition: background 0.2s;
}
.portal-left-prev:hover, .portal-left-next:hover { background: rgba(15,23,42,0.85); }
.portal-left-prev { left: 0.35rem; }
.portal-left-next { right: 0.35rem; }
.portal-slider-center {
    display: flex; flex-direction: column; min-height: 0;
}
.portal-center-wrapper { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
.portal-center-empty { margin: 0; padding: 1.5rem; text-align: center; flex: 1; display: flex; align-items: center; justify-content: center; }
.portal-center-track { position: relative; flex: 1; min-height: 0; }
.portal-center-slide { display: none; position: absolute; inset: 0; }
.portal-center-slide.active { display: block; }
.portal-center-link { display: block; text-decoration: none; color: inherit; position: absolute; inset: 0; }
.portal-center-image {
    position: absolute; inset: 0; overflow: hidden; background: #1e293b;
}
.portal-center-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.4s ease;
}
.portal-center-slide:hover .portal-center-image img { transform: scale(1.03); }
.portal-overlay {
    position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 55%);
    padding: 1rem 1rem;
}
.portal-left-image .portal-overlay { padding: 1.25rem 1.25rem 3.5rem; }
.portal-center-image .portal-overlay { padding: 1.25rem 1.25rem 3.5rem; }
.portal-overlay h3, .portal-overlay h4 { margin: 0; color: #fff; font-weight: 600; line-height: 1.35; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.portal-overlay h3 { font-size: 1.1rem; }
.portal-overlay h4 { font-size: 0.95rem; }
.portal-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #475569 0%, #334155 100%); }
.portal-slider-prev, .portal-slider-next {
    position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;
    border: none; background: rgba(15,23,42,0.65); color: #fff; font-size: 1.1rem;
    cursor: pointer; z-index: 10; border-radius: var(--radius-md); transition: background 0.2s;
}
.portal-slider-prev:hover, .portal-slider-next:hover { background: rgba(15,23,42,0.85); }
.portal-slider-prev { left: 0.5rem; }
.portal-slider-next { right: 0.5rem; }
.portal-slider-dots {
    position: absolute; bottom: 0; left: 0; right: 0;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 60%, transparent);
    z-index: 5;
}
.portal-slider-dots button {
    flex: 0 0 auto; width: 34px; height: 34px; border: none;
    cursor: pointer; font-size: 0.9rem; font-weight: 700; border-radius: 50%;
    color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.2);
    transition: all 0.2s;
}
.portal-slider-dots button:hover { color: #fff; background: rgba(255,255,255,0.4); transform: scale(1.08); }
.portal-slider-dots button.active { background: var(--color-accent); color: #fff; }
.portal-slider-right {
    display: flex; flex-direction: column; gap: 0;
    border-left: 1px solid var(--color-border);
}
.portal-right-card {
    flex: 1; display: block; text-decoration: none; color: inherit;
    min-height: 120px; border-bottom: 1px solid var(--color-border);
}
.portal-right-card:last-child { border-bottom: none; }
.portal-right-image {
    position: relative; display: block; width: 100%; height: 100%; min-height: 120px;
    overflow: hidden; background: #1e293b;
}
.portal-right-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.25s;
}
.portal-right-card:hover .portal-right-image img { transform: scale(1.05); }
.homepage-section-full-width .portal-slider-container,
.homepage-section-full-width .four-cards-container,
.homepage-section-full-width .gastro-grid-container,
.homepage-section-full-width .official-announcements-container,
.homepage-section-full-width .crypto-currencies-container,
.homepage-section-full-width .bilgi-ilanlar-container,
.homepage-section-full-width .guncel-haberler-container,
.homepage-section-full-width .haber-manset-container,
.homepage-section-full-width .single-featured-container,
.homepage-section-full-width .homepage-ad-embed__inner { max-width: 100%; }
@media (max-width: 1024px) {
    .portal-slider-container { grid-template-columns: 1fr; min-height: auto; }
    .portal-slider-left { border-right: none; border-bottom: 1px solid var(--color-border); }
    .portal-left-wrapper { min-height: 280px; }
    .portal-slider-right { border-left: none; border-top: 1px solid var(--color-border); }
    .portal-right-image { aspect-ratio: 16/9; }
}
@media (max-width: 768px) {
    .portal-slider-container { grid-template-columns: 1fr !important; min-height: auto !important; }
    .portal-left-wrapper { min-height: 180px; }
    .portal-slider-center .portal-center-wrapper { min-height: 200px; }
    .portal-slider-right .portal-right-card { min-height: 0; }
    .portal-right-image { aspect-ratio: 16/9; min-height: 100px; }
}

/* Sayfa layout: içerik + sidebar (blog vb.) - sidebar içerikle birlikte scroll eder */
.main-with-sidebar {
    max-width: 1480px; margin: 0 auto; padding: 1.15rem 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: 1.5rem 2rem;
    align-items: start;
}
.main-content-area { min-width: 0; position: relative; z-index: 0; }
.page-sidebar {
    width: 100%;
    min-width: 0;
    padding-left: 0.5rem;
    margin-left: 0;
    border: none; border-left: none; border-right: none;
    position: relative; /* z-index için static olmamalı */
    z-index: 3;
}
/* Haber detay (BlogController stickySidebar): yan sütun yapışkan — örn. portal haber iç şablonu */
@media (min-width: 901px) {
    .main-with-sidebar--sticky .page-sidebar.page-sidebar--sticky {
        position: sticky !important;
        top: 5rem;
        align-self: start;
        max-height: none;
        overflow: visible;
    }
}
@media (max-width: 900px) {
    .main-with-sidebar { grid-template-columns: 1fr; gap: 1.5rem; }
    .page-sidebar { width: auto; padding-left: 0; margin-left: 0; padding-top: 1.35rem; border-top: 1px solid rgba(0,0,0,0.08); }
}

/* Haber detay: paylaşım şeridi */
.post-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    margin: 1.15rem 0 1.5rem;
    padding: 0.75rem 1rem;
    background: var(--color-surface, #f8fafc);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 8px);
}
.post-share-label {
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
}
.post-share-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: 0.25rem 0.65rem;
    border: none;
    border-radius: var(--radius-sm, 6px);
    font-size: 0.78rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    transition: filter 0.15s, transform 0.15s;
}
.post-share-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: #fff;
}
.post-share-fb { background: #1877f2; }
.post-share-x { background: #0f1419; }
.post-share-wa { background: #25d366; }
.post-share-li { background: #0a66c2; }
.post-share-tg { background: #229ed9; }
.post-share-copy {
    background: var(--color-text-muted, #64748b);
    color: #fff;
}
.post-share-copy.is-copied {
    background: #15803d;
}
.post-share-native { background: var(--color-accent, #2563eb); }

/* Haber detay: yorum bölümü */
.post-comments {
    margin: 2.5rem 0 2rem;
    padding-top: 1.75rem;
    border-top: 1px solid var(--color-border);
}
.post-comments-title {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: var(--font-sans, "Noto Sans", system-ui, sans-serif);
}
.post-comments-meta {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    color: var(--color-text-muted);
}
.post-comments-box {
    padding: 1rem 1.15rem;
    background: var(--color-surface, #f8fafc);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 8px);
}
.post-comments-placeholder {
    margin: 0;
    font-size: 0.95rem;
    color: var(--color-text-muted);
    line-height: 1.5;
}
.post-comments-alert {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md, 8px);
    font-size: 0.92rem;
    line-height: 1.45;
}
.post-comments-alert--success {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #166534;
}
.post-comments-alert--error {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #991b1b;
}
.post-comments-list {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 8px);
    overflow: hidden;
    background: var(--color-card, #fff);
}
.post-comment-item {
    margin: 0;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--color-border);
}
.post-comment-item:last-child { border-bottom: none; }
.post-comment-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}
.post-comment-author {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--color-text);
}
.post-comment-time {
    font-size: 0.8rem;
    color: var(--color-text-muted);
}
.post-comment-body {
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--color-text);
    word-break: break-word;
}
.post-comments-empty {
    margin: 0 0 1.25rem;
    font-size: 0.95rem;
    color: var(--color-text-muted);
}
.post-comment-form {
    margin: 0;
    padding: 1.15rem 1.25rem;
    background: var(--color-surface, #f8fafc);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 8px);
    max-width: 100%;
}
.post-comment-form-lead {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 1.05rem;
    font-family: var(--font-sans, "Noto Sans", system-ui, sans-serif);
}
.post-comment-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
@media (max-width: 600px) {
    .post-comment-form-grid { grid-template-columns: 1fr; }
}
.post-comment-field { margin-bottom: 1rem; }
.post-comment-field label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--color-text);
}
.post-comment-optional {
    font-weight: 400;
    color: var(--color-text-muted);
    font-size: 0.82rem;
}
.post-comment-field input,
.post-comment-field textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm, 6px);
    font-size: 0.95rem;
    font-family: inherit;
    background: var(--color-card, #fff);
}
.post-comment-field textarea {
    resize: vertical;
    min-height: 120px;
}
.post-comment-field input:focus,
.post-comment-field textarea:focus {
    outline: 2px solid var(--color-accent, #2563eb);
    outline-offset: 1px;
}
.post-comment-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.post-comment-submit {
    margin-top: 0.25rem;
    padding: 0.6rem 1.35rem;
    border: none;
    border-radius: var(--radius-sm, 6px);
    background: var(--color-accent, #2563eb);
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    font-family: inherit;
    cursor: pointer;
    transition: filter 0.15s, transform 0.15s;
}
.post-comment-submit:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}
.post-widget-slot {
    margin: 1rem 0;
    max-width: 100%;
}
.post-widget-slot--inner-top {
    margin-top: 0.35rem;
    margin-bottom: 1.1rem;
}
.post-widget-slot--inner-bottom {
    margin-top: 1.35rem;
    margin-bottom: 0.25rem;
}
.blog-post .post-meta-item a {
    color: inherit;
    text-decoration: none;
}
.blog-post .post-meta-item a:hover {
    color: var(--color-accent);
    text-decoration: underline;
}

/* Kategori Haberleri section (turuncu tab + 2 sütun liste) */
.section-category-news { padding: 0.85rem 0; }
.category-news-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
}
.category-news-tab {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 1rem; background: #f97316; color: #fff;
    font-weight: 600; font-size: 1rem; border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.category-news-viewall {
    color: var(--color-text-muted); font-size: 0.9rem; text-decoration: none; font-weight: 500;
}
.category-news-viewall:hover { color: var(--color-accent); }
.category-news-underline {
    height: 3px; background: #f97316; margin-top: -1px; border-radius: 0 0 2px 2px;
}
.category-news-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;
    margin-top: 1rem;
}
.category-news-item {
    display: flex; gap: 1rem; padding: 1rem 0;
    border-bottom: 1px solid var(--color-border); text-decoration: none; color: inherit;
    transition: background 0.2s;
}
.category-news-item:hover { background: var(--color-surface); }
.category-news-item:nth-child(odd) { padding-right: 1.5rem; }
.category-news-item:nth-child(even) { padding-left: 1.5rem; border-left: 1px solid var(--color-border); }
.category-news-thumb {
    flex-shrink: 0; width: 90px; height: 70px; overflow: hidden; border-radius: var(--radius-sm);
}
.category-news-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.25s; }
.category-news-item:hover .category-news-thumb img { transform: scale(1.05); }
.category-news-placeholder {
    width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.category-news-body { flex: 1; min-width: 0; }
.category-news-title {
    margin: 0 0 0.35rem; font-size: 1rem; font-weight: 600; line-height: 1.35; color: var(--color-text);
}
.category-news-item:hover .category-news-title { color: var(--color-accent); }
.category-news-meta {
    display: flex; gap: 1rem; font-size: 0.8rem; color: var(--color-text-muted);
}
.category-news-comments { margin-left: auto; }
@media (max-width: 768px) {
    .category-news-grid { grid-template-columns: 1fr; }
    .category-news-item:nth-child(odd),
    .category-news-item:nth-child(even) { padding: 1rem 0; padding-right: 0; padding-left: 0; border-left: none; }
}

/* Güncel Haberler (1 büyük + 4 küçük kart) */
.section-guncel-haberler { padding: 0.9rem 0; }
.guncel-haberler-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.guncel-haberler-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}
.guncel-haberler-header-main {
    display: flex; align-items: center; gap: 0.75rem; flex: 0 1 auto; min-width: 0;
}
.guncel-haberler-title {
    margin: 0; font-size: 1.35rem; font-weight: 700; color: var(--color-text);
}
.guncel-haberler-line {
    flex: 0 0 60px; height: 3px; border-radius: 2px;
}
.guncel-haberler-grid {
    display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;
    gap: 0.75rem; height: 280px;
}
.guncel-haberler-card {
    display: block; text-decoration: none; color: inherit; overflow: hidden; border-radius: var(--radius-md);
    transition: transform 0.2s, box-shadow 0.2s;
}
.guncel-haberler-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.guncel-haberler-card-large {
    grid-row: 1 / -1; grid-column: 1;
}
.guncel-haberler-image {
    position: relative; width: 100%; height: 100%; min-height: 100px;
    overflow: hidden; background: #1e293b;
}
.guncel-haberler-card-large .guncel-haberler-image { min-height: 100%; }
.guncel-haberler-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.35s;
}
.guncel-haberler-card:hover .guncel-haberler-image img { transform: scale(1.05); }
.guncel-haberler-placeholder {
    position: absolute; inset: 0;
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}
.guncel-haberler-gradient {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent);
}
.guncel-haberler-tag {
    position: absolute; padding: 0.35rem 0.65rem;
    font-size: 0.7rem; font-weight: 700; color: #fff; letter-spacing: 0.05em;
    border-radius: 4px; z-index: 2;
}
.guncel-haberler-card-large .guncel-haberler-tag { bottom: 1rem; left: 1rem; }
.guncel-haberler-card-small .guncel-haberler-tag { top: 0.65rem; left: 0.65rem; }
.guncel-haberler-card-title {
    position: absolute; bottom: 0; left: 0; right: 0; margin: 0;
    padding: 1rem 1rem 1rem; color: #fff; font-size: 1rem; font-weight: 600;
    line-height: 1.35; text-shadow: 0 1px 2px rgba(0,0,0,0.5); z-index: 2;
}
.guncel-haberler-card-large .guncel-haberler-card-title {
    font-size: 1.15rem; padding: 1.25rem 1.25rem 3rem;
}
.guncel-haberler-card:hover .guncel-haberler-card-title { color: #fff; }
.guncel-haberler-side {
    display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;
    gap: 0.75rem; grid-column: 2; grid-row: 1 / -1;
}
.guncel-haberler-viewall {
    display: inline-block; margin-top: 0; margin-left: auto; font-size: 0.9rem; font-weight: 600;
    color: var(--color-text-muted); text-decoration: none; flex-shrink: 0;
}
.guncel-haberler-viewall:hover { color: var(--color-accent); }
@media (max-width: 768px) {
    .guncel-haberler-grid {
        grid-template-columns: 1fr; grid-template-rows: auto; height: auto;
    }
    .guncel-haberler-card-large {
        grid-row: auto; grid-column: 1; aspect-ratio: 16/9;
    }
    .guncel-haberler-side {
        grid-column: 1; grid-row: auto; grid-template-columns: 1fr 1fr;
    }
}

/* Kategori Liste (Özetli) - Dikey liste, özet + meta */
.section-category-list { padding: 0.85rem 0; }

/* Magazin / Spor bandı — kategori listesiyle aynı iskelet, hafif tema */
.section-category-band { padding: 0.85rem 0; }
.section-category-band--magazin {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.06) 0%, transparent 65%);
}
.section-category-band--spor {
    background: linear-gradient(180deg, rgba(5, 150, 105, 0.07) 0%, transparent 65%);
}
.section-category-band--magazin .category-list-link:hover .category-list-title { color: #7c3aed; }
.section-category-band--spor .category-list-link:hover .category-list-title { color: #059669; }
.section-category-band .category-band-tab { border-radius: 2px; }
.section-category-band .category-band-icon { font-size: 1.15rem; line-height: 1; }

/* Magazin bandı (modern) — 2 küçük + 1 büyük + 2 küçük (panel rengi ayarlanabilir) */
.section-magazin-band-modern {
    padding: 1rem 0;
    background: linear-gradient(180deg, color-mix(in srgb, var(--mb-bg, #be185d) 18%, transparent) 0%, transparent 70%);
}
.magazin-band-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem clamp(0.85rem, 3vw, 1.35rem);
    border-radius: var(--radius-lg);
    background: linear-gradient(90deg, var(--mb-bg, #be185d), var(--mb-bg2, #4a044e));
    color: var(--mb-text, #fff);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
.magazin-band-title {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    font-size: 1.1rem;
    min-width: 0;
}
.magazin-band-icon { font-size: 1.15rem; line-height: 1; }
.magazin-band-viewall {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: color-mix(in srgb, var(--mb-text, #fff) 92%, transparent);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    flex-shrink: 0;
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
}
.magazin-band-viewall:hover { background: rgba(255, 255, 255, 0.18); }
.magazin-band-header--titleless { justify-content: flex-end; }

.magazin-band-grid {
    margin-top: 0.9rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.25fr) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: stretch;
    width: 100%;
}
.magazin-band-col {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    min-height: 0;
}
.magazin-band-col .magazin-band-card--small {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.magazin-band-col--mid {
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.magazin-band-col--mid .magazin-band-card--big {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.magazin-band-card {
    position: relative;
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mb-bg, #be185d) 16%, var(--color-border));
    background: #0b1020;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
}
.magazin-band-card:hover { transform: translateY(-1px); }
.magazin-band-media {
    position: relative;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}
.magazin-band-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.magazin-band-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #334155 0%, #0f172a 100%);
}
.magazin-band-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0.85rem 0.9rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.35) 55%, transparent);
}
.magazin-band-overlay--big {
    padding: 1.15rem 1.25rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.25) 60%, transparent);
}
.magazin-band-card-title {
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    font-size: 0.95rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.magazin-band-card-title--big { font-size: 1.45rem; }
.magazin-band-card-excerpt {
    margin-top: 0.55rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.98rem;
    line-height: 1.45;
    max-width: 60ch;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.magazin-band-card:hover .magazin-band-overlay { outline: 2px solid color-mix(in srgb, var(--mb-accent, #ec4899) 65%, transparent); outline-offset: -2px; }

@media (max-width: 1024px) {
    .magazin-band-grid { grid-template-columns: 1fr; gap: 0.85rem; }
    .magazin-band-col { flex-direction: column; }
    .magazin-band-col .magazin-band-card--small {
        flex: 0 1 auto;
        min-height: unset;
    }
    .magazin-band-col--mid .magazin-band-card--big {
        flex: 0 1 auto;
        height: auto;
        min-height: unset;
    }
    .magazin-band-card--small .magazin-band-media,
    .magazin-band-card--big .magazin-band-media {
        flex: none;
        aspect-ratio: 16/9;
        min-height: unset;
    }
}
@media (max-width: 640px) {
    .magazin-band-card { flex: 1 1 100%; }
    .magazin-band-card-title--big { font-size: 1.1rem; }
    .magazin-band-card-excerpt { font-size: 0.9rem; }
}
.category-list-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
}
.category-list-tab {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 1rem; color: #fff; font-weight: 600; font-size: 1rem;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.category-list-icon { font-size: 1.1rem; }
.category-list-viewall {
    color: var(--color-text-muted); font-size: 0.9rem; text-decoration: none; font-weight: 500;
}
.category-list-viewall:hover { color: var(--color-accent); }
.category-list-underline {
    height: 3px; margin-top: -1px; border-radius: 0 0 2px 2px;
}
.category-list-items { list-style: none; margin: 1rem 0 0; padding: 0; }
.category-list-item { margin: 0; border-bottom: 1px solid var(--color-border); }
.category-list-item:last-child { border-bottom: none; }
.category-list-link {
    display: flex; gap: 1.25rem; padding: 1.25rem 0;
    text-decoration: none; color: inherit; transition: background 0.2s;
}
.category-list-link:hover { background: var(--color-surface); }
.category-list-thumb {
    flex-shrink: 0; width: 160px; height: 110px; overflow: hidden; border-radius: var(--radius-md);
}
.category-list-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.category-list-link:hover .category-list-thumb img { transform: scale(1.03); }
.category-list-placeholder {
    width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.category-list-body { flex: 1; min-width: 0; }
.category-list-title {
    margin: 0 0 0.5rem; font-size: 1.1rem; font-weight: 600; line-height: 1.35; color: var(--color-text);
}
.category-list-link:hover .category-list-title { color: var(--color-accent); }
.category-list-excerpt {
    margin: 0 0 0.5rem; font-size: 0.9rem; color: var(--color-text-muted); line-height: 1.5;
}
.category-list-meta {
    display: flex; gap: 1.25rem; font-size: 0.8rem; color: var(--color-text-muted); flex-wrap: wrap;
}
@media (max-width: 640px) {
    .category-list-link { flex-direction: column; }
    .category-list-thumb { width: 100%; height: 180px; }
}

/* Video Galeri */
.section-video-gallery { padding: 0.85rem 0; }
.video-gallery-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 1rem;
}
.video-gallery-tab {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 1rem; color: #fff; font-weight: 600; font-size: 1rem;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.video-gallery-icon { font-size: 0.9rem; opacity: 0.9; }
.video-gallery-viewall {
    color: var(--color-text-muted); font-size: 0.9rem; text-decoration: none; font-weight: 500;
}
.video-gallery-viewall:hover { color: var(--color-accent); }
.video-gallery-wrapper {
    position: relative; overflow: hidden;
}
.video-gallery-viewport { overflow: hidden; }
.video-gallery-track {
    display: flex; gap: 1rem; transition: transform 0.4s ease;
}
.video-gallery-item {
    flex: 0 0 calc((100% - 3rem) / 4); min-width: 0;
    text-decoration: none; color: inherit; display: block;
}
.video-gallery-thumb {
    position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: var(--radius-md);
    background: #1e293b;
}
.video-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.video-gallery-item:hover .video-gallery-thumb img { transform: scale(1.05); }
.video-gallery-placeholder {
    width: 100%; height: 100%; background: linear-gradient(135deg, #475569 0%, #334155 100%);
}
.video-gallery-play {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    display: flex; align-items: center; justify-content: center;
    background: rgba(0,0,0,0.4); color: #fff; font-size: 1.5rem;
    width: 56px; height: 56px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.9);
    line-height: 1; padding-left: 4px; transition: background 0.2s, transform 0.2s;
}
.video-gallery-item:hover .video-gallery-play {
    background: rgba(0,0,0,0.6); transform: translate(-50%, -50%) scale(1.08);
}
.video-gallery-title {
    margin: 0.5rem 0 0; font-size: 0.95rem; font-weight: 600; line-height: 1.35; color: var(--color-text);
}
.video-gallery-item:hover .video-gallery-title { color: var(--color-accent); }
@media (max-width: 1024px) {
    .video-gallery-item { flex: 0 0 calc((100% - 1rem) / 2); }
}
@media (max-width: 640px) {
    .video-gallery-item { flex: 0 0 100%; }
}

/* Yazarlara Ait Son Yazılar - carousel, profil resmi sağda taşan */
.section-author-posts { padding: 0.85rem 0; }
.author-posts-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.author-posts-title {
    margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em;
    color: var(--color-text);
}
.author-posts-tumunu {
    color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600;
    text-decoration: none; transition: color 0.2s;
}
.author-posts-tumunu:hover { color: var(--color-accent); }
.author-posts-separator {
    height: 1px; background: var(--color-border); margin-bottom: 1.5rem;
}
.author-posts-carousel { position: relative; width: 100%; }
.author-posts-viewport { overflow: hidden; min-width: 0; }
.author-posts-track {
    display: grid; gap: 1.25rem; transition: transform 0.4s ease;
    width: 100%;
}
.author-post-card {
    position: relative; display: block; min-width: 0;
    text-decoration: none; color: #fff; border-radius: var(--radius-lg);
    overflow: visible; box-shadow: var(--shadow-md);
    transition: transform 0.25s, box-shadow 0.25s;
}
.author-post-card:hover {
    transform: translateY(-4px); box-shadow: var(--shadow-lg);
}
.author-post-card-bg {
    position: relative; aspect-ratio: 4/3; overflow: hidden;
    border-radius: var(--radius-lg); background: #1e293b;
}
.author-post-card-bg img {
    width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s;
}
.author-post-card:hover .author-post-card-bg img { transform: scale(1.05); }
.author-post-card-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}
.author-post-card-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent);
}
.author-post-card-content {
    position: absolute; bottom: 0; left: 0; right: 2.5rem;
    padding: 1rem 1.25rem 1.25rem;
}
.author-post-card-category {
    display: block; font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.05em; opacity: 0.9; margin-bottom: 0.25rem;
}
.author-post-card-author {
    display: block; font-size: 0.9rem; opacity: 0.95; margin-bottom: 0.35rem;
}
.author-post-card-title {
    margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.35;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.author-post-card-avatar {
    position: absolute; right: -0.75rem; bottom: 1rem;
    width: 64px; height: 64px; border-radius: 50%;
    overflow: hidden; border: 3px solid #fff; box-shadow: var(--shadow-md);
    z-index: 5;
}
.author-post-card-avatar img {
    width: 100%; height: 100%; object-fit: cover;
}
.author-post-card-avatar-placeholder {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    font-size: 1.5rem; font-weight: 700; color: #fff;
}
@media (max-width: 1024px) {
    .author-posts-track { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .author-posts-track { grid-template-columns: 1fr; }
    .author-post-card-avatar { right: 1rem; width: 56px; height: 56px; }
}

/* Bilgi + İlanlar - 2 sütun: sol carousel, sağ ilan.gov.tr iframe */
.section-bilgi-ilanlar { padding: 0.95rem 1.25rem; }
.bilgi-ilanlar-container {
    max-width: 1200px; margin: 0 auto;
    display: flex; gap: 1.5rem; align-items: flex-start; min-width: 0;
}
.bilgi-ilanlar-left { flex: 1; min-width: 0; }
.bilgi-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.bilgi-header--no-title { justify-content: flex-end; }
.bilgi-title { margin: 0; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em; color: var(--color-text); }
.bilgi-tumunu { color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600; text-decoration: none; transition: color 0.2s; }
.bilgi-tumunu:hover { color: var(--color-accent); }
.bilgi-separator { height: 1px; background: var(--color-border); margin-bottom: 1rem; }
.bilgi-carousel { position: relative; width: 100%; }
.bilgi-viewport { overflow: hidden; min-width: 0; }
.bilgi-track {
    display: grid; gap: 1rem; transition: transform 0.4s ease;
    width: 100%;
}
.bilgi-card {
    display: block; text-decoration: none; color: inherit; min-width: 0;
    background: var(--color-card); border-radius: var(--radius-lg);
    overflow: hidden; border: 1px solid var(--color-border);
    transition: box-shadow 0.25s, transform 0.25s;
}
.bilgi-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.bilgi-card-image {
    position: relative; aspect-ratio: 16/9; overflow: hidden; background: #e2e8f0;
}
.bilgi-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.bilgi-card:hover .bilgi-card-image img { transform: scale(1.05); }
.bilgi-card-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); }
.bilgi-card-title {
    margin: 0; padding: 0.75rem 1rem; font-size: 0.95rem; font-weight: 600;
    line-height: 1.35; color: var(--color-text);
}
.bilgi-card:hover .bilgi-card-title { color: var(--color-accent); }

.bilgi-ilanlar-right {
    flex: 0 0 340px; min-width: 0;
    display: flex; flex-direction: column;
    background: var(--color-card); border: 1px solid var(--color-border);
    border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md);
}
.ilanlar-header { padding: 0.75rem 1rem; background: #f8fafc; border-bottom: 1px solid var(--color-border); }
.ilanlar-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ilanlar-tab {
    padding: 0.4rem 0.75rem; font-size: 0.8rem; font-weight: 600;
    text-decoration: none; color: var(--color-text-muted);
    background: #fff; border: 1px solid var(--color-border);
    border-radius: var(--radius-sm); transition: all 0.2s;
}
.ilanlar-tab:hover { color: var(--color-accent); border-color: var(--color-accent); }
.ilanlar-iframe-wrap {
    flex: 0 0 auto; height: 170px; position: relative;
}
.ilanlar-iframe {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    border: none;
}
.ilanlar-footer {
    padding: 0.5rem 1rem; background: #f1f5f9;
    border-top: 1px solid var(--color-border);
}
.ilanlar-brand {
    font-size: 0.8rem; color: var(--color-text-muted);
    text-decoration: none; font-weight: 600;
}
.ilanlar-brand:hover { color: var(--color-accent); }
@media (max-width: 1024px) {
    .bilgi-ilanlar-container { flex-direction: column; }
    .bilgi-ilanlar-right { flex: 0 0 auto; }
    .ilanlar-iframe-wrap { height: 240px; }
}
@media (max-width: 768px) {
    .bilgi-ilanlar-container { flex-direction: column !important; gap: 0.75rem; }
    .bilgi-ilanlar-right { flex: 0 0 auto; width: 100%; }
    .ilanlar-iframe-wrap { height: 180px; min-height: 150px; }
}

/* Haber + Gazete Manşetleri - 2 sütun: sol haber kartları, sağ gazete manşetleri */
.section-haber-manset { padding: 0.95rem 1.25rem; }
.haber-manset-container {
    max-width: 1200px; margin: 0 auto;
    display: flex; gap: 1.5rem; align-items: stretch; min-width: 0;
}
.haber-manset-left { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.haber-manset-left-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.haber-manset-left-title { margin: 0; font-size: 1.35rem; font-weight: 700; color: var(--color-text); }
.haber-manset-tumunu { color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600; text-decoration: none; }
.haber-manset-tumunu:hover { color: var(--color-accent); }
.haber-manset-separator { height: 1px; background: var(--color-border); margin-bottom: 1rem; }
.haber-manset-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem;
    flex: 1; min-height: 0; height: 320px;
}
.haber-manset-card {
    display: block; text-decoration: none; color: inherit;
    border-radius: var(--radius-md); overflow: hidden;
    transition: box-shadow 0.25s, transform 0.25s; min-height: 0;
}
.haber-manset-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.haber-manset-card-image {
    position: relative; width: 100%; height: 100%; min-height: 120px;
    overflow: hidden; background: #1e293b;
}
.haber-manset-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.haber-manset-card:hover .haber-manset-card-image img { transform: scale(1.05); }
.haber-manset-placeholder { position: absolute; inset: 0; background: linear-gradient(135deg, #475569 0%, #334155 100%); }
.haber-manset-card-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 50%, transparent);
}
.haber-manset-card-cat {
    position: absolute; top: 0.5rem; left: 0.5rem; z-index: 3;
    padding: 0.3rem 0.6rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em;
    border-radius: 4px; background: #dc2626; color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.haber-manset-card-title {
    position: absolute; bottom: 0; left: 0; right: 0; margin: 0; z-index: 3;
    padding: 0.75rem 0.75rem; font-size: 0.85rem; font-weight: 600;
    line-height: 1.3; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.haber-manset-card:hover .haber-manset-card-title { color: #fff; }

.haber-manset-right {
    flex: 0 0 340px; min-width: 0;
    display: flex; flex-direction: column;
    background: var(--color-card); border: 1px solid var(--color-border);
    border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md);
    }
.haber-manset-right-header { padding: 0.6rem 1rem; background: #f8fafc; border-bottom: 1px solid var(--color-border); }
.haber-manset-right-title { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--color-text); }
.haber-manset-gazette-list {
    padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem;
    max-height: 320px; overflow-y: auto;
}
.haber-manset-gazette-item {
    display: flex; flex-direction: column; gap: 0.5rem;
}
.haber-manset-gazette-link,
.haber-manset-gazette-image {
    display: block; overflow: hidden; border-radius: var(--radius-sm);
}
.haber-manset-gazette-link img,
.haber-manset-gazette-image img {
    width: 100%; height: auto; display: block; object-fit: contain;
}
.haber-manset-gazette-meta {
    display: flex; justify-content: space-between; align-items: center; font-size: 0.8rem;
}
.haber-manset-gazette-name { font-weight: 600; color: var(--color-text); }
.haber-manset-gazette-date { color: var(--color-text-muted); }
@media (max-width: 1024px) {
    .haber-manset-container { flex-direction: column; }
    .haber-manset-right { flex: 0 0 auto; }
}

/* Tek Öne Çıkan + Grid (Stil) - Solda 1 büyük, sağda grid */
.section-single-featured { padding: 0.95rem 1.25rem; }
.single-featured-container { max-width: 1200px; margin: 0 auto; }
.single-featured-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem;
    margin-bottom: 1rem;
}
.single-featured-title { margin: 0; font-size: 1.35rem; font-weight: 700; color: var(--color-text); }
.single-featured-tumunu { color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600; text-decoration: none; }
.single-featured-tumunu:hover { color: var(--color-accent); }
.single-featured-tumunu-top {
    display: block; text-align: right; margin-bottom: 0.75rem;
    color: var(--color-text-muted); font-size: 0.9rem; font-weight: 600; text-decoration: none;
}
.single-featured-tumunu-top:hover { color: var(--color-accent); }
.single-featured-layout {
    display: flex; gap: 1.5rem; align-items: stretch; min-width: 0; height: 617px;
}
.single-featured-left { flex: 0 0 625px; width: 625px; min-width: 0; }
.single-featured-main {
    display: flex; flex-direction: column; text-decoration: none; color: inherit; height: 100%;
    background: var(--color-card); border-radius: var(--radius-lg);
    overflow: hidden; border: 1px solid var(--color-border);
    transition: box-shadow 0.25s, transform 0.25s;
}
.single-featured-main:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.single-featured-main-cat {
    flex-shrink: 0; padding: 0.4rem 0.75rem;
    font-size: 0.8rem; font-weight: 700; color: var(--color-text);
}
.single-featured-main-image {
    flex: 1; min-height: 0; overflow: hidden; background: #e2e8f0;
}
.single-featured-main-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.single-featured-main:hover .single-featured-main-image img { transform: scale(1.03); }
.single-featured-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); }
.single-featured-main-title {
    flex-shrink: 0; margin: 0; padding: 0.5rem 0.75rem; font-size: 1.05rem; font-weight: 600;
    line-height: 1.35; color: var(--color-text);
}
.single-featured-main:hover .single-featured-main-title { color: var(--color-accent); }

.single-featured-right { flex: 0 0 380px; min-width: 0; display: flex; flex-direction: column; }
.single-featured-tumunu-top { flex-shrink: 0; }
.single-featured-grid {
    flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr); gap: 0.75rem;
}
.single-featured-card {
    display: flex; flex-direction: column; text-decoration: none; color: inherit;
    background: var(--color-card); border-radius: var(--radius-md);
    overflow: hidden; border: 1px solid var(--color-border);
    transition: box-shadow 0.25s, transform 0.25s;
}
.single-featured-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.single-featured-card-image {
    flex: 1; min-height: 0; overflow: hidden; background: #e2e8f0;
}
.single-featured-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.single-featured-card:hover .single-featured-card-image img { transform: scale(1.05); }
.single-featured-card-title {
    flex-shrink: 0; margin: 0; padding: 0.4rem 0.6rem; font-size: 0.85rem; font-weight: 600;
    line-height: 1.3; color: var(--color-text);
}
.single-featured-card:hover .single-featured-card-title { color: var(--color-accent); }
@media (max-width: 1024px) {
    .single-featured-layout { flex-direction: column; height: auto; }
    .single-featured-left { flex: 0 0 auto; width: 100%; }
    .single-featured-right { flex: 0 0 auto; }
    .single-featured-main-image { aspect-ratio: 4/3; flex: none; }
    .single-featured-grid { grid-template-rows: none; }
    .single-featured-card-image { aspect-ratio: 16/9; flex: none; }
}

/* Kategori Öne Çıkan - Diğer section'larla aynı genişlik (container: 1200px) */
.section-category-featured { padding: 0.85rem 0; }
.category-featured-tabs {
    display: flex; gap: 0; margin-bottom: 0.85rem;
    border-bottom: 1px solid var(--color-border);
}
.category-tab {
    padding: 0.6rem 1.25rem; border: none; background: none; color: #94a3b8;
    font-size: 0.95rem; font-weight: 600; cursor: pointer; position: relative;
}
.category-tab:hover { color: var(--color-text); }
.category-tab.active { color: var(--cf-accent, #2563eb); }
.category-tab.active::after {
    content: ''; position: absolute; bottom: -1px; left: 0; right: 0;
    height: 3px; background: var(--cf-accent, #2563eb);
}
.category-featured-layout {
    display: flex; gap: 1.5rem; align-items: stretch; min-width: 0;
}
.category-featured-main { flex: 1; min-width: 0; }
.category-featured-content { height: 100%; }
.category-panel { height: 100%; }
.category-featured-three-col {
    display: grid; grid-template-columns: 1.3fr 1fr;
    gap: 1.5rem; align-items: stretch; min-width: 0; height: 100%;
}
.category-featured-left {
    min-width: 0;
    display: flex;
    align-items: stretch;
    align-self: stretch;
}
.category-featured-sidebar {
    width: 320px; flex-shrink: 0;
    position: sticky; top: 1rem;
    background: var(--color-card); border: 1px solid var(--color-border);
    border-radius: var(--radius-lg); overflow: hidden;
}
.category-featured-card {
    background: var(--color-card); border-radius: var(--radius-lg);
    overflow: hidden; border: 1px solid var(--color-border);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-width: 0;
}
.category-featured-card a {
    text-decoration: none; color: inherit;
    display: flex; flex-direction: column; flex: 1; min-height: 0;
}
.category-featured-image {
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 16/9;
    min-height: 180px;
    overflow: hidden;
}
.category-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.category-featured-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.category-featured-body {
    padding: 1.25rem;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.category-featured-title {
    margin: 0 0 0.5rem; font-size: 1.2rem; font-weight: 700;
    line-height: 1.4; color: var(--color-text);
}
.category-featured-excerpt {
    margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--color-text-muted);
    line-height: 1.55;
}
.category-featured-meta { font-size: 0.85rem; color: var(--color-text-muted); }
.category-featured-middle { display: flex; flex-direction: column; gap: 0.75rem; }
.category-featured-list-item {
    display: flex; gap: 0.75rem; padding: 0.6rem 0;
    border-bottom: 1px solid var(--color-border); text-decoration: none; color: inherit;
}
.category-featured-list-item:last-child { border-bottom: none; }
.category-featured-list-item:hover .category-featured-list-body h3 { color: var(--cf-accent, #2563eb); }
.category-featured-list-thumb {
    flex-shrink: 0; width: 110px; height: 78px;
    overflow: hidden; border-radius: var(--radius-sm);
}
.category-featured-list-thumb img { width: 100%; height: 100%; object-fit: cover; }
.category-featured-list-placeholder {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.category-featured-list-body { flex: 1; min-width: 0; }
.category-featured-list-body h3 {
    margin: 0 0 0.2rem; font-size: 0.95rem; font-weight: 600;
    line-height: 1.35; color: var(--color-text);
}
.category-featured-list-meta { font-size: 0.8rem; color: var(--color-text-muted); }
.category-sidebar-header {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.75rem 1rem; background: var(--cf-accent, #2563eb); color: #fff;
    font-weight: 600; font-size: 1rem;
}
.category-trending-list {
    margin: 0; padding: 0.75rem 1rem; list-style: none; counter-reset: trend;
}
.category-trending-list li {
    counter-increment: trend;
    padding: 0.5rem 0; border-bottom: 1px solid var(--color-border);
}
.category-trending-list li:last-child { border-bottom: none; }
.category-trending-list a {
    display: flex; align-items: center; gap: 0.75rem;
    text-decoration: none; color: var(--color-text);
    font-family: inherit; font-size: 0.95rem; font-weight: 500; line-height: 1.3;
}
.category-trending-title {
    flex: 1; min-width: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.category-trending-list a:hover { color: var(--cf-accent, #2563eb); }
.category-trending-list a::before {
    content: counter(trend); flex-shrink: 0; min-width: 24px; width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
    background: var(--cf-accent, #2563eb); color: #fff; font-size: 0.8rem; font-weight: 700;
    border-radius: 50%; font-variant-numeric: tabular-nums;
}
.category-sidebar-panel {
    min-width: 0;
}
p.category-sidebar-empty {
    margin: 0;
    padding: 0.85rem 1rem 1rem;
    font-size: 0.9rem;
    color: var(--color-text-muted);
}
@media (max-width: 1200px) {
    .category-featured-layout { flex-direction: column; }
    .category-featured-sidebar { width: 100%; position: static; }
    .category-featured-three-col { grid-template-columns: 1fr; }
}

/* Sidebar reklam — sütun genişliğinde, interesting_sync ile uyumlu kutu */
.page-sidebar .widget.widget-sidebar-ad {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 2rem;
    box-sizing: border-box;
    background: transparent;
    border: none !important;
    border-radius: 0;
    box-shadow: none;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-box {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-bar {
    padding: 0.5rem 0.75rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: center;
    color: #64748b;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid var(--color-border);
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-body {
    padding: 0.75rem;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-html {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 0;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-html > * {
    line-height: normal;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-html iframe {
    max-width: 100% !important;
    vertical-align: middle;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-html img {
    max-width: 100% !important;
    height: auto;
    vertical-align: middle;
}
.page-sidebar .widget.widget-sidebar-ad .sidebar-ad-empty {
    margin: 0;
    padding: 0.5rem 0;
    text-align: center;
    font-size: 0.85rem;
}

/* Namaz vakitleri widget (sidebar) */
.page-sidebar .widget.widget-prayer-times {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 1.25rem;
}
.widget-prayer-times .pt-inner {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, var(--pt-grad-top, #1a5c38) 0%, var(--pt-grad-bot, #8fd99a) 100%);
    color: var(--pt-head, #fff);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}
.widget-prayer-times .pt-inner--error {
    padding: 1rem;
    background: #fef2f2;
    color: #991b1b;
    font-size: 0.85rem;
    border-radius: 10px;
}
.widget-prayer-times .pt-error {
    margin: 0;
}
.widget-prayer-times .pt-header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1rem 0.65rem;
    color: var(--pt-head, #fff);
}
.widget-prayer-times .pt-cam {
    display: flex;
    flex-shrink: 0;
    opacity: 0.95;
    margin-right: 0.1rem;
}
.widget-prayer-times .pt-day {
    font-size: 2.35rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
}
.widget-prayer-times .pt-head-sep {
    width: 1px;
    align-self: stretch;
    min-height: 2.5rem;
    background: rgba(255, 255, 255, 0.45);
}
.widget-prayer-times .pt-head-meta {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}
.widget-prayer-times .pt-month {
    font-size: 1rem;
    font-weight: 800;
    text-transform: capitalize;
}
.widget-prayer-times .pt-sub {
    font-size: 0.72rem;
    font-weight: 500;
    opacity: 0.9;
}
.widget-prayer-times .pt-dots {
    height: 6px;
    margin: 0 1rem;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.22) 1.5px, transparent 2px);
    background-size: 10px 6px;
    background-repeat: repeat-x;
    background-position: center;
    opacity: 0.85;
}
.widget-prayer-times .pt-body {
    padding: 0.35rem 1rem 0.85rem;
    text-align: center;
}
.widget-prayer-times .pt-count-label {
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--pt-lbl, #0f172a);
    line-height: 1.35;
}
.widget-prayer-times .pt-next-name {
    font-weight: 800;
}
.widget-prayer-times .pt-timer {
    font-size: 1.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    color: var(--pt-tim, #0f172a);
    line-height: 1.2;
}
.widget-prayer-times .pt-footer {
    position: relative;
    min-height: 52px;
    padding: 0 0.5rem 0.35rem;
    color: var(--pt-head, #fff);
}
.widget-prayer-times .pt-mosque {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 92%;
    max-width: 260px;
    height: auto;
    pointer-events: none;
}
.widget-prayer-times .pt-more {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: 2px;
    line-height: 1;
    z-index: 2;
    transition: background 0.2s;
}
.widget-prayer-times .pt-more:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

/* Kategori mini carousel (görsel + üçgen şerit + dikey oklar) */
.page-sidebar .widget-category-mini-carousel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 2rem;
    box-sizing: border-box;
}
.widget-category-mini-carousel .wmc-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.widget-category-mini-carousel .wmc-card {
    width: 100%;
    max-width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--color-border);
    background: var(--color-card);
    box-sizing: border-box;
}
.widget-category-mini-carousel .wmc-card--empty .wmc-empty-inner {
    padding: 0.85rem 1rem;
    background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.widget-category-mini-carousel .wmc-empty-text {
    margin: 0;
    font-size: 0.82rem;
    color: #64748b;
    line-height: 1.4;
}
.widget-category-mini-carousel .wmc-viewport {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #1e293b;
}
.widget-category-mini-carousel .wmc-slide {
    display: none;
    position: absolute;
    inset: 0;
}
.widget-category-mini-carousel .wmc-slide.is-active { display: block; }
.widget-category-mini-carousel .wmc-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
}
.widget-category-mini-carousel .wmc-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.widget-category-mini-carousel .wmc-img--ph {
    display: block;
    background: linear-gradient(135deg, #64748b 0%, #334155 100%);
}
.widget-category-mini-carousel .wmc-chrome {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0.55rem 0.45rem 0.55rem 0.85rem;
    background: var(--wmc-accent, #0088cc);
    color: #fff;
}
.widget-category-mini-carousel .wmc-notch {
    position: absolute;
    top: -10px;
    left: 14px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid var(--wmc-accent, #0088cc);
    z-index: 2;
    pointer-events: none;
}
.widget-category-mini-carousel .wmc-cat-link {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 0;
    font-size: clamp(0.8rem, 2.5vw, 0.95rem);
    font-weight: 800;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1.25;
    padding-right: 0.35rem;
}
.widget-category-mini-carousel .wmc-cat-link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.widget-category-mini-carousel .wmc-nav {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    overflow: hidden;
}
.widget-category-mini-carousel .wmc-btn {
    width: 30px;
    height: 28px;
    padding: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background: transparent;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s;
}
.widget-category-mini-carousel .wmc-btn:last-child { border-bottom: none; }
.widget-category-mini-carousel .wmc-btn:hover { background: rgba(0, 0, 0, 0.22); }

/* Widget bileşenleri (sidebar) - zarif, minimal */
.page-sidebar .widget {
    margin-bottom: 2rem; background: transparent;
    border: none !important; border-radius: 0; box-shadow: none;
}
.page-sidebar .widget-header { border-left: none; border-right: none; }
.page-sidebar .widget:last-child { margin-bottom: 0; }
.page-sidebar .widget-categories .widget-header {
    display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 0.65rem 1rem;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #fff; font-weight: 400; font-size: 0.875rem;
    letter-spacing: 0.12em; text-transform: uppercase;
    border-radius: 6px; margin-bottom: 0.75rem;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.2);
}
.page-sidebar .widget-categories .widget-header .widget-title {
    margin: 0; font-weight: inherit; font-size: inherit;
}
.page-sidebar .widget-menu-list {
    padding: 0.5rem 0 0; margin: 0;
    list-style: none; border: none;
}
.page-sidebar .widget-menu-list li { border: none; border-bottom: 1px solid rgba(0,0,0,0.08); }
.page-sidebar .widget-menu-list li:last-child { border-bottom: none; }
.page-sidebar .widget-menu-list a {
    display: block; padding: 0.6rem 0;
    text-decoration: none; color: var(--color-text);
    font-size: 0.9rem; font-weight: 500;
    transition: color 0.15s;
}
.page-sidebar .widget-menu-list a:hover { color: #2563eb; background: transparent; }

.page-sidebar .widget-header {
    padding: 0 0 0.6rem; margin-bottom: 0.5rem;
    background: transparent; color: var(--color-text);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    font-weight: 600; font-size: 0.9rem;
}
.page-sidebar .widget-header .widget-title { color: inherit; }
.page-sidebar .widget-sort-icons { display: none; }
.page-sidebar .widget-columnists-list,
.page-sidebar .widget-posts-list { padding: 0; }
.page-sidebar .widget-columnist-item,
.page-sidebar .widget-posts-list li {
    border: none; border-bottom: 1px solid rgba(0,0,0,0.05);
}
.page-sidebar .widget-columnist-item:last-child,
.page-sidebar .widget-posts-list li:last-child { border-bottom: none; }
.page-sidebar .columnist-link { padding: 0.5rem 0; }
.page-sidebar .columnist-avatar { width: 36px; height: 36px; }
.page-sidebar .columnist-name { font-size: 0.875rem; }
.page-sidebar .columnist-article { font-size: 0.8rem; }
.page-sidebar .widget-posts-list a { padding: 0.45rem 0; font-size: 0.875rem; }
.page-sidebar .widget-posts-list a:hover { color: #2563eb; }
.page-sidebar .widget-empty, .page-sidebar .widget-html-content { padding: 0.5rem 0; }
.page-sidebar .widget-authors-list { padding: 0; }
.page-sidebar .widget-author-item { border-bottom: 1px solid rgba(0,0,0,0.05); }
.page-sidebar .author-widget-link { padding: 0.5rem 0; }
.page-sidebar .author-widget-link:hover { background: transparent; }
.page-sidebar .author-widget-link:hover .author-widget-name { color: #2563eb; }

/* Footer vb. widget'lar için varsayılan (kutu stil) */
.widget {
    margin-bottom: 1.5rem; background: var(--color-card);
    border-radius: 12px; overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.06);
}
.widget:last-child { margin-bottom: 0; }
.widget-header {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.65rem 1rem; background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    color: #fff; font-weight: 500; font-size: 0.875rem; letter-spacing: 0.02em;
}
.widget-header-columnists { justify-content: space-between; }
.widget-menu-icon, .widget-sort-icons { opacity: 0.85; font-size: 0.9rem; }
.widget-title { margin: 0; flex: 1; }
.widget-menu-list, .widget-columnists-list, .widget-posts-list { list-style: none; margin: 0; padding: 0.75rem 1rem; }
.widget-menu-list li { margin: 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
.widget-menu-list li:last-child { border-bottom: none; }
.widget-menu-list a {
    display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0;
    text-decoration: none; color: var(--color-text); font-weight: 500; font-size: 0.9rem;
    transition: color 0.2s, background 0.2s;
}
.widget-menu-list a:hover { color: #475569; background: rgba(0,0,0,0.02); }
.widget-menu-icon-item { font-size: 0.95rem; }
.widget-columnists-list { padding: 0.5rem 1rem 1rem; }
.widget-columnist-item { margin: 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
.widget-columnist-item:last-child { border-bottom: none; }
.columnist-link { display: flex; gap: 0.75rem; padding: 0.65rem 0; text-decoration: none; color: inherit; transition: background 0.2s; }
.columnist-link:hover { background: rgba(0,0,0,0.02); }
.columnist-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.columnist-avatar.placeholder { background: #f1f5f9; color: var(--color-text-muted); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1rem; }
.columnist-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.12rem; }
.columnist-name { font-weight: 500; font-size: 0.9rem; color: var(--color-text); }
.columnist-date { font-size: 0.75rem; color: var(--color-text-muted); }
.columnist-article { font-size: 0.82rem; color: var(--color-text-muted); line-height: 1.35; }
.widget-posts-list li { padding: 0.5rem 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
.widget-posts-list li:last-child { border-bottom: none; }
.widget-posts-list a { text-decoration: none; color: var(--color-text); font-weight: 500; font-size: 0.9rem; }
.widget-posts-list a:hover { color: #475569; }
.widget-posts-list time { display: block; font-size: 0.75rem; color: var(--color-text-muted); margin-top: 0.15rem; }

/* Son Yazılar – thumbnail ile */
.widget-posts-with-thumb .widget-post-link {
    display: flex; align-items: flex-start; gap: 0.65rem; padding: 0.5rem 0;
    text-decoration: none; color: inherit; transition: background 0.2s;
}
.widget-posts-with-thumb .widget-post-link:hover { background: rgba(0,0,0,0.02); }
.widget-posts-with-thumb .widget-post-link:hover .widget-post-title { color: #2563eb; }
.widget-posts-with-thumb .widget-post-thumb {
    flex-shrink: 0; width: 72px; height: 72px; border-radius: 8px;
    overflow: hidden; background: #f1f5f9;
}
.widget-posts-with-thumb .widget-post-thumb img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.widget-posts-with-thumb .widget-post-placeholder {
    display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}
.widget-posts-with-thumb .widget-post-body { flex: 1; min-width: 0; }
.widget-posts-with-thumb .widget-post-title {
    display: block; font-weight: 500; font-size: 0.875rem; color: var(--color-text);
    line-height: 1.35; transition: color 0.2s;
}
.widget-posts-with-thumb .widget-post-date {
    display: block; font-size: 0.75rem; color: var(--color-text-muted); margin-top: 0.2rem;
}
.page-sidebar .widget-posts-with-thumb .widget-post-thumb { width: 64px; height: 64px; }
.page-sidebar .widget-posts-with-thumb .widget-post-title { font-size: 0.82rem; }

.widget-empty, .widget-html-content { padding: 1rem; font-size: 0.875rem; color: var(--color-text-muted); }
.widget-html-content { color: var(--color-text); }

/* Özel HTML – içerik alanında (content_top, content_bottom) alan görünümü olmasın */
#main-content > .widget-html,
.content-bottom-area .widget-html {
    background: transparent; border: none; box-shadow: none;
    margin: 0; padding: 0;
}
#main-content > .widget-html .widget-header,
.content-bottom-area .widget-html .widget-header { display: none; }
#main-content > .widget-html .widget-html-content,
.content-bottom-area .widget-html .widget-html-content {
    padding: 0; background: transparent; font-size: inherit; color: inherit;
}

/* Yazarlar widget (sidebar) */
.widget-authors-list { list-style: none; margin: 0; padding: 0.75rem 1rem; }
.widget-author-item { margin: 0; border-bottom: 1px solid var(--color-border); }
.widget-author-item:last-child { border-bottom: none; }
.author-widget-link {
    display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0;
    text-decoration: none; color: inherit; transition: background 0.2s;
}
.author-widget-link:hover { background: var(--color-surface); }
.author-widget-avatar {
    width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
}
.author-widget-avatar.placeholder {
    background: #e2e8f0; color: var(--color-text-muted); display: flex; align-items: center; justify-content: center;
    font-weight: 600; font-size: 1rem;
}
.author-widget-name { font-weight: 500; color: var(--color-text); }
.author-widget-link:hover .author-widget-name { color: #2563eb; }

.widget-authors-footer {
    padding: 0 1rem 0.85rem;
    border-top: 1px solid var(--color-border);
    margin-top: 0;
}
.widget-authors-all {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.65rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-accent, #2563eb);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s, color 0.2s;
}
.widget-authors-all:hover {
    background: rgba(37, 99, 235, 0.08);
    color: var(--color-accent, #1d4ed8);
}
.page-sidebar .widget-authors-footer {
    padding-left: 0;
    padding-right: 0;
}

/* İlginizi Çekebilir widget */
.widget-interested-posts .widget-header-interested { padding-bottom: 0.6rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--color-border); }
.widget-interested-list { list-style: none; margin: 0; padding: 0; }
.widget-interested-item { border-bottom: 1px solid rgba(0,0,0,0.06); }
.widget-interested-item:last-child { border-bottom: none; }
.widget-interested-link {
    display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem 0;
    text-decoration: none; color: inherit; transition: background 0.15s;
}
.widget-interested-link:hover { background: rgba(0,0,0,0.02); }
.widget-interested-link:hover .widget-interested-title { color: var(--color-accent); }
.widget-interested-thumb {
    flex-shrink: 0; width: 80px; height: 60px; border-radius: 6px; overflow: hidden;
}
.widget-interested-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.widget-interested-placeholder { background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); }
.widget-interested-body { flex: 1; min-width: 0; }
.widget-interested-category { display: block; font-size: 0.7rem; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0.2rem; }
.widget-interested-title { display: block; font-weight: 600; font-size: 0.9rem; color: var(--color-text); line-height: 1.35; }

/* Bakmadan Geçme widget */
.widget-dont-miss .widget-header-dont-miss {
    padding-bottom: 0.6rem; margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--color-border);
}
.widget-dont-miss .widget-title { font-weight: 800; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.02em; }
.widget-dont-miss-list { list-style: none; margin: 0; padding: 0; }
.widget-dont-miss-item { border-bottom: 1px solid rgba(0,0,0,0.06); }
.widget-dont-miss-item:last-child { border-bottom: none; }
.widget-dont-miss-link {
    display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem 0;
    text-decoration: none; color: inherit; transition: background 0.15s;
}
.widget-dont-miss-link:hover { background: rgba(0,0,0,0.02); }
.widget-dont-miss-link:hover .widget-dont-miss-title { color: var(--color-accent); }
.widget-dont-miss-num {
    flex-shrink: 0; font-size: 1.25rem; font-weight: 800; color: var(--color-text);
    line-height: 1.2; min-width: 1.75rem;
}
.widget-dont-miss-title { font-weight: 600; font-size: 0.9rem; color: var(--color-text); line-height: 1.35; }

/* İlgi Çeken — senkron görsel + numaralı liste (haber portalları) */
.widget-interesting-sync {
    background: var(--color-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--color-border);
}
.widget-interesting-sync .ins-header {
    background: #4b4b4b;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.widget-interesting-sync .ins-title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.widget-interesting-sync .ins-stage { background: #ececec; }
.widget-interesting-sync .ins-visual {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #1e293b;
}
.widget-interesting-sync .ins-visual--nophoto {
    background: linear-gradient(145deg, #64748b 0%, #334155 100%);
}
.widget-interesting-sync .ins-visual-link {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
}
.widget-interesting-sync .ins-visual-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.widget-interesting-sync .ins-arrows {
    position: absolute;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 2;
    pointer-events: auto;
}
.widget-interesting-sync .ins-arrow {
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: 2px;
    background: rgba(15, 23, 42, 0.55);
    color: #fff;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s;
}
.widget-interesting-sync .ins-arrow:hover { background: rgba(15, 23, 42, 0.8); }
.widget-interesting-sync .ins-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #e8e8e8;
}
.widget-interesting-sync .ins-item {
    border-bottom: 1px dotted rgba(0,0,0,0.18);
}
.widget-interesting-sync .ins-item:last-child { border-bottom: none; }
.widget-interesting-sync .ins-row {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    text-decoration: none;
    color: inherit;
    transition: background 0.15s;
}
.widget-interesting-sync .ins-item.is-active .ins-row {
    background: #fff;
    margin: 0.25rem 0.4rem;
    padding: 0.55rem 0.65rem;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.1);
    border: 1px solid rgba(0,0,0,0.06);
}
.widget-interesting-sync .ins-num {
    flex-shrink: 0;
    width: 2.35rem;
    height: 2.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
    font-weight: 800;
    font-size: 0.82rem;
    color: #333;
    border-radius: 2px;
}
.widget-interesting-sync .ins-item.is-active .ins-num {
    background: #27272a;
    color: #fff;
}
.widget-interesting-sync .ins-body { flex: 1; min-width: 0; }
.widget-interesting-sync .ins-headline {
    display: block;
    font-weight: 700;
    font-size: 0.86rem;
    line-height: 1.38;
    color: #18181b;
}
.widget-interesting-sync .ins-sub {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.76rem;
    line-height: 1.35;
    color: #64748b;
}
.page-sidebar .widget-interesting-sync { margin-bottom: 0; }
.page-sidebar .widget-interesting-sync .ins-title { font-size: 0.88rem; }

/* Modern section ortak */
.section-modern { padding: 1.4rem 0; }
.section-authors.section-modern { padding: 0.85rem 0; }
.section-header-modern { margin-bottom: 1rem; }
.section-authors .section-header-modern { margin-bottom: 0.65rem; }
.section-header-modern .section-title { font-size: 1.6rem; letter-spacing: -0.03em; }
.section-header-modern--authors {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.authors-section-all {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-decoration: none;
    flex-shrink: 0;
}
.authors-section-all:hover { color: var(--color-accent); }

/* Yazarlar section (modern) */
.section-authors .authors-grid-modern {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem;
}
.section-authors .author-card-modern {
    display: block; text-decoration: none; color: inherit;
}
.section-authors .author-card-modern .author-card-inner {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 1.25rem 1rem; background: var(--color-card);
    border-radius: var(--radius-lg); border: 1px solid var(--color-border);
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.section-authors .author-card-modern:hover .author-card-inner {
    transform: translateY(-4px); box-shadow: 0 12px 24px -8px rgba(0,0,0,0.12);
    border-color: rgba(37, 99, 235, 0.2);
}
.section-authors .author-card-modern .author-card-avatar {
    width: 72px; height: 72px; border-radius: 50%; overflow: hidden; margin-bottom: 0.75rem;
    border: 3px solid var(--color-surface);
}
.section-authors .author-card-modern .author-card-avatar img { width: 100%; height: 100%; object-fit: cover; }
.section-authors .author-card-modern .author-card-avatar.placeholder {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    color: var(--color-text-muted); display: flex; align-items: center; justify-content: center;
    font-weight: 600; font-size: 1.5rem;
}
.section-authors .author-card-modern .author-card-name { margin: 0 0 0.25rem; font-size: 1.05rem; font-weight: 600; line-height: 1.3; }
.section-authors .author-card-modern .author-card-title { font-size: 0.85rem; color: var(--color-text-muted); }

/* Köşe Yazarları — tek satır carousel (2 görünür / masaüstü) */
.section-columnists-carousel .col-carousel {
    --col-navy: #2c3e50;
    --col-navy-dark: #1a252f;
    --col-panel: #eef1f4;
}
.section-columnists-carousel .col-carousel-viewport {
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
}
.section-columnists-carousel .col-carousel-track {
    display: flex;
    gap: 0;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}
.section-columnists-carousel .col-carousel-item {
    flex: 0 0 calc(50% - 0px);
    min-width: 0;
    box-sizing: border-box;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    /* Uzun metinlerde yan slayta taşmayı engelle */
    overflow: hidden;
}
.section-columnists-carousel .col-carousel-item:last-child {
    border-right: none;
}
.section-columnists-carousel .col-carousel-item:only-child {
    flex: 0 0 100%;
}
.section-columnists-carousel .columnist-card-modern {
    margin: 0;
    height: 100%;
}
.section-columnists-carousel .col-card-inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 220px;
    height: 100%;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}
.section-columnists-carousel .col-card--alt .col-card-inner {
    flex-direction: row-reverse;
}
.section-columnists-carousel .col-card-text {
    flex: 1;
    min-width: 0;
    padding: 1.1rem 1rem 2.5rem;
    background: linear-gradient(180deg, #f4f5f7 0%, var(--col-panel) 55%, #e4e7eb 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
    position: relative;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    overflow: hidden;
}
.section-columnists-carousel .col-card-name {
    font-size: clamp(0.95rem, 2vw, 1.15rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--col-navy);
    text-decoration: none;
    line-height: 1.25;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
    max-width: 100%;
}
.section-columnists-carousel .col-card-name:hover {
    color: var(--col-navy-dark);
}
.section-columnists-carousel .col-card-article {
    font-size: 0.88rem;
    line-height: 1.45;
    color: #5c6b7a;
    text-decoration: none;
    font-weight: 500;
    display: block;
    /* Metin büyüyünce kartı bozmasın */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}
.section-columnists-carousel .col-card-article:hover {
    color: var(--col-navy);
}
.section-columnists-carousel .col-card-article--empty {
    font-style: italic;
    color: #6b7c8c;
    margin: 0;
    font-size: 0.88rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}
.section-columnists-carousel .col-card-date {
    font-size: 0.72rem;
    color: #8899a8;
    margin-top: 0.15rem;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
}
.section-columnists-carousel .col-card-photo {
    flex: 0 0 38%;
    max-width: 240px;
    background: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}
.section-columnists-carousel .col-card-photo img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    object-position: center 15%;
    display: block;
}
.section-columnists-carousel .col-card-photo-placeholder {
    width: 100%;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #f1f5f9 0%, #e2e8f0 100%);
    font-size: 2.5rem;
    font-weight: 700;
    color: #94a3b8;
}
.section-columnists-carousel .col-carousel-chrome {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.65rem;
    flex-wrap: wrap;
}
.section-columnists-carousel .col-carousel-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 2px;
    background: #3d4f5f;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    flex-shrink: 0;
}
.section-columnists-carousel .col-carousel-btn:hover {
    background: var(--col-navy-dark);
}
.section-columnists-carousel .col-carousel-btn:active {
    transform: scale(0.96);
}
.section-columnists-carousel .col-carousel-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}
.section-columnists-carousel .col-carousel-dot {
    width: 28px;
    height: 4px;
    padding: 0;
    border: none;
    border-radius: 1px;
    background: #c5cdd6;
    cursor: pointer;
    transition: background 0.2s;
}
.section-columnists-carousel .col-carousel-dot.is-active {
    background: #3d4f5f;
}
.section-columnists-carousel .col-carousel-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 0.8rem;
}
.section-columnists-carousel .col-carousel-foot-scroll {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
    align-items: center;
    flex: 1;
    min-width: 0;
}
.section-columnists-carousel .col-foot-link {
    color: #4a5568;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
}
.section-columnists-carousel .col-foot-link:hover {
    color: var(--col-navy);
    text-decoration: underline;
}
.section-columnists-carousel .col-carousel-foot-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    flex-shrink: 0;
}
.section-columnists-carousel .col-foot-action {
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--col-navy);
    text-decoration: none;
}
.section-columnists-carousel .col-foot-action:hover {
    text-decoration: underline;
}
@media (max-width: 1024px) {
    .section-columnists-carousel .col-carousel-track {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
    }
    .section-columnists-carousel .col-carousel-item {
        flex: 0 0 100% !important;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    .section-columnists-carousel .col-carousel-item:last-child {
        border-bottom: none;
    }
    /* Tek düzen: foto solda, isim/yazı sağda (masaüstündeki alternasyon mobilde yanıltıcıydı) */
    .section-columnists-carousel .col-card-inner,
    .section-columnists-carousel .col-card--alt .col-card-inner {
        min-height: 160px;
        flex-direction: row-reverse;
    }
    .section-columnists-carousel .col-card-name {
        letter-spacing: 0.02em;
        font-size: 0.88rem;
        line-height: 1.22;
    }
    .section-columnists-carousel .col-card-photo {
        flex: 0 0 32%;
        max-width: 130px;
        min-height: 0;
    }
    .section-columnists-carousel .col-card-photo img {
        min-height: 160px;
    }
    .section-columnists-carousel .col-card-photo-placeholder {
        min-height: 160px;
        font-size: 1.75rem;
    }
    .section-columnists-carousel .col-card-text {
        padding: 0.75rem 0.65rem 2.25rem;
    }
    /* Alt şerit (yazar isimleri + bugün yazanlar): tablet+mobilde yok — sadece carousel */
    .section-columnists-carousel .col-carousel-foot {
        display: none !important;
    }
}
.section-columnists .columnist-card-article--empty { font-style: italic; opacity: 0.92; }
.columnist-article--empty { font-style: italic; color: var(--color-text-muted); opacity: 0.92; }

/* 404 (Sayfa bulunamadı) */
.error-page { padding: 2.25rem 0; }
.error-page .error-card {
    max-width: 720px;
    margin: 0 auto;
    padding: 1.4rem 1.25rem;
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    text-align: center;
}
.error-page .error-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 14px;
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: 0.08em;
    background: rgba(37, 99, 235, 0.12);
    color: #1e40af;
}
.error-page .error-title {
    margin: 0.85rem 0 0.35rem;
    font-size: clamp(1.35rem, 3.5vw, 2rem);
    letter-spacing: -0.02em;
}
.error-page .error-subtitle {
    margin: 0 0 1rem;
    color: var(--color-text-muted);
    line-height: 1.55;
}
.error-page .error-search {
    display: flex;
    gap: 0.65rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0.75rem 0 1rem;
}
.error-page .error-search-input {
    width: min(520px, 100%);
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
    outline: none;
}
.error-page .error-search-input:focus {
    border-color: rgba(37, 99, 235, 0.35);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}
.error-page .error-search-btn {
    padding: 0.75rem 0.95rem;
    border: 0;
    border-radius: 12px;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.error-page .error-search-btn:hover { background: #1d4ed8; }
.error-page .error-actions {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}
.error-page .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.72rem 1rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid transparent;
    transition: transform 0.15s, box-shadow 0.2s, background 0.2s, color 0.2s, border-color 0.2s;
    user-select: none;
}
.error-page .btn:hover { transform: translateY(-1px); }
.error-page .btn:active { transform: translateY(0); }
.error-page .btn-primary {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
    color: #fff;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.22);
}
.error-page .btn-primary:hover {
    box-shadow: 0 14px 26px rgba(37, 99, 235, 0.28);
}
.error-page .btn-secondary {
    background: var(--color-surface);
    color: var(--color-text);
    border-color: var(--color-border);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}
.error-page .btn-secondary:hover {
    border-color: rgba(37, 99, 235, 0.25);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
}
/* Foto haber — manşet + küçük görsel + 3’lü şerit (renkler CSS değişkenleriyle) */
.section-photo-news-feature {
    padding: 0.55rem 0;
}
.section-photo-news-feature .pn-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}
.section-photo-news-feature .pn-section-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.section-photo-news-feature .pn-section-more {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-muted);
    text-decoration: none;
}
.section-photo-news-feature .pn-section-more:hover {
    color: var(--color-accent);
}
.section-photo-news-feature .pn-grid {
    display: grid;
    grid-template-columns: minmax(200px, 32%) 1fr;
    grid-template-rows: minmax(220px, auto) minmax(100px, auto);
    gap: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
}
.section-photo-news-feature .pn-panel {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.55rem;
    padding: 1.1rem 1.25rem 1.1rem 1.1rem;
    background: var(--pn-panel-bg, #6d28d9);
    color: var(--pn-panel-text, #fff);
    text-decoration: none;
    position: relative;
    z-index: 1;
    min-height: 0;
}
.section-photo-news-feature .pn-panel-icon {
    display: flex;
    opacity: 0.92;
    margin-bottom: 0.15rem;
}
.section-photo-news-feature .pn-icon-svg {
    flex-shrink: 0;
}
.section-photo-news-feature .pn-headline {
    margin: 0;
    font-size: clamp(1rem, 2.4vw, 1.35rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-decoration: none;
    color: inherit;
}
.section-photo-news-feature .pn-rule {
    display: block;
    height: 1px;
    margin: 0.1rem 0;
    background: currentColor;
    opacity: 0.35;
}
.section-photo-news-feature .pn-lede {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.45;
    opacity: 0.95;
    font-weight: 400;
}
.section-photo-news-feature .pn-arrow-right::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 10px solid var(--pn-caret, var(--pn-panel-bg, #6d28d9));
    pointer-events: none;
}
.section-photo-news-feature .pn-thumb.pn-arrow-right::after {
    --pn-caret: #f1f5f9;
    filter: drop-shadow(1px 0 0 rgba(0, 0, 0, 0.06));
}
.section-photo-news-feature .pn-hero-wrap {
    grid-column: 2;
    grid-row: 1;
    display: block;
    text-decoration: none;
    color: inherit;
    background: #f8fafc;
    min-height: 200px;
}
.section-photo-news-feature .pn-hero {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 220px;
}
.section-photo-news-feature .pn-hero-img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    object-position: center;
    display: block;
    vertical-align: middle;
}
.section-photo-news-feature .pn-hero-ph {
    display: block;
    width: 100%;
    min-height: 220px;
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
}
.section-photo-news-feature .pn-gallery-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(30, 41, 59, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    pointer-events: none;
}
.section-photo-news-feature .pn-gallery-ring .pn-icon-svg {
    width: 26px;
    height: 26px;
}
.section-photo-news-feature .pn-thumb {
    grid-column: 1;
    grid-row: 2;
    display: block;
    position: relative;
    z-index: 1;
    background: #e2e8f0;
    min-height: 100px;
    text-decoration: none;
    overflow: hidden;
}
.section-photo-news-feature .pn-thumb img {
    width: 100%;
    height: 100%;
    min-height: 120px;
    object-fit: cover;
    display: block;
}
.section-photo-news-feature .pn-thumb-ph {
    display: block;
    min-height: 120px;
    background: linear-gradient(160deg, #e2e8f0, #cbd5e1);
}
.section-photo-news-feature .pn-thumb--empty {
    background: #edf2f7;
    min-height: 120px;
}
.section-photo-news-feature .pn-list {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: var(--pn-list-bg, #2f3438);
    background-image: repeating-linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.02) 0,
        rgba(255, 255, 255, 0.02) 1px,
        transparent 1px,
        transparent 6px
    );
    min-height: 120px;
}
.section-photo-news-feature .pn-list-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.75rem 0.9rem;
    text-decoration: none;
    color: var(--pn-list-title, #f9fafb);
    border-left: 1px dotted rgba(255, 255, 255, 0.28);
    min-width: 0;
    transition: background 0.2s;
}
.section-photo-news-feature .pn-list-item:first-child {
    border-left: none;
}
.section-photo-news-feature .pn-list-item:hover:not(.pn-list-item--empty) {
    background: rgba(255, 255, 255, 0.05);
}
.section-photo-news-feature .pn-list-item--empty {
    opacity: 0.35;
    pointer-events: none;
}
.section-photo-news-feature .pn-list-num {
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    font-weight: 800;
    line-height: 1;
    color: var(--pn-list-index, #9ca3af);
    letter-spacing: -0.03em;
}
.section-photo-news-feature .pn-list-head {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 768px) {
    .section-photo-news-feature .pn-grid {
        display: flex;
        flex-direction: column;
    }
    .section-photo-news-feature .pn-hero-wrap { order: 1; }
    .section-photo-news-feature .pn-panel { order: 2; }
    .section-photo-news-feature .pn-thumb { order: 3; }
    .section-photo-news-feature .pn-list {
        order: 4;
        flex-direction: column;
        min-height: 0;
    }
    .section-photo-news-feature .pn-list-item {
        border-left: none;
        border-top: 1px dotted rgba(255, 255, 255, 0.25);
        padding: 0.65rem 0.85rem;
    }
    .section-photo-news-feature .pn-list-item:first-child {
        border-top: none;
    }
    .section-photo-news-feature .pn-arrow-right::after {
        display: none;
    }
}

/* Köşe Yazıları section (modern) */
.section-column-posts .column-posts-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem;
}
.section-column-posts .column-post-card {
    background: var(--color-card); border-radius: var(--radius-lg); overflow: hidden;
    border: 1px solid var(--color-border); box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.section-column-posts .column-post-card:hover {
    transform: translateY(-3px); box-shadow: 0 12px 24px -8px rgba(0,0,0,0.12);
    border-color: rgba(37, 99, 235, 0.2);
}
.section-column-posts .column-post-card-image {
    display: block; aspect-ratio: 16/9; overflow: hidden;
}
.section-column-posts .column-post-card-image img {
    width: 100%; height: 100%;
    object-fit: var(--media-object-fit, cover);
    object-position: var(--media-object-position, center);
    transition: transform 0.4s;
}
.section-column-posts .column-post-card:hover .column-post-card-image img { transform: scale(1.05); }
.section-column-posts .column-post-card-body { padding: 1.25rem; }
.section-column-posts .column-post-card-title { margin: 0 0 0.75rem; font-size: 1.05rem; font-weight: 600; line-height: 1.4; }
.section-column-posts .column-post-card-title a {
    text-decoration: none; color: var(--color-text); transition: color 0.2s;
}
.section-column-posts .column-post-card-title a:hover { color: #2563eb; }
.section-column-posts .column-post-card-meta {
    display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; font-size: 0.85rem; color: var(--color-text-muted);
}
.section-column-posts .column-post-card-author {
    color: var(--color-text-muted); text-decoration: none; font-weight: 500; transition: color 0.2s;
}
.section-column-posts .column-post-card-author:hover { color: #2563eb; }
.section-column-posts .column-post-card-sep { opacity: 0.6; }

/* ========== MOBİL TASARIM - Tüm section'lar için ========== */
@media (max-width: 768px) {
    /* Haber sitelerinde yaygın: kenarlarda minimal boşluk + çentik güvenli alanı */
    :root {
        --layout-pad-x: max(0.5rem, env(safe-area-inset-left, 0px));
        --layout-pad-x-end: max(0.5rem, env(safe-area-inset-right, 0px));
    }
    #main-content { padding-top: 0.2rem; padding-bottom: 1.75rem; }
    /* Ana Slider — mobilde oklar kapalı, başlık bloğu + kare noktalar */
    .section-main-slider {
        padding-top: 0;
        padding-bottom: 0.35rem;
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    .main-slider-container { border-radius: var(--radius-md); }
    .main-slider-left { min-height: 0; }
    .main-slide-caption { padding: 0.55rem 0.65rem 0.65rem; }
    .main-slide-title { font-size: 1.05rem; }
    .main-slider-dots {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.35rem;
        padding: 0.4rem 0.5rem 0.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .main-slider-dots::-webkit-scrollbar { display: none; }
    .main-slider-dots button {
        width: 8px;
        height: 8px;
        flex-shrink: 0;
    }
    .main-slider-prev, .main-slider-next { display: none !important; }
    .main-slider-container { grid-template-columns: 1fr !important; }
    .main-slider-sidebar { display: none !important; }

    /* Manşet + thumbnail: mobilde küçük resim şeridi → kare göstergeler, başlık alanı açık zemin */
    .section-headline-thumb-slider .hts-chrome {
        background: #fff;
        border-top: 1px solid var(--color-border);
    }
    .section-headline-thumb-slider .hts-progress { display: none; }
    .section-headline-thumb-slider .hts-headline-part a {
        color: #0f172a !important;
    }
    .section-headline-thumb-slider .hts-headline-part a:hover {
        color: var(--color-accent) !important;
    }
    .section-headline-thumb-slider .hts-thumbs {
        padding: 0.4rem 0.5rem 0.5rem;
        justify-content: center;
        gap: 0.35rem;
        background: #fff;
        border-top: 1px solid var(--color-border);
    }
    .section-headline-thumb-slider .hts-thumb {
        width: 9px;
        height: 9px;
        min-width: 9px;
        padding: 0;
        border: none;
        border-radius: 2px;
        background: #cbd5e1;
        overflow: hidden;
    }
    .section-headline-thumb-slider .hts-thumb img,
    .section-headline-thumb-slider .hts-thumb-ph {
        display: none !important;
    }
    .section-headline-thumb-slider .hts-thumb::after {
        display: none;
    }
    .section-headline-thumb-slider .hts-thumb.is-active {
        background: var(--hts-accent, var(--color-accent));
        box-shadow: none;
        border-color: transparent;
    }
    .section-headline-thumb-slider .hts-thumb:hover {
        border-color: transparent;
    }

    /* Portal Slider - mobilde gizle */
    .section-portal-slider { display: none !important; }
    .portal-slider-container { border-radius: var(--radius-lg); }
    .portal-left-wrapper { min-height: 220px; }
    .portal-left-dots, .portal-slider-dots {
        gap: 0.25rem; padding: 0.5rem 0.5rem;
        flex-wrap: wrap; justify-content: center;
    }
    .portal-left-dots button, .portal-slider-dots button {
        width: 26px; height: 26px; font-size: 0.7rem; flex-shrink: 0;
    }
    .portal-overlay h3 { font-size: 0.95rem; }
    .portal-overlay h4 { font-size: 0.85rem; }
    .portal-left-prev, .portal-left-next { width: 32px; height: 32px; font-size: 0.9rem; }
    .portal-slider-prev, .portal-slider-next { width: 34px; height: 34px; font-size: 1rem; }

    /* Üst manşet (spotlight widget) — baskı */
    .section-top-articles { padding: 0; }

    /* 4'lü Kart Carousel — kenar boşluğu yalnızca section + container (viewport çift pad yok) */
    .section-four-cards {
        padding: 0.75rem var(--layout-pad-x) 0.75rem var(--layout-pad-x-end);
    }
    .four-cards-container {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .four-cards-viewport {
        padding-left: 0;
        padding-right: 0;
    }
    .four-card-title { font-size: 0.8rem; padding: 0.4rem 0.6rem 0.6rem; }

    /* Bilgi + İlanlar */
    .section-bilgi-ilanlar {
        padding: 0.75rem var(--layout-pad-x) 0.75rem var(--layout-pad-x-end);
    }
    .bilgi-header { margin-bottom: 0.5rem; }
    .bilgi-title { font-size: 1.35rem; }
    .bilgi-tumunu { font-size: 0.8rem; }
    .bilgi-separator { margin-bottom: 0.75rem; }
    .bilgi-card-title { font-size: 0.85rem; padding: 0.6rem 0.75rem; }
    .ilanlar-tabs { gap: 0.35rem; }
    .ilanlar-tab { padding: 0.35rem 0.5rem; font-size: 0.7rem; }
    .ilanlar-iframe-wrap { height: 200px; min-height: 180px; }
    .ilanlar-header { padding: 0.5rem 0.75rem; }
    .ilanlar-footer { padding: 0.4rem 0.75rem; }

    /* Güncel Haberler */
    .guncel-haberler-header { margin-bottom: 0.75rem; }
    .guncel-haberler-title { font-size: 1.25rem; }
    .guncel-haberler-grid { gap: 0.5rem; }
    .guncel-haberler-card-large .guncel-haberler-card-title { font-size: 1rem; padding: 0.75rem 1rem; }
    .guncel-haberler-card-small .guncel-haberler-card-title { font-size: 0.8rem; padding: 0.5rem 0.75rem; }

    /* Haber + Manşet */
    .section-haber-manset {
        padding: 0.75rem var(--layout-pad-x) 0.75rem var(--layout-pad-x-end);
    }
    .haber-manset-grid { grid-template-columns: 1fr; height: auto; min-height: 0; gap: 0.5rem; }
    .haber-manset-card-image { min-height: 140px; }
    .haber-manset-card-title { font-size: 0.8rem; padding: 0.5rem 0.6rem; }
    .haber-manset-gazette-list { max-height: 240px; padding: 0.75rem; }

    /* Single Featured */
    .section-single-featured {
        padding: 0.75rem var(--layout-pad-x) 0.75rem var(--layout-pad-x-end);
    }
    .single-featured-left { flex: 1 1 100%; width: 100%; max-width: 100%; }
    .single-featured-grid { grid-template-columns: 1fr; gap: 0.5rem; }
    .single-featured-grid .single-featured-card-title { font-size: 0.85rem; }

    /* Category Featured */
    .category-featured-tabs { flex-wrap: wrap; gap: 0.35rem; }
    .category-tab { padding: 0.4rem 0.6rem; font-size: 0.8rem; }
    .category-featured-three-col { flex-direction: column; gap: 1rem; }
    .category-featured-list-item { padding: 0.5rem 0; }
    .category-featured-list-thumb { width: 60px; height: 45px; }
    .category-featured-list-title { font-size: 0.85rem; }
    .category-featured-sidebar { padding: 0.75rem; }
    .category-sidebar-header { font-size: 0.9rem; padding: 0.5rem 0.75rem; }

    /* Crypto */
    .crypto-currencies-list { gap: 0.75rem 1rem; flex-wrap: wrap; justify-content: center; }
    .crypto-currency-item { min-width: 140px; }

    /* Video Gallery */
    .video-gallery-track {
        gap: 0.5rem;
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    .video-gallery-item { flex: 0 0 calc(100% - 1rem); }

    /* Blog sayfası slider dots */
    .blog-slider-dots { gap: 0.25rem; padding: 0.5rem 0.5rem; flex-wrap: wrap; justify-content: center; }
    .blog-slider-dots button { width: 28px; height: 28px; font-size: 0.75rem; flex-shrink: 0; }

    /* Genel section padding (mobilde bloklar arası boşluk sıkı) */
    .homepage-section-wrapper { padding: 0.15rem 0; }
    .homepage-section-full-width .container {
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    .section-modern { padding: 0.55rem 0; }
    .container {
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    /* Manşet + küçük resim (base’de 1.25rem; mobilde dar gutter) */
    .section-headline-thumb-slider {
        padding-top: 0;
        padding-bottom: 0.45rem;
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    .section-gastro-grid,
    .section-official-announcements,
    .section-crypto-currencies {
        padding: 0.45rem var(--layout-pad-x) 0.5rem var(--layout-pad-x-end);
    }
    .section-category-triple-strip {
        padding: 0.45rem var(--layout-pad-x) 0.55rem var(--layout-pad-x-end);
    }
    .section-guncel-haberler {
        padding: 0.5rem var(--layout-pad-x) 0.5rem var(--layout-pad-x-end);
    }
    /* Çift yatay padding içeriği daraltıyordu; kenar boşluğu section'da (layout-pad-x) */
    .guncel-haberler-container {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .section-top-articles--empty {
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    .blog-page-modern {
        padding: 0 var(--layout-pad-x) 2rem var(--layout-pad-x-end);
    }
    #main-content .page-content {
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
    .footer-container {
        padding-left: var(--layout-pad-x);
        padding-right: var(--layout-pad-x-end);
    }
}

@media (max-width: 480px) {
    /* Çok küçük ekranlar */
    .main-slider-dots button { width: 7px; height: 7px; }
    .portal-left-dots button, .portal-slider-dots button { width: 22px; height: 22px; font-size: 0.6rem; }
    .main-slide-title { font-size: 0.98rem; }
    .bilgi-title { font-size: 1.2rem; }
    .ilanlar-iframe-wrap { height: 160px; }
    .guncel-haberler-card-large .guncel-haberler-card-title { font-size: 0.95rem; }
}

/* —— Son Dakika / Flash (Coinotag+ işlevsellik) —— */
.section-son-dakika { padding: 1.25rem 0 1.75rem; }
.son-dakika-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.son-dakika-header {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; margin-bottom: 0.85rem; flex-wrap: wrap;
}
.son-dakika-header-main { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.son-dakika-title {
    margin: 0; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em;
}
.son-dakika-live {
    display: inline-flex; align-items: center; gap: 0.4rem;
    font-size: 0.7rem; font-weight: 800; letter-spacing: 0.06em;
    color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca;
    padding: 0.2rem 0.55rem; border-radius: 999px;
}
.son-dakika-live-dot {
    width: 7px; height: 7px; border-radius: 50%; background: #dc2626;
    box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.55);
    animation: son-dakika-pulse 1.6s ease-out infinite;
}
@keyframes son-dakika-pulse {
    0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.5); }
    70% { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}
.son-dakika-all {
    font-size: 0.9rem; font-weight: 600; color: var(--color-primary, #0f766e);
    text-decoration: none;
}
.son-dakika-all:hover { text-decoration: underline; }
.son-dakika-filters { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-bottom: 0.85rem; }
.son-dakika-filter {
    border: 1px solid #e5e7eb; background: #fff; color: #374151;
    font-size: 0.8rem; font-weight: 600; padding: 0.35rem 0.7rem;
    border-radius: 999px; cursor: pointer;
}
.son-dakika-filter.is-active {
    background: #111827; color: #fff; border-color: #111827;
}
.son-dakika-empty { color: var(--color-text-muted, #6b7280); margin: 0.5rem 0 0; }
.son-dakika-list {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 0.55rem;
}
.son-dakika-item {
    border: 1px solid #e5e7eb; border-radius: 10px; background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.son-dakika-item:hover {
    border-color: #cbd5e1; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}
.son-dakika-item.is-newest { border-color: #fecaca; background: linear-gradient(180deg, #fff7f7 0%, #fff 55%); }
.son-dakika-item.impact-5 { border-left: 3px solid #dc2626; }
.son-dakika-item.impact-4 { border-left: 3px solid #ea580c; }
.son-dakika-item.impact-3 { border-left: 3px solid #ca8a04; }
.son-dakika-link {
    display: block; padding: 0.85rem 1rem; text-decoration: none; color: inherit;
}
.son-dakika-meta {
    display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;
    margin-bottom: 0.35rem; font-size: 0.75rem; color: #6b7280;
}
.son-dakika-badge {
    font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em;
    text-transform: uppercase; padding: 0.15rem 0.45rem; border-radius: 4px;
}
.son-dakika-badge.impact-5 { background: #fee2e2; color: #991b1b; }
.son-dakika-badge.impact-4 { background: #ffedd5; color: #9a3412; }
.son-dakika-badge.impact-3 { background: #fef9c3; color: #854d0e; }
.son-dakika-badge.impact-2 { background: #e0f2fe; color: #075985; }
.son-dakika-badge.impact-1 { background: #f3f4f6; color: #4b5563; }
.son-dakika-pin {
    font-size: 0.65rem; font-weight: 700; color: #7c3aed;
    background: #f5f3ff; padding: 0.1rem 0.4rem; border-radius: 4px;
}
.son-dakika-item-title {
    margin: 0; font-size: 1rem; font-weight: 650; line-height: 1.35;
}
.son-dakika-symbols { display: flex; gap: 0.35rem; flex-wrap: wrap; margin-top: 0.45rem; }
.son-dakika-sym {
    font-size: 0.72rem; font-weight: 700; color: #0f766e;
    background: #ecfdf5; padding: 0.12rem 0.4rem; border-radius: 4px;
}
.son-dakika-expanded {
    display: inline-block; margin-top: 0.45rem;
    font-size: 0.8rem; font-weight: 600; color: #2563eb;
}
.portal-ticker-link--critical { font-weight: 700; }
.flash-index-page { max-width: 800px; margin: 0 auto; padding: 1rem 1.25rem 2.5rem; }
.main-content-area .flash-index-page,
.flash-index-page--symbol {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0.25rem 0 2rem;
}
.flash-index-page--symbol .flash-market-panel { margin: 0 0 1.35rem; }
.flash-symbol-about {
    margin: 1.75rem 0 1.25rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}
.flash-symbol-about h2 {
    margin: 0 0 0.55rem;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}
.flash-symbol-about p {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #334155;
}
.flash-symbol-refs {
    margin: 1.25rem 0 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0,0,0,.08);
}
.flash-symbol-refs h2 {
    margin: 0 0 0.65rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}
.flash-symbol-refs-list {
    margin: 0;
    padding-left: 1.15rem;
    color: #334155;
}
.flash-symbol-refs-list li { margin: 0.35rem 0; }
.flash-symbol-refs-list a {
    color: #0f766e;
    font-weight: 600;
    text-decoration: none;
}
.flash-symbol-refs-list a:hover { text-decoration: underline; }
.flash-index-page--symbol .post-related { margin-top: 1.75rem; }
.flash-index-header { margin-bottom: 1.25rem; }
.flash-index-header h1 { margin: 0.5rem 0 0.4rem; font-size: 1.75rem; }
.flash-index-lead { margin: 0; color: #6b7280; }
.son-dakika-list--page .son-dakika-item-title { font-size: 1.05rem; }
.flash-post { max-width: 760px; }
.flash-post-header { margin-bottom: 1rem; }
.flash-post-kicker {
    display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.65rem;
    font-size: 0.85rem; color: #6b7280;
}
.flash-post-body { font-size: 1.1rem; line-height: 1.65; }
.flash-expand-cta {
    margin: 1.5rem 0; padding: 1rem 1.15rem; border-radius: 10px;
    background: #eff6ff; border: 1px solid #bfdbfe;
}
.flash-expand-cta p { margin: 0 0 0.65rem; }
.flash-source-line { font-size: 0.9rem; color: #6b7280; }
.flash-related { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid #e5e7eb; }
.flash-related h2 { font-size: 1.15rem; margin: 0 0 0.75rem; }
.son-dakika-list--compact .son-dakika-link { padding: 0.65rem 0.85rem; }

/* Flash market panel (Coinotag+ : canlı fiyat + grafik + spot CTA) */
.flash-market-panel {
    margin: 0.85rem 0 1.1rem; padding: 1rem 1.1rem 0.85rem;
    border: 1px solid #e5e7eb; border-radius: 12px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 40%);
    font-family: var(--font-ui);
}
.flash-market-panel a {
    text-decoration: none;
}
.flash-market-top {
    display: flex; flex-wrap: wrap; gap: 1rem;
    justify-content: space-between; align-items: flex-start;
    margin-bottom: 0.85rem;
}
.flash-market-identity { display: flex; gap: 0.75rem; align-items: center; min-width: 0; }
.flash-market-icon,
#main-content .page-content .flash-market-icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    border-radius: 50%;
    background: #fff;
    display: block;
    margin: 0;
    object-fit: cover;
    flex-shrink: 0;
}
.flash-market-name-row { display: flex; align-items: baseline; gap: 0.45rem; flex-wrap: wrap; }
.flash-market-name { font-size: 1.05rem; }
.flash-market-sym { font-size: 0.8rem; font-weight: 700; color: #64748b; }
.flash-market-price-row { display: flex; align-items: baseline; gap: 0.55rem; flex-wrap: wrap; margin-top: 0.15rem; }
.flash-market-price { font-size: 1.45rem; font-weight: 800; letter-spacing: -0.02em; }
.flash-market-change { font-size: 0.9rem; font-weight: 700; }
.flash-market-change.is-up, .flash-market-chip .is-up { color: #15803d; }
.flash-market-change.is-down, .flash-market-chip .is-down { color: #b91c1c; }
.flash-market-change-label { font-weight: 500; opacity: 0.75; font-size: 0.75rem; }
.flash-market-actions { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.flash-market-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0.45rem 0.8rem; border-radius: 8px; font-size: 0.82rem; font-weight: 700;
    text-decoration: none; border: 1px solid #cbd5e1; color: #0f172a; background: #fff;
}
.flash-market-btn:hover { border-color: #94a3b8; }
.flash-market-btn--primary {
    background: #0f766e; border-color: #0f766e; color: #fff;
}
.flash-market-btn--primary:hover { background: #0d9488; border-color: #0d9488; color: #fff; }
.flash-market-btn--ghost { background: transparent; }
.flash-partner-bonuses {
    display: flex; flex-direction: column; gap: 0.5rem;
    margin: 0.65rem 0 0.85rem; padding: 0.65rem 0.75rem;
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
}
.flash-partner-bonuses .commercial-disclosure {
    margin: 0; max-width: 100%;
    padding: 0; border: 0; background: transparent; border-radius: 0;
}
.flash-partner-bonuses .commercial-disclosure__label {
    margin: 0 0 0.2rem; font-size: 0.7rem; letter-spacing: 0.03em;
}
.flash-partner-bonuses .commercial-disclosure__text {
    font-size: 0.78rem; color: #64748b; line-height: 1.4;
}
.flash-partner-row {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.55rem;
    padding-top: 0.45rem; border-top: 1px solid #e2e8f0;
}
.flash-partner-label {
    flex-shrink: 0; font-size: 0.72rem; font-weight: 700;
    color: #64748b; text-transform: uppercase; letter-spacing: 0.03em;
}
.flash-partner-links { display: flex; flex-wrap: wrap; gap: 0.28rem; min-width: 0; }
.flash-partner-logo,
#main-content .page-content .flash-partner-logo {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    border-radius: 3px;
    flex-shrink: 0;
    display: block !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center;
    background: transparent;
}
.flash-partner-link {
    display: inline-flex; align-items: center; gap: 0.28rem;
    padding: 0.22rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 650;
    line-height: 1; text-decoration: none; color: #334155;
    background: #fff; border: 1px solid #e2e8f0;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.flash-partner-link:hover {
    background: #f0fdfa; color: #0f766e; border-color: #99f6e4;
    transform: translateY(-1px);
}
.partner-exchange-cta {
    --pec-accent: #0f766e;
    --pec-border: #99f6e4;
    --pec-bg: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 100%);
    --pec-title: #0f172a;
    --pec-sub: #475569;
    --pec-btn-bg: #ffffff;
    --pec-btn-border: rgba(15, 23, 42, 0.12);
    --pec-btn-text: #0f172a;
    --pec-primary-bg: var(--pec-accent);
    --pec-primary-text: #ffffff;
    margin: 1.35rem 0 0.25rem;
    padding: 1.05rem 1.15rem;
    border-radius: 14px;
    border: 1px solid var(--pec-border);
    background: var(--pec-bg);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    position: relative;
}
.partner-exchange-cta::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--pec-accent);
}
.partner-exchange-cta-inner {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 0.9rem 1.15rem;
    position: relative;
    z-index: 1;
}
.partner-exchange-cta-brand {
    display: flex; align-items: flex-start; gap: 0.85rem; min-width: min(100%, 18rem); flex: 1 1 16rem;
}
.partner-exchange-cta-logo {
    width: 52px; height: 52px; border-radius: 12px; flex-shrink: 0;
    object-fit: contain; object-position: center;
    padding: 4px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);
    background: rgba(255, 255, 255, 0.92);
}
.partner-exchange-cta--bybit .partner-exchange-cta-logo,
.partner-exchange-cta--gate .partner-exchange-cta-logo,
.partner-exchange-cta--kcex .partner-exchange-cta-logo,
.partner-exchange-cta--bitget .partner-exchange-cta-logo,
.partner-exchange-cta--weex .partner-exchange-cta-logo {
    background: #0a0a0a;
}
.partner-exchange-cta-title { display: block; font-size: 1.02rem; font-weight: 800; color: var(--pec-title); letter-spacing: -0.01em; }
.partner-exchange-cta-sub { margin: 0.25rem 0 0; font-size: 0.88rem; color: var(--pec-sub); line-height: 1.45; max-width: 36rem; }
.partner-exchange-cta-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.partner-exchange-cta-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0.5rem 0.9rem; border-radius: 8px; font-size: 0.84rem; font-weight: 700;
    text-decoration: none; border: 1px solid var(--pec-btn-border); color: var(--pec-btn-text); background: var(--pec-btn-bg);
    transition: transform .15s ease, opacity .15s ease, border-color .15s ease;
}
.partner-exchange-cta-btn:hover { opacity: 0.92; transform: translateY(-1px); }
.partner-exchange-cta-btn--primary {
    background: var(--pec-primary-bg); border-color: transparent; color: var(--pec-primary-text);
}
.partner-exchange-cta-btn--primary:hover { opacity: 0.94; color: var(--pec-primary-text); }

/* Bybit — siyah + turuncu I */
.partner-exchange-cta--bybit {
    --pec-accent: #f7a600;
    --pec-border: rgba(247, 166, 0, 0.32);
    --pec-bg: linear-gradient(135deg, #000000 0%, #12141c 55%, #0a0a0c 100%);
    --pec-title: #ffffff;
    --pec-sub: #a1a1aa;
    --pec-btn-bg: rgba(255,255,255,0.06);
    --pec-btn-border: rgba(255,255,255,0.16);
    --pec-btn-text: #f4f4f5;
    --pec-primary-bg: #f7a600;
    --pec-primary-text: #000000;
}
/* MEXC — beyaz / elektrik mavisi */
.partner-exchange-cta--mexc {
    --pec-accent: #1e6bff;
    --pec-border: rgba(30, 107, 255, 0.28);
    --pec-bg: linear-gradient(135deg, #eff4ff 0%, #f7f9ff 50%, #ffffff 100%);
    --pec-title: #0b1b3a;
    --pec-sub: #3b4a6b;
    --pec-primary-bg: #1e6bff;
    --pec-primary-text: #ffffff;
}
/* Gate.io — siyah + mavi/yeşil */
.partner-exchange-cta--gate {
    --pec-accent: #17e6a1;
    --pec-border: rgba(23, 230, 161, 0.28);
    --pec-bg: linear-gradient(135deg, #000000 0%, #0b1220 48%, #071018 100%);
    --pec-title: #ffffff;
    --pec-sub: #94a3b8;
    --pec-btn-bg: rgba(255,255,255,0.06);
    --pec-btn-border: rgba(255,255,255,0.16);
    --pec-btn-text: #f8fafc;
    --pec-primary-bg: #2354e6;
    --pec-primary-text: #ffffff;
}
/* KCEX — siyah + altın */
.partner-exchange-cta--kcex {
    --pec-accent: #d4a84b;
    --pec-border: rgba(212, 168, 75, 0.32);
    --pec-bg: linear-gradient(135deg, #000000 0%, #16120a 50%, #0a0a0a 100%);
    --pec-title: #ffffff;
    --pec-sub: #c4b59a;
    --pec-btn-bg: rgba(255,255,255,0.06);
    --pec-btn-border: rgba(212, 168, 75, 0.35);
    --pec-btn-text: #f8fafc;
    --pec-primary-bg: #d4a84b;
    --pec-primary-text: #111111;
}
/* Bitget — siyah + cyan */
.partner-exchange-cta--bitget {
    --pec-accent: #00f0ff;
    --pec-border: rgba(0, 240, 255, 0.32);
    --pec-bg: linear-gradient(135deg, #000000 0%, #0a1218 50%, #061018 100%);
    --pec-title: #ffffff;
    --pec-sub: #94a3b8;
    --pec-btn-bg: rgba(255,255,255,0.06);
    --pec-btn-border: rgba(0, 240, 255, 0.3);
    --pec-btn-text: #f8fafc;
    --pec-primary-bg: #00f0ff;
    --pec-primary-text: #001018;
}
/* WEEX — siyah + neon lime */
.partner-exchange-cta--weex {
    --pec-accent: #c8f52c;
    --pec-border: rgba(200, 245, 44, 0.35);
    --pec-bg: linear-gradient(135deg, #000000 0%, #12180a 50%, #0a0c06 100%);
    --pec-title: #ffffff;
    --pec-sub: #a3b18a;
    --pec-btn-bg: rgba(255,255,255,0.06);
    --pec-btn-border: rgba(200, 245, 44, 0.35);
    --pec-btn-text: #f8fafc;
    --pec-primary-bg: #c8f52c;
    --pec-primary-text: #111111;
}
@media (max-width: 640px) {
    .partner-exchange-cta-actions { width: 100%; }
    .partner-exchange-cta-btn { flex: 1 1 auto; text-align: center; }
}
.flash-market-others { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.75rem; }
.flash-market-chip {
    display: inline-flex; gap: 0.4rem; align-items: center;
    padding: 0.3rem 0.55rem; border-radius: 999px; font-size: 0.75rem; font-weight: 650;
    text-decoration: none; color: inherit; background: #fff; border: 1px solid #e2e8f0;
}
.flash-market-chip-sym { color: #0f766e; }
.flash-market-chart { border-radius: 10px; overflow: hidden; border: 1px solid #e5e7eb; background: #fff; }
.flash-market-chart-fallback {
    display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem;
    padding: 1.25rem 1.1rem; min-height: 120px; justify-content: center;
}
.flash-market-chart-fallback p { margin: 0; color: #64748b; font-size: 0.92rem; }
.flash-market-chart-note { margin: 0.4rem 0 0; font-size: 0.72rem; color: #94a3b8; }
.son-dakika-sym { text-decoration: none; }
a.son-dakika-sym:hover { filter: brightness(0.95); }
.flash-index-filter-note { margin: 0.5rem 0 0; font-size: 0.9rem; }
.flash-index-archive-note {
    margin: 0 0 1rem; padding: 0.65rem 0.85rem;
    font-size: 0.88rem; color: #64748b;
    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
}
.son-dakika-item.is-expired { opacity: 0.82; }
.son-dakika-badge--archive {
    background: #e2e8f0 !important; color: #475569 !important;
}

@media (max-width: 640px) {
    .son-dakika-title { font-size: 1.15rem; }
    .son-dakika-item-title { font-size: 0.95rem; }
    .flash-market-price { font-size: 1.25rem; }
    .flash-market-actions { width: 100%; }
    .flash-market-btn { flex: 1 1 auto; text-align: center; }
}

/* En Son Kripto Gelişmeleri */
.section-crypto-developments {
    padding: 0.35rem 0 1.35rem;
}
.cd-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.cd-title {
    margin: 0;
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--color-text);
    line-height: 1.2;
}
.cd-viewall {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    color: var(--color-text-muted);
    font-size: 0.9rem;
    font-weight: 650;
    text-decoration: none;
    transition: color 0.2s, transform 0.2s;
}
.cd-viewall svg { transition: transform 0.2s; }
.cd-viewall:hover {
    color: var(--color-accent);
}
.cd-viewall:hover svg { transform: translateX(3px); }
.cd-empty {
    margin: 0;
    padding: 1.25rem;
    color: var(--color-text-muted);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}
.cd-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.cd-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    position: relative;
    overflow: hidden;
}
.cd-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, #2563eb 0%, #0ea5e9 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
}
.cd-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(37, 99, 235, 0.22);
}
.cd-card:hover::before { opacity: 1; }
.cd-card-link {
    display: block;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.cd-card-body {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1.15rem 1.15rem 0.85rem;
    min-height: 11.5rem;
}
.cd-card-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -0.02em;
    color: var(--color-text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}
.cd-card-link:hover .cd-card-title { color: var(--color-accent); }
.cd-card-excerpt {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--color-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cd-card-time {
    margin-top: auto;
    font-size: 0.78rem;
    font-weight: 550;
    color: #94a3b8;
    letter-spacing: 0.01em;
}
.cd-coin {
    margin-top: auto;
    padding: 0.85rem 1.15rem 1.1rem;
    border-top: 1px solid #eef2f7;
}
.cd-coin-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    text-decoration: none;
    color: inherit;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e8eef5;
    transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.cd-coin-pill:hover {
    background: #fff;
    border-color: #dbe7f5;
    transform: translateY(-1px);
}
.cd-coin-pill.is-up {
    background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 55%);
    border-color: #dcfce7;
}
.cd-coin-pill.is-down {
    background: linear-gradient(135deg, #fef2f2 0%, #f8fafc 55%);
    border-color: #fee2e2;
}
.cd-coin-identity {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}
.cd-coin-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #fff;
}
.cd-coin-icon-fallback {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 800;
    color: #1e293b;
    background: #e2e8f0;
}
.cd-coin-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
}
.cd-coin-name {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cd-coin-sym {
    font-size: 0.7rem;
    font-weight: 650;
    color: #94a3b8;
    letter-spacing: 0.03em;
}
.cd-coin-metrics {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.12rem;
    flex-shrink: 0;
    line-height: 1.15;
}
.cd-coin-price {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}
.cd-coin-change {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.cd-coin-pill.is-up .cd-coin-change { color: #15803d; }
.cd-coin-pill.is-down .cd-coin-change { color: #b91c1c; }
.cd-coin-change--muted { color: #94a3b8; font-weight: 600; }
.cd-coin-arrow { font-size: 0.62rem; }

@media (max-width: 960px) {
    .cd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .cd-grid { grid-template-columns: 1fr; gap: 0.85rem; }
    .cd-card-body { min-height: 0; padding: 1rem 1rem 0.75rem; }
    .cd-coin { padding: 0 1rem 1rem; }
    .cd-title { font-size: 1.25rem; }
}

/* Commercial transparency */
.commercial-disclosure {
    margin: 0.75rem 0 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #0f172a;
}
.commercial-disclosure__label {
    display: inline-block;
    margin: 0 0 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #334155;
}
.commercial-disclosure__text {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: #1e293b;
}
.commercial-disclosure--compact {
    margin: 0 0 0.65rem;
    padding: 0.55rem 0.7rem;
}
.commercial-disclosure--compact .commercial-disclosure__text { font-size: 0.82rem; }
.commercial-disclosure--in-cta { margin: 0 0 0.85rem; background: rgba(255,255,255,.92); }
.commercial-disclosure--article { margin: 0.5rem 0 0.85rem; border-color: #94a3b8; }
.commercial-badge {
    display: inline-block;
    margin: 0 0.35rem 0.35rem 0;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background: #e2e8f0;
    color: #334155;
    vertical-align: middle;
}
.commercial-badge--sponsored { background: #fef3c7; color: #92400e; }
.commercial-badge--press_release { background: #e0e7ff; color: #3730a3; }
.commercial-badge--advertorial { background: #ffe4e6; color: #9f1239; }
.commercial-badge--affiliate { background: #d1fae5; color: #065f46; }
.ad-slot { position: relative; margin: 1rem 0; padding: 0.65rem; border: 1px dashed #cbd5e1; border-radius: 10px; background: #f8fafc; }
.ad-slot-label {
    display: inline-block;
    margin: 0 0 0.45rem;
    padding: 0.12rem 0.4rem;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #e2e8f0;
    color: #475569;
}
.ad-slot-body { min-width: 0; }
@media (max-width: 640px) {
    .commercial-disclosure__text { font-size: 0.86rem; }
}