/* ============================================================
 * Sportal Single — Haber Detay Modül Stilleri (F7.b)
 * ------------------------------------------------------------
 * 8 modül + 5 featured stil + fly-box sticky + prose + dark +
 * reduced-motion. Theme v2 (--fb-*) + Sportal F2 (--sportal-*)
 * token'larını tüketir. Bootstrap YOK, saf CSS + CSS vars.
 *
 * Namespace: .sportal-single-*
 * Kapsayıcı: <article class="sportal-single">
 *
 * Sunai (Frontend/Sunum) — Sportal FAZ 7.b
 * ============================================================ */

/*
 * ISOLATION (P0-1 fix — 2026-04-20 Sunai):
 *   Tüm kurallar `body[data-sportal="aktif"]` scope'una sarıldı (native nesting).
 *   Chrome 120+, Safari 17.2+, Firefox 117+.
 */
@layer sportal-single {
body[data-sportal="aktif"] {

    /* ==========================================================
       KAPSAYICI + 4-GRUP LAYOUT (header/flybox/main/footer)
       ========================================================== */
    .sportal-single {
        display: block;
        max-width: var(--sportal-single-width, 850px);
        margin-inline: auto;
        padding-inline: clamp(16px, 3vw, 24px);
        color: var(--sportal-text, var(--fb-yazi, #1a202c));
    }

    .sportal-single-header { display: block; margin-bottom: 28px; }
    .sportal-single-footer { margin-top: 48px; }

    .sportal-single-body {
        position: relative;
        display: block;
    }

    @media (min-width: 1100px) {
        .sportal-single {
            max-width: 1100px;
        }
        .sportal-single-body {
            display: grid;
            grid-template-columns: 64px minmax(0, 1fr);
            gap: clamp(16px, 2vw, 32px);
        }
        .sportal-single-flybox { grid-column: 1; }
        .sportal-single-main   { grid-column: 2; min-width: 0; }
    }

    .sportal-single-main { min-width: 0; }

    .sportal-single-modul {
        display: block;
        margin-block: 28px;
    }
    .sportal-single-modul:first-child { margin-top: 0; }
    .sportal-single-modul:last-child  { margin-bottom: 0; }

    /* ==========================================================
       ENTRY HEADER
       ========================================================== */
    .sportal-single-modul-entry-header {
        text-align: left;
    }
    .sportal-entry-kategori-satir { margin-bottom: 12px; }
    .sportal-entry-kategori {
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 5px 12px;
        border-radius: 999px;
        background: var(--sportal-primary, #5424fb);
        color: var(--sportal-primary-fg, #fff);
        text-decoration: none;
        transition: transform 180ms ease, filter 180ms ease;
    }
    .sportal-entry-kategori:hover { transform: translateY(-1px); filter: brightness(1.06); }

    .sportal-entry-title {
        font-size: clamp(1.75rem, 1.2rem + 2vw, 2.75rem);
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: -0.02em;
        margin: 0 0 14px;
        color: var(--sportal-text, var(--fb-yazi, #1a202c));
    }
    .sportal-entry-stil-orta .sportal-entry-title  { font-size: clamp(1.5rem, 1rem + 1.5vw, 2.25rem); }
    .sportal-entry-stil-kucuk .sportal-entry-title { font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem); }

    .sportal-entry-alt-baslik {
        font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
        line-height: 1.55;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        margin: 0 0 18px;
    }

    .sportal-entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        font-size: 13px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }
    .sportal-entry-meta-sep { opacity: 0.4; }
    .sportal-entry-meta-sep:last-child { display: none; }
    .sportal-entry-meta-yazar { display: inline-flex; align-items: center; gap: 8px; }
    .sportal-entry-avatar {
        width: 32px; height: 32px;
        border-radius: 50%;
        object-fit: cover;
        border: 1.5px solid var(--sportal-border, rgba(0,0,0,0.08));
    }
    .sportal-entry-avatar--harf {
        display: inline-flex; align-items: center; justify-content: center;
        font-size: 14px; font-weight: 700;
        background: linear-gradient(135deg, var(--sportal-primary, #5424fb), var(--sportal-accent, #00d4ff));
        color: #fff;
    }
    .sportal-entry-yazar-adi {
        font-weight: 600;
        color: inherit;
        text-decoration: none;
    }
    .sportal-entry-yazar-adi:hover { color: var(--sportal-primary, #5424fb); }
    .sportal-entry-meta-tarih,
    .sportal-entry-meta-okuma,
    .sportal-entry-meta-yorum {
        display: inline-flex; align-items: center; gap: 5px;
    }
    .sportal-entry-meta-yorum {
        color: inherit;
        text-decoration: none;
    }
    .sportal-entry-meta-yorum:hover { color: var(--sportal-primary, #5424fb); }

    /* ==========================================================
       FEATURED (5 stil)
       ========================================================== */
    .sportal-single-modul-featured {
        position: relative;
        margin-inline: calc(-1 * clamp(16px, 3vw, 24px));
        border-radius: 0;
    }
    @media (min-width: 768px) {
        .sportal-single-modul-featured {
            margin-inline: 0;
            border-radius: var(--sportal-radius-lg, 16px);
            overflow: hidden;
        }
    }

    .sportal-featured-sarmalayici {
        position: relative;
        width: 100%;
        aspect-ratio: 1200 / 628;
        max-height: var(--sportal-featured-yukseklik, 420px);
        overflow: hidden;
        background: var(--sportal-bg-alt, #f7fafc);
    }
    .sportal-featured-img,
    .sportal-featured-sarmalayici img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .sportal-featured-kaynak {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 11px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        padding: 6px 10px;
        margin-top: 6px;
    }

    /* Stil: parallax */
    .sportal-featured-parallax .sportal-featured-sarmalayici {
        max-height: 520px;
    }
    .sportal-featured-parallax-ic {
        width: 100%;
        height: 120%;
        will-change: transform;
        transform: translate3d(0, 0, 0);
    }

    /* Stil: behind-title (hero full) */
    .sportal-featured-behind-title .sportal-featured-sarmalayici {
        max-height: 560px;
    }
    .sportal-featured-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to bottom, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.55) 100%);
    }

    /* Stil: slider */
    .sportal-featured-slider { position: relative; }
    .sportal-featured-slider__rayi { position: relative; width: 100%; height: 100%; }
    .sportal-featured-slider__slayt {
        position: absolute; inset: 0;
        opacity: 0;
        transition: opacity 520ms ease;
    }
    .sportal-featured-slider__slayt.is-aktif { opacity: 1; position: relative; }
    .sportal-featured-slider__ok {
        position: absolute; top: 50%; transform: translateY(-50%);
        width: 40px; height: 40px;
        display: inline-flex; align-items: center; justify-content: center;
        background: rgba(255,255,255,0.85);
        color: #1a202c;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        backdrop-filter: blur(4px);
        transition: background 180ms ease, transform 180ms ease;
    }
    .sportal-featured-slider__ok:hover { background: #fff; transform: translateY(-50%) scale(1.08); }
    .sportal-featured-slider__ok--onceki { left: 12px; }
    .sportal-featured-slider__ok--sonraki { right: 12px; }

    /* ==========================================================
       FLY-BOX SHARE (Sol sticky + mobil alt sabit)
       ========================================================== */
    .sportal-single-modul-fly-box-share { margin: 0; }
    .sportal-fly-box--desktop {
        position: sticky;
        top: 100px;
        display: none;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding-top: 20px;
    }
    @media (min-width: 1100px) {
        .sportal-fly-box--desktop { display: flex; }
    }
    .sportal-fly-box-baslik {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-bottom: 4px;
    }
    .sportal-fly-box-liste {
        display: flex;
        flex-direction: column;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .sportal-fly-box-buton {
        width: 40px; height: 40px;
        display: inline-flex; align-items: center; justify-content: center;
        border-radius: 50%;
        background: var(--sportal-bg-alt, #f7fafc);
        border: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        color: var(--sportal-text, #1a202c);
        cursor: pointer;
        text-decoration: none;
        transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
    }
    .sportal-fly-box-buton:hover {
        transform: translateY(-2px);
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        border-color: var(--sportal-primary, #5424fb);
    }
    .sportal-fly-box-buton--facebook:hover  { background: #1877F2; border-color: #1877F2; }
    .sportal-fly-box-buton--twitter:hover,
    .sportal-fly-box-buton--x:hover         { background: #000; border-color: #000; }
    .sportal-fly-box-buton--whatsapp:hover  { background: #25D366; border-color: #25D366; }
    .sportal-fly-box-buton--linkedin:hover  { background: #0A66C2; border-color: #0A66C2; }
    .sportal-fly-box-buton--telegram:hover  { background: #26A5E4; border-color: #26A5E4; }
    .sportal-fly-box-buton--pinterest:hover { background: #E60023; border-color: #E60023; }
    .sportal-fly-box-buton--reddit:hover    { background: #FF4500; border-color: #FF4500; }

    /* Mobile alt sabit bar */
    .sportal-fly-box--mobil {
        position: fixed;
        left: 0; right: 0; bottom: 0;
        z-index: 40;
        background: rgba(255,255,255,0.95);
        backdrop-filter: blur(10px);
        border-top: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        padding: 10px 16px;
        transform: translateY(100%);
        transition: transform 260ms ease;
        display: block;
    }
    .sportal-fly-box--mobil.is-gorunur {
        transform: translateY(0);
    }
    @media (min-width: 1100px) {
        .sportal-fly-box--mobil { display: none; }
    }
    .sportal-fly-box-liste--yatay {
        flex-direction: row;
        justify-content: space-around;
    }
    .sr-only {
        position: absolute; width: 1px; height: 1px;
        padding: 0; margin: -1px; overflow: hidden;
        clip: rect(0,0,0,0); white-space: nowrap;
        border: 0;
    }

    /* ==========================================================
       CONTENT + PROSE
       ========================================================== */
    .sportal-content-arac-cubugu {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 12px;
    }
    .sportal-font-ayar {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 4px 8px;
        background: var(--sportal-bg-alt, #f7fafc);
        border: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        border-radius: 999px;
    }
    .sportal-font-ayar-etiket {
        font-size: 11px;
        font-weight: 700;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        padding-right: 4px;
    }
    .sportal-font-ayar-btn {
        width: 28px; height: 28px;
        display: inline-flex; align-items: center; justify-content: center;
        background: transparent;
        border: none;
        border-radius: 50%;
        font-size: 13px;
        font-weight: 700;
        color: var(--sportal-text, #1a202c);
        cursor: pointer;
        transition: background 180ms ease;
    }
    .sportal-font-ayar-btn:hover { background: rgba(0,0,0,0.06); }
    .sportal-font-ayar-btn.is-aktif {
        background: var(--sportal-primary, #5424fb);
        color: #fff;
    }

    .sportal-prose {
        font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
        line-height: 1.75;
        color: var(--sportal-text, var(--fb-yazi, #1a202c));
        max-width: 72ch;
        margin-inline: auto;
    }
    .sportal-prose p { margin: 0 0 1.25em; }
    .sportal-prose h2 {
        font-size: clamp(1.35rem, 1.1rem + 0.7vw, 1.75rem);
        font-weight: 800;
        line-height: 1.25;
        margin: 2em 0 0.6em;
        color: var(--sportal-text, #1a202c);
        letter-spacing: -0.01em;
    }
    .sportal-prose h3 {
        font-size: clamp(1.15rem, 1rem + 0.5vw, 1.4rem);
        font-weight: 700;
        line-height: 1.3;
        margin: 1.75em 0 0.55em;
        color: var(--sportal-text, #1a202c);
    }
    .sportal-prose h4 { font-size: 1.125rem; font-weight: 700; margin: 1.5em 0 0.5em; }
    .sportal-prose ul,
    .sportal-prose ol {
        margin: 0 0 1.25em;
        padding-left: 1.5em;
    }
    .sportal-prose li { margin: 0.35em 0; }
    .sportal-prose ul li::marker { color: var(--sportal-primary, #5424fb); }
    .sportal-prose a {
        color: var(--sportal-primary, #5424fb);
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 1.5px;
    }
    .sportal-prose a:hover { text-decoration-thickness: 2px; }
    .sportal-prose img {
        max-width: 100%;
        height: auto;
        border-radius: var(--sportal-radius-md, 12px);
        margin: 1.5em 0;
        cursor: zoom-in;
    }
    .sportal-prose blockquote {
        border-left: 4px solid var(--sportal-primary, #5424fb);
        padding: 0.6em 1.2em;
        margin: 1.5em 0;
        background: var(--sportal-primary-soft, rgba(84,36,251,0.06));
        font-style: italic;
        border-radius: 0 12px 12px 0;
    }
    .sportal-prose code {
        font-family: ui-monospace, 'SF Mono', Menlo, monospace;
        font-size: 0.9em;
        background: var(--sportal-bg-alt, #f7fafc);
        padding: 2px 6px;
        border-radius: 5px;
    }
    .sportal-prose pre {
        background: var(--sportal-bg-alt, #f7fafc);
        padding: 1em;
        border-radius: 10px;
        overflow-x: auto;
    }
    .sportal-prose hr {
        border: none;
        border-top: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        margin: 2em 0;
    }
    .sportal-prose table {
        width: 100%;
        border-collapse: collapse;
        margin: 1.5em 0;
        font-size: 0.95em;
    }
    .sportal-prose th, .sportal-prose td {
        padding: 10px 14px;
        border: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        text-align: left;
    }
    .sportal-prose th { background: var(--sportal-bg-alt, #f7fafc); font-weight: 700; }

    /* Drop cap (ilk paragraf büyük) */
    .sportal-prose--drop-cap > p:first-of-type::first-letter {
        font-size: 3.5em;
        font-weight: 800;
        float: left;
        line-height: 0.9;
        margin: 0.08em 0.1em 0 0;
        color: var(--sportal-primary, #5424fb);
    }

    /* Font boyut ayarlayıcı CSS değişkeni (JS tarafından güncellenir) */
    .sportal-prose[data-font-boyut="kucuk"] { font-size: 0.95rem; line-height: 1.7; }
    .sportal-prose[data-font-boyut="buyuk"] { font-size: 1.2rem;  line-height: 1.8; }

    /* In-article AdSense wrapper (IcerikService enjekte ediyor) */
    .sportal-prose .sportal-in-article-ad,
    .sportal-prose .ads-in-article {
        margin: 2em 0;
        text-align: center;
        min-height: 250px;
    }

    /* ==========================================================
       RELATED
       ========================================================== */
    .sportal-related-baslik {
        font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
        font-weight: 800;
        margin: 0 0 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid var(--sportal-primary, #5424fb);
        display: inline-block;
    }
    .sportal-related-grid {
        display: grid;
        grid-template-columns: repeat(var(--sportal-related-kolon, 1), minmax(0, 1fr));
        gap: 16px;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    @media (min-width: 640px) { .sportal-related-grid { --sportal-related-kolon: 2; } }
    @media (min-width: 900px) { .sportal-related-grid { --sportal-related-kolon: 3; } }

    .sportal-related-kart {
        position: relative;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
        background: var(--sportal-bg-alt, #f7fafc);
        transition: transform 220ms ease, box-shadow 220ms ease;
    }
    .sportal-related-kart:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 28px rgba(0,0,0,0.12);
    }
    .sportal-related-link {
        position: relative;
        display: block;
        text-decoration: none;
        color: inherit;
    }
    .sportal-related-kapak {
        position: relative;
        width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
    }
    .sportal-related-kapak-bos { background: var(--sportal-border, rgba(0,0,0,0.08)); width: 100%; height: 100%; }
    .sportal-related-img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform 420ms ease;
    }
    .sportal-related-kart:hover .sportal-related-img { transform: scale(1.04); }

    /* Overlay varyant */
    .sportal-related-kart--overlay .sportal-related-kapak {
        aspect-ratio: 4 / 5;
    }
    .sportal-related-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
    }
    .sportal-related-overlay-ic {
        position: absolute;
        left: 0; right: 0; bottom: 0;
        padding: 14px 14px 16px;
        color: #fff;
    }
    .sportal-related-kart--overlay .sportal-related-kategori {
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        padding: 3px 8px;
        border-radius: 4px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }
    .sportal-related-kart--overlay .sportal-related-baslik-kart {
        color: #fff;
        font-size: 15px;
        line-height: 1.3;
        margin: 6px 0 0;
    }

    /* Trending varyant (sıralı) */
    .sportal-related-sira {
        position: absolute;
        top: -6px; left: -6px;
        width: 34px; height: 34px;
        display: inline-flex; align-items: center; justify-content: center;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        border-radius: 50%;
        z-index: 3;
    }

    /* Video varyant */
    .sportal-related-video-ikon {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 56px; height: 56px;
        display: inline-flex; align-items: center; justify-content: center;
        background: rgba(255,255,255,0.9);
        color: var(--sportal-primary, #5424fb);
        border-radius: 50%;
        z-index: 3;
    }

    /* Standart/trending govde */
    .sportal-related-govde { padding: 12px 14px 16px; }
    .sportal-related-kategori {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
        margin-bottom: 6px;
    }
    .sportal-related-kategori--inline { color: var(--sportal-primary, #5424fb); }
    .sportal-related-baslik-kart {
        font-size: 15px;
        line-height: 1.35;
        font-weight: 700;
        margin: 4px 0 6px;
        color: var(--sportal-text, #1a202c);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sportal-related-ozet {
        font-size: 13px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        margin: 4px 0 8px;
        line-height: 1.5;
    }
    .sportal-related-tarih {
        font-size: 12px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       READ NEXT
       ========================================================== */
    .sportal-read-next-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    @media (min-width: 768px) {
        .sportal-read-next-grid {
            grid-template-columns: 1fr 1fr;
        }
        .sportal-read-next-grid--tekli { grid-template-columns: 1fr; }
    }

    .sportal-read-next-kart {
        position: relative;
        display: block;
        height: 180px;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
        text-decoration: none;
        color: #fff;
        transition: transform 220ms ease;
    }
    .sportal-read-next-kart:hover { transform: translateY(-2px); }
    .sportal-read-next-kapak-wrap {
        position: absolute; inset: 0;
        overflow: hidden;
    }
    .sportal-read-next-img,
    .sportal-read-next-kapak-wrap img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform 420ms ease;
    }
    .sportal-read-next-kart:hover .sportal-read-next-img { transform: scale(1.05); }
    .sportal-read-next-kapak--bos { width: 100%; height: 100%; background: var(--sportal-primary-soft, rgba(84,36,251,0.18)); }
    .sportal-read-next-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.88), rgba(0,0,0,0.25) 60%, transparent);
    }
    .sportal-read-next-ic {
        position: absolute;
        left: 0; right: 0; bottom: 0;
        padding: 16px 18px;
        color: #fff;
    }
    .sportal-read-next-kart--sonraki .sportal-read-next-ic { text-align: right; }
    .sportal-read-next-etiket {
        display: inline-flex; align-items: center; gap: 6px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--sportal-accent, #00d4ff);
        margin-bottom: 4px;
    }
    .sportal-read-next-baslik {
        font-size: 17px;
        line-height: 1.3;
        font-weight: 700;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* ==========================================================
       NEWSLETTER
       ========================================================== */
    .sportal-single-modul-newsletter {
        border-radius: var(--sportal-radius-lg, 16px);
        padding: clamp(24px, 4vw, 40px) clamp(20px, 3vw, 32px);
        margin-block: 36px;
    }
    .sportal-newsletter-stil-cam {
        background: linear-gradient(135deg, var(--sportal-primary, #5424fb), var(--sportal-accent, #00d4ff));
        color: #fff;
        position: relative;
        overflow: hidden;
    }
    .sportal-newsletter-stil-cam::before {
        content: "";
        position: absolute; inset: 0;
        background: radial-gradient(ellipse at top right, rgba(255,255,255,0.18), transparent 60%);
        pointer-events: none;
    }
    .sportal-newsletter-stil-solid {
        background: var(--sportal-primary, #5424fb);
        color: #fff;
    }
    .sportal-newsletter-stil-minimal {
        background: transparent;
        color: var(--sportal-text, #1a202c);
        border: 1.5px solid var(--sportal-primary, #5424fb);
    }

    .sportal-newsletter-ic {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: center;
        text-align: center;
    }
    @media (min-width: 768px) {
        .sportal-newsletter-ic {
            flex-direction: row;
            align-items: center;
            text-align: left;
            gap: 24px;
        }
    }
    .sportal-newsletter-ikon {
        flex-shrink: 0;
        width: 64px; height: 64px;
        display: inline-flex; align-items: center; justify-content: center;
        background: rgba(255,255,255,0.18);
        border-radius: 50%;
    }
    .sportal-newsletter-stil-minimal .sportal-newsletter-ikon {
        background: var(--sportal-primary-soft, rgba(84,36,251,0.1));
        color: var(--sportal-primary, #5424fb);
    }
    .sportal-newsletter-metin { flex: 1; }
    .sportal-newsletter-baslik {
        font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
        font-weight: 800;
        margin: 0 0 6px;
    }
    .sportal-newsletter-aciklama {
        margin: 0;
        font-size: 14px;
        opacity: 0.9;
    }

    .sportal-newsletter-form { flex-shrink: 0; width: 100%; max-width: 420px; }
    @media (min-width: 768px) { .sportal-newsletter-form { width: auto; min-width: 320px; } }
    .sportal-newsletter-honeypot {
        position: absolute;
        left: -9999px;
        opacity: 0;
        pointer-events: none;
    }
    .sportal-newsletter-alan-grup {
        display: flex;
        gap: 8px;
        background: rgba(255,255,255,0.95);
        padding: 6px;
        border-radius: 999px;
    }
    .sportal-newsletter-stil-minimal .sportal-newsletter-alan-grup {
        background: var(--sportal-bg-alt, #f7fafc);
        border: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
    }
    .sportal-newsletter-input {
        flex: 1;
        border: none;
        outline: none;
        background: transparent;
        padding: 10px 16px;
        font-size: 14px;
        color: #1a202c;
        min-width: 0;
    }
    .sportal-newsletter-buton {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 10px 18px;
        border-radius: 999px;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border: none;
        cursor: pointer;
        transition: filter 180ms ease, transform 180ms ease;
    }
    .sportal-newsletter-buton:hover { filter: brightness(1.1); transform: translateX(1px); }
    .sportal-newsletter-buton[disabled] { opacity: 0.6; cursor: not-allowed; }
    .sportal-newsletter-basari {
        margin: 10px 0 0;
        font-size: 13px;
        color: #10b981;
        font-weight: 600;
    }
    .sportal-newsletter-hata {
        margin: 10px 0 0;
        font-size: 13px;
        color: #ef4444;
        font-weight: 600;
    }

    /* ==========================================================
       ABOUT AUTHOR
       ========================================================== */
    .sportal-single-modul-about-author {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 20px;
        padding: 20px;
        border-radius: var(--sportal-radius-lg, 16px);
        margin-block: 32px;
    }
    .sportal-author-stil-cam {
        background: rgba(255,255,255,0.6);
        backdrop-filter: blur(8px);
        border: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    }
    .sportal-author-stil-solid {
        background: var(--sportal-bg-alt, #f7fafc);
    }
    .sportal-author-stil-minimal {
        border: 1px solid var(--sportal-border, rgba(0,0,0,0.08));
        background: transparent;
    }

    .sportal-author-avatar-wrap {
        position: relative;
        flex-shrink: 0;
    }
    .sportal-author-avatar {
        width: 96px; height: 96px;
        border-radius: 50%;
        object-fit: cover;
        border: 3px solid var(--sportal-bg, #fff);
        box-shadow: 0 4px 14px rgba(0,0,0,0.1);
    }
    .sportal-author-avatar--harf {
        display: inline-flex; align-items: center; justify-content: center;
        font-size: 36px;
        font-weight: 800;
        background: linear-gradient(135deg, var(--sportal-primary, #5424fb), var(--sportal-accent, #00d4ff));
        color: #fff;
    }
    .sportal-author-rozet-dogrulandi {
        position: absolute;
        bottom: 0; right: -2px;
        width: 26px; height: 26px;
        display: inline-flex; align-items: center; justify-content: center;
        background: #fff;
        color: var(--sportal-primary, #5424fb);
        border-radius: 50%;
        border: 2px solid var(--sportal-bg, #fff);
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    }
    .sportal-author-ust-satir {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 8px;
    }
    .sportal-author-adi {
        font-size: 18px;
        font-weight: 800;
        margin: 0;
    }
    .sportal-author-adi a {
        color: inherit;
        text-decoration: none;
    }
    .sportal-author-adi a:hover { color: var(--sportal-primary, #5424fb); }
    .sportal-author-katilim {
        font-size: 11px;
        font-weight: 600;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        padding: 3px 8px;
        background: var(--sportal-primary-soft, rgba(84,36,251,0.08));
        border-radius: 999px;
    }
    .sportal-author-bio {
        font-size: 14px;
        line-height: 1.55;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        margin: 0 0 12px;
    }
    .sportal-author-alt-satir {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
    }
    .sportal-author-sosyal {
        display: flex;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .sportal-author-sosyal-link {
        width: 32px; height: 32px;
        display: inline-flex; align-items: center; justify-content: center;
        border-radius: 8px;
        background: var(--sportal-bg-alt, #f7fafc);
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        text-decoration: none;
        transition: background 180ms ease, color 180ms ease, transform 180ms ease;
    }
    .sportal-author-sosyal-link:hover {
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        transform: translateY(-1px);
    }
    .sportal-author-tum-yazilar {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        font-weight: 700;
        color: var(--sportal-primary, #5424fb);
        text-decoration: none;
    }
    .sportal-author-tum-yazilar:hover svg { transform: translateX(2px); }
    .sportal-author-tum-yazilar svg { transition: transform 180ms ease; }

    /* ==========================================================
       READING PROGRESS BAR (JS ile doldurulur)
       ========================================================== */
    .sportal-reading-progress {
        position: fixed;
        top: 0; left: 0;
        height: 3px;
        width: 0;
        background: linear-gradient(90deg, var(--sportal-primary, #5424fb), var(--sportal-accent, #00d4ff));
        z-index: 1000;
        transition: width 80ms linear;
        pointer-events: none;
    }

    /* ==========================================================
       LIGHTBOX (JS ile gösterilir)
       ========================================================== */
    .sportal-lightbox {
        position: fixed; inset: 0;
        background: rgba(0,0,0,0.92);
        z-index: 1100;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 40px;
        cursor: zoom-out;
    }
    .sportal-lightbox.is-acik { display: flex; }
    .sportal-lightbox img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    .sportal-lightbox-kapat {
        position: absolute;
        top: 20px; right: 20px;
        width: 40px; height: 40px;
        background: rgba(255,255,255,0.12);
        border: none;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .sportal-lightbox-kapat:hover { background: rgba(255,255,255,0.24); }

    /* ==========================================================
       DARK MODE
       ========================================================== */
    [data-theme="dark"] .sportal-single-modul-about-author.sportal-author-stil-cam {
        background: rgba(15, 23, 42, 0.6);
        border-color: rgba(255,255,255,0.08);
    }
    [data-theme="dark"] .sportal-author-stil-solid {
        background: rgba(255,255,255,0.04);
    }
    [data-theme="dark"] .sportal-font-ayar,
    [data-theme="dark"] .sportal-author-sosyal-link,
    [data-theme="dark"] .sportal-fly-box-buton {
        background: rgba(255,255,255,0.06);
        border-color: rgba(255,255,255,0.1);
        color: var(--sportal-text, #e2e8f0);
    }
    [data-theme="dark"] .sportal-prose code,
    [data-theme="dark"] .sportal-prose pre,
    [data-theme="dark"] .sportal-prose th {
        background: rgba(255,255,255,0.05);
    }
    [data-theme="dark"] .sportal-prose blockquote {
        background: rgba(84,36,251,0.12);
    }
    [data-theme="dark"] .sportal-fly-box--mobil {
        background: rgba(11, 15, 25, 0.95);
        border-top-color: rgba(255,255,255,0.08);
    }

    /* ==========================================================
       REDUCED MOTION
       ========================================================== */
    @media (prefers-reduced-motion: reduce) {
        .sportal-single-modul *,
        .sportal-single-modul *::before,
        .sportal-single-modul *::after {
            transition: none !important;
            animation: none !important;
        }
        .sportal-featured-parallax-ic {
            transform: none !important;
        }
        .sportal-reading-progress { display: none; }
        .sportal-related-kart:hover,
        .sportal-read-next-kart:hover,
        .sportal-fly-box-buton:hover,
        .sportal-author-sosyal-link:hover {
            transform: none !important;
        }
        .sportal-related-kart:hover .sportal-related-img,
        .sportal-read-next-kart:hover .sportal-read-next-img {
            transform: none !important;
        }
    }

    /* ==========================================================
       PRINT (opsiyonel — FlyBox, newsletter, read-next gizlensin)
       ========================================================== */
    @media print {
        .sportal-single-modul-fly-box-share,
        .sportal-single-modul-newsletter,
        .sportal-single-modul-read-next,
        .sportal-reading-progress,
        .sportal-content-arac-cubugu {
            display: none !important;
        }
    }

} /* /body[data-sportal="aktif"] */
} /* /@layer sportal-single */