/* ============================================================
 * Sportal Loops V2 — 14 Ekstra Loop + Slider-2 (F7.b)
 * ------------------------------------------------------------
 * F3.b sportal-blocks.css'te 6 loop vardı (grid/overlay/overlay-title/
 * big-thumb/large-first/mini + slider-1). Bu dosya 14 ek varyant:
 *
 *   loop-default, loop-timeline, loop-scroll, loop-scroll-2,
 *   loop-full-thumb, loop-two-cols-small-thumb, loop-live-search,
 *   loop-widgets, loop-large-above, loop-mega-menu-default,
 *   loop-mega-menu-featured, loop-content, loop-authors-widget,
 *   slider-2
 *
 * Namespace: .sportal-loop--* + .sportal-kart--*
 * Token: Sportal F2 (--sportal-*) + Theme v2 (--fb-*)
 *
 * 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-loops-v2 {
body[data-sportal="aktif"] {

    /* ==========================================================
       LOOP-DEFAULT
       ========================================================== */
    .sportal-loop--default {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .sportal-kart--default {
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 14px;
    }
    @media (min-width: 640px) {
        .sportal-kart--default { grid-template-columns: 160px minmax(0, 1fr); gap: 18px; }
    }
    .sportal-kart-default-kapak {
        display: block;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }
    .sportal-kart-default-kapak img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform 420ms ease;
    }
    .sportal-kart--default:hover .sportal-kart-default-kapak img { transform: scale(1.05); }
    .sportal-kart-default-govde article { display: flex; flex-direction: column; gap: 4px; }
    .sportal-kart-default-kategori {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
        margin-bottom: 2px;
    }
    .sportal-kart-default-baslik {
        font-size: 15px;
        line-height: 1.35;
        font-weight: 700;
        margin: 2px 0 4px;
    }
    .sportal-kart-default-baslik a {
        color: var(--sportal-text, #1a202c);
        text-decoration: none;
    }
    .sportal-kart-default-baslik a:hover { color: var(--sportal-primary, #5424fb); }
    .sportal-kart-default-ozet {
        font-size: 13px;
        line-height: 1.55;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        margin: 0 0 6px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* ==========================================================
       LOOP-TIMELINE
       ========================================================== */
    .sportal-loop--timeline {
        position: relative;
        padding-left: 56px;
    }
    .sportal-loop--timeline::before {
        content: "";
        position: absolute;
        left: 27px;
        top: 16px; bottom: 16px;
        width: 2px;
        background: var(--sportal-border, rgba(0,0,0,0.08));
    }
    .sportal-timeline-yil {
        font-size: 16px;
        font-weight: 800;
        color: var(--sportal-primary, #5424fb);
        margin: 24px 0 16px -56px;
        padding-left: 56px;
        border-top: 1px dashed var(--sportal-border, rgba(0,0,0,0.08));
        padding-top: 18px;
    }
    .sportal-timeline-yil:first-child { border-top: none; padding-top: 0; margin-top: 0; }
    .sportal-timeline-oge {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 14px 0 14px 0;
    }
    .sportal-timeline-nokta {
        position: absolute;
        left: -56px;
        top: 14px;
        width: 40px; height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border-radius: 50%;
        z-index: 1;
        border: 3px solid var(--sportal-bg, #fff);
    }
    .sportal-timeline-kart {
        background: var(--sportal-bg-alt, #f7fafc);
        border-radius: var(--sportal-radius-md, 12px);
        padding: 14px 18px;
    }
    .sportal-timeline-kategori {
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
        margin-bottom: 4px;
    }
    .sportal-timeline-baslik {
        font-size: 15px;
        font-weight: 700;
        margin: 2px 0 6px;
        line-height: 1.35;
    }
    .sportal-timeline-baslik a {
        color: var(--sportal-text, #1a202c);
        text-decoration: none;
    }
    .sportal-timeline-baslik a:hover { color: var(--sportal-primary, #5424fb); }
    .sportal-timeline-ozet {
        font-size: 13px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
        margin: 0 0 6px;
        line-height: 1.5;
    }

    /* ==========================================================
       LOOP-SCROLL + LOOP-SCROLL-2 (Yatay kaydırma)
       ========================================================== */
    .sportal-loop--scroll,
    .sportal-loop--scroll-2 {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
        scrollbar-width: thin;
        outline: none;
    }
    .sportal-loop--scroll:focus-visible,
    .sportal-loop--scroll-2:focus-visible {
        outline: 2px solid var(--sportal-primary, #5424fb);
        outline-offset: 2px;
        border-radius: 8px;
    }
    .sportal-loop--scroll::-webkit-scrollbar,
    .sportal-loop--scroll-2::-webkit-scrollbar { height: 6px; }
    .sportal-loop--scroll::-webkit-scrollbar-thumb,
    .sportal-loop--scroll-2::-webkit-scrollbar-thumb {
        background: var(--sportal-border, rgba(0,0,0,0.15));
        border-radius: 999px;
    }
    .sportal-scroll-rayi,
    .sportal-scroll-rayi--2 {
        display: flex;
        gap: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .sportal-scroll-kart {
        flex: 0 0 80%;
        scroll-snap-align: start;
        min-width: 0;
    }
    .sportal-scroll-kart--2 {
        flex: 0 0 85%;
        scroll-snap-align: start;
        position: relative;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
    }
    @media (min-width: 768px) {
        .sportal-scroll-kart   { flex-basis: 400px; }
        .sportal-scroll-kart--2 { flex-basis: 480px; }
    }
    .sportal-scroll-link {
        display: block;
        text-decoration: none;
        color: inherit;
    }
    .sportal-scroll-link--2 {
        display: block;
        position: relative;
        color: #fff;
        text-decoration: none;
        aspect-ratio: 16 / 10;
    }
    .sportal-scroll-kapak {
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
        margin-bottom: 10px;
    }
    .sportal-scroll-kapak--2 {
        position: absolute; inset: 0;
        border-radius: 0;
        margin: 0;
        aspect-ratio: auto;
    }
    .sportal-scroll-kapak img,
    .sportal-scroll-kapak--2 img {
        width: 100%; height: 100%;
        object-fit: cover;
    }
    .sportal-scroll-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2) 55%, transparent);
    }
    .sportal-scroll-overlay-ic {
        position: absolute; left: 0; right: 0; bottom: 0;
        padding: 16px 18px;
    }
    .sportal-scroll-ic { padding: 4px 6px 8px; }
    .sportal-scroll-kategori {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
        margin-bottom: 4px;
    }
    .sportal-scroll-kategori--overlay {
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        padding: 3px 8px;
        border-radius: 4px;
    }
    .sportal-scroll-baslik {
        font-size: 16px;
        line-height: 1.3;
        font-weight: 700;
        margin: 2px 0 4px;
        color: var(--sportal-text, #1a202c);
    }
    .sportal-scroll-baslik--overlay { color: #fff; }
    .sportal-scroll-tarih {
        font-size: 12px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       LOOP-FULL-THUMB
       ========================================================== */
    .sportal-loop--full-thumb {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .sportal-kart--full-thumb { position: relative; }
    .sportal-kart-ft-link {
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        border-radius: var(--sportal-radius-lg, 16px);
        overflow: hidden;
        aspect-ratio: 21 / 9;
    }
    @media (max-width: 640px) { .sportal-kart-ft-link { aspect-ratio: 4 / 3; } }
    .sportal-kart-ft-kapak { position: absolute; inset: 0; }
    .sportal-kart-ft-kapak img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform 620ms ease;
    }
    .sportal-kart--full-thumb:hover .sportal-kart-ft-kapak img { transform: scale(1.04); }
    .sportal-kart-ft-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.25) 50%, transparent);
    }
    .sportal-kart-ft-ic {
        position: absolute; left: 0; right: 0; bottom: 0;
        padding: clamp(16px, 3vw, 28px);
    }
    .sportal-kart-ft-kategori {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 4px 10px;
        border-radius: 4px;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        margin-bottom: 10px;
    }
    .sportal-kart-ft-baslik {
        font-size: clamp(1.15rem, 1rem + 1vw, 1.75rem);
        line-height: 1.2;
        font-weight: 800;
        margin: 0 0 8px;
    }
    .sportal-kart-ft-ozet {
        font-size: 14px;
        line-height: 1.55;
        margin: 0 0 12px;
        max-width: 68ch;
        opacity: 0.92;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sportal-kart-ft-meta { font-size: 12px; opacity: 0.85; }

    /* ==========================================================
       LOOP-TWO-COLS-SMALL-THUMB
       ========================================================== */
    .sportal-loop--two-cols-small-thumb {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }
    @media (min-width: 640px) {
        .sportal-loop--two-cols-small-thumb { grid-template-columns: 1fr 1fr; gap: 18px; }
    }
    .sportal-kart--two-cols-st {
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }
    .sportal-kart-two-cols-st__kapak {
        display: block;
        aspect-ratio: 1 / 1;
        border-radius: var(--sportal-radius-sm, 8px);
        overflow: hidden;
    }
    .sportal-kart-two-cols-st__kapak img {
        width: 100%; height: 100%;
        object-fit: cover;
    }
    .sportal-kart-two-cols-st__kategori {
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
        margin-bottom: 4px;
    }
    .sportal-kart-two-cols-st__baslik {
        font-size: 13px;
        line-height: 1.35;
        font-weight: 600;
        margin: 0 0 4px;
    }
    .sportal-kart-two-cols-st__baslik a {
        color: var(--sportal-text, #1a202c);
        text-decoration: none;
    }
    .sportal-kart-two-cols-st__baslik a:hover { color: var(--sportal-primary, #5424fb); }
    .sportal-kart-two-cols-st__tarih {
        font-size: 11px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       LOOP-LIVE-SEARCH
       ========================================================== */
    .sportal-loop--live-search {
        list-style: none;
        padding: 0;
        margin: 0;
        max-height: 420px;
        overflow-y: auto;
    }
    .sportal-kart--live-search {
        padding: 8px 12px;
        border-radius: var(--sportal-radius-sm, 8px);
        transition: background 180ms ease;
    }
    .sportal-kart--live-search[aria-selected="true"],
    .sportal-kart--live-search:hover {
        background: var(--sportal-primary-soft, rgba(84,36,251,0.08));
    }
    .sportal-kart-ls-link {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        text-decoration: none;
        color: inherit;
    }
    .sportal-kart-ls-thumb {
        display: block;
        width: 56px; height: 56px;
        border-radius: var(--sportal-radius-sm, 8px);
        overflow: hidden;
    }
    .sportal-kart-ls-thumb img {
        width: 100%; height: 100%;
        object-fit: cover;
    }
    .sportal-kart-ls-ic { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
    .sportal-kart-ls-kategori {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
    }
    .sportal-kart-ls-baslik {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--sportal-text, #1a202c);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sportal-kart-ls-baslik mark {
        background: var(--sportal-accent-soft, rgba(0,212,255,0.3));
        color: inherit;
        padding: 0 2px;
        border-radius: 3px;
    }
    .sportal-kart-ls-tarih {
        font-size: 11px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       LOOP-WIDGETS
       ========================================================== */
    .sportal-loop--widgets {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .sportal-kart--widget {
        padding-bottom: 12px;
        border-bottom: 1px solid var(--sportal-border, rgba(0,0,0,0.06));
    }
    .sportal-kart--widget:last-child { border-bottom: none; padding-bottom: 0; }
    .sportal-kart-widget-link {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        text-decoration: none;
        color: inherit;
    }
    .sportal-kart-widget-thumb {
        width: 56px; height: 56px;
        border-radius: var(--sportal-radius-sm, 8px);
        overflow: hidden;
    }
    .sportal-kart-widget-thumb img {
        width: 100%; height: 100%;
        object-fit: cover;
    }
    .sportal-kart-widget-ic { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
    .sportal-kart-widget-baslik {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--sportal-text, #1a202c);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sportal-kart-widget-link:hover .sportal-kart-widget-baslik { color: var(--sportal-primary, #5424fb); }
    .sportal-kart-widget-tarih {
        font-size: 11px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       LOOP-LARGE-ABOVE
       ========================================================== */
    .sportal-loop--large-above { display: flex; flex-direction: column; gap: 24px; }
    .sportal-kart--large-above-ilk { position: relative; }
    .sportal-kart-la-link {
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        border-radius: var(--sportal-radius-lg, 16px);
        overflow: hidden;
        aspect-ratio: 21 / 9;
    }
    @media (max-width: 640px) { .sportal-kart-la-link { aspect-ratio: 16 / 10; } }
    .sportal-kart-la-kapak { position: absolute; inset: 0; }
    .sportal-kart-la-kapak img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform 620ms ease;
    }
    .sportal-kart--large-above-ilk:hover .sportal-kart-la-kapak img { transform: scale(1.03); }
    .sportal-kart-la-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.88), rgba(0,0,0,0.2) 55%, transparent);
    }
    .sportal-kart-la-ic {
        position: absolute; left: 0; right: 0; bottom: 0;
        padding: clamp(16px, 3vw, 28px);
    }
    .sportal-kart-la-kategori {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 4px 10px;
        border-radius: 4px;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        margin-bottom: 10px;
    }
    .sportal-kart-la-baslik {
        font-size: clamp(1.15rem, 1rem + 1vw, 1.75rem);
        line-height: 1.2;
        font-weight: 800;
        margin: 0 0 8px;
    }
    .sportal-kart-la-ozet {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 8px;
        opacity: 0.92;
        max-width: 68ch;
    }
    .sportal-kart-la-grid {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    @media (min-width: 640px)  { .sportal-kart-la-grid { grid-template-columns: 1fr 1fr; } }
    @media (min-width: 1024px) { .sportal-kart-la-grid { grid-template-columns: 1fr 1fr 1fr; } }
    .sportal-kart--la-grid-oge { background: transparent; }
    .sportal-kart-la-grid-link {
        display: block;
        text-decoration: none;
        color: inherit;
    }
    .sportal-kart-la-grid-kapak {
        aspect-ratio: 4 / 3;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
        margin-bottom: 10px;
    }
    .sportal-kart-la-grid-kapak img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: transform 420ms ease;
    }
    .sportal-kart--la-grid-oge:hover .sportal-kart-la-grid-kapak img { transform: scale(1.04); }
    .sportal-kart-la-grid-kategori {
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sportal-primary, #5424fb);
        margin-bottom: 4px;
    }
    .sportal-kart-la-grid-baslik {
        font-size: 14px;
        line-height: 1.35;
        font-weight: 700;
        margin: 2px 0 4px;
        color: var(--sportal-text, #1a202c);
    }
    .sportal-kart-la-grid-tarih {
        font-size: 11px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       LOOP-MEGA-MENU-DEFAULT + FEATURED
       ========================================================== */
    .sportal-loop--mega-menu-default {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .sportal-mega-kart { border-bottom: 1px dashed var(--sportal-border, rgba(0,0,0,0.06)); padding-bottom: 10px; }
    .sportal-mega-kart:last-child { border-bottom: none; padding-bottom: 0; }
    .sportal-mega-kart-link {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        text-decoration: none;
        color: inherit;
    }
    .sportal-mega-kart-thumb {
        width: 48px; height: 48px;
        border-radius: var(--sportal-radius-sm, 8px);
        overflow: hidden;
    }
    .sportal-mega-kart-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .sportal-mega-kart-ic { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
    .sportal-mega-kart-baslik {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
        color: var(--sportal-text, #1a202c);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sportal-mega-kart-link:hover .sportal-mega-kart-baslik { color: var(--sportal-primary, #5424fb); }
    .sportal-mega-kart-tarih {
        font-size: 10px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    .sportal-loop--mega-menu-featured {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .sportal-mega-featured-ilk {
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
        aspect-ratio: 16 / 10;
    }
    .sportal-mega-featured-ilk-kapak { position: absolute; inset: 0; }
    .sportal-mega-featured-ilk-kapak img { width: 100%; height: 100%; object-fit: cover; }
    .sportal-mega-featured-gradient {
        position: absolute; inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.15) 55%, transparent);
    }
    .sportal-mega-featured-ilk-ic {
        position: absolute; left: 0; right: 0; bottom: 0;
        padding: 12px 14px;
    }
    .sportal-mega-featured-kategori {
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        padding: 2px 6px;
        border-radius: 3px;
        margin-bottom: 6px;
    }
    .sportal-mega-featured-baslik {
        font-size: 13px;
        line-height: 1.3;
        font-weight: 700;
        margin: 0;
        color: #fff;
    }
    .sportal-mega-featured-yardimcilar {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 8px;
    }
    .sportal-mega-featured-yardimcilar li { flex: 1; min-width: 0; }
    .sportal-mega-featured-yardim-link {
        display: flex;
        flex-direction: column;
        gap: 6px;
        text-decoration: none;
        color: inherit;
    }
    .sportal-mega-featured-yardim-thumb {
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: var(--sportal-radius-sm, 8px);
        overflow: hidden;
    }
    .sportal-mega-featured-yardim-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .sportal-mega-featured-yardim-baslik {
        font-size: 11px;
        line-height: 1.3;
        font-weight: 600;
        color: var(--sportal-text, #1a202c);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* ==========================================================
       LOOP-CONTENT (autoload next-post)
       ========================================================== */
    .sportal-loop--content { display: flex; flex-direction: column; gap: 48px; }
    .sportal-autoload-yazi {
        padding-top: 32px;
    }
    .sportal-autoload-ayrac {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
    }
    .sportal-autoload-cizgi {
        flex: 1;
        height: 1px;
        background: var(--sportal-border, rgba(0,0,0,0.1));
    }
    .sportal-autoload-etiket {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }
    .sportal-autoload-header { margin-bottom: 20px; }
    .sportal-autoload-kategori {
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 4px 10px;
        border-radius: 999px;
        background: var(--sportal-primary, #5424fb);
        color: #fff;
        margin-bottom: 10px;
    }
    .sportal-autoload-baslik {
        font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem);
        line-height: 1.2;
        font-weight: 800;
        margin: 0;
    }
    .sportal-autoload-kapak {
        margin: 0 0 20px;
        border-radius: var(--sportal-radius-md, 12px);
        overflow: hidden;
    }
    .sportal-autoload-kapak img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    /* ==========================================================
       LOOP-AUTHORS-WIDGET
       ========================================================== */
    .sportal-loop--authors-widget {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .sportal-author-kart-link {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 10px;
        align-items: center;
        text-decoration: none;
        color: inherit;
        padding: 8px;
        border-radius: var(--sportal-radius-sm, 8px);
        transition: background 180ms ease;
    }
    .sportal-author-kart-link:hover {
        background: var(--sportal-primary-soft, rgba(84,36,251,0.08));
    }
    .sportal-author-kart-avatar {
        width: 48px; height: 48px;
        border-radius: 50%;
        object-fit: cover;
    }
    .sportal-author-kart-avatar--harf {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, var(--sportal-primary, #5424fb), var(--sportal-accent, #00d4ff));
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }
    .sportal-author-kart-ic { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
    .sportal-author-kart-ad {
        font-size: 13px;
        font-weight: 700;
        color: var(--sportal-text, #1a202c);
    }
    .sportal-author-kart-sayac {
        font-size: 11px;
        color: var(--sportal-text-muted, var(--fb-mutlu, #64748b));
    }

    /* ==========================================================
       SLIDER-2 (peek)
       ========================================================== */
    .sportal-slider--2 { position: relative; padding-block: 20px; }
    .sportal-slider__rayi--peek {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 320px;
    }
    .sportal-slider__slayt--peek {
        position: absolute;
        top: 0;
        width: min(80%, 800px);
        aspect-ratio: 16 / 9;
        opacity: 0.35;
        transform: scale(0.85) translateX(0);
        transition: opacity 480ms ease, transform 480ms ease;
        pointer-events: none;
    }
    .sportal-slider__slayt--peek.is-aktif {
        opacity: 1;
        transform: scale(1) translateX(0);
        z-index: 2;
        pointer-events: auto;
    }
    .sportal-slider__ic--peek {
        position: absolute; left: 0; right: 0; bottom: 0;
        padding: clamp(16px, 3vw, 28px);
        color: #fff;
    }
    .sportal-slider__noktalar--peek { margin-top: 20px; display: flex; justify-content: center; gap: 6px; }

    /* ==========================================================
       DARK MODE
       ========================================================== */
    [data-theme="dark"] .sportal-timeline-kart,
    [data-theme="dark"] .sportal-author-kart-link:hover {
        background: rgba(255,255,255,0.04);
    }
    [data-theme="dark"] .sportal-kart-default-baslik a,
    [data-theme="dark"] .sportal-kart-widget-baslik,
    [data-theme="dark"] .sportal-kart-ls-baslik,
    [data-theme="dark"] .sportal-kart-two-cols-st__baslik a,
    [data-theme="dark"] .sportal-timeline-baslik a,
    [data-theme="dark"] .sportal-kart-la-grid-baslik,
    [data-theme="dark"] .sportal-mega-kart-baslik,
    [data-theme="dark"] .sportal-mega-featured-yardim-baslik,
    [data-theme="dark"] .sportal-author-kart-ad,
    [data-theme="dark"] .sportal-autoload-baslik {
        color: var(--sportal-text, #e2e8f0);
    }

    /* ==========================================================
       REDUCED MOTION
       ========================================================== */
    @media (prefers-reduced-motion: reduce) {
        .sportal-loop--scroll,
        .sportal-loop--scroll-2 { scroll-behavior: auto; }
        .sportal-kart-default-kapak img,
        .sportal-kart-ft-kapak img,
        .sportal-kart-la-kapak img,
        .sportal-kart-la-grid-kapak img,
        .sportal-kart--default:hover .sportal-kart-default-kapak img,
        .sportal-kart--full-thumb:hover .sportal-kart-ft-kapak img,
        .sportal-kart--large-above-ilk:hover .sportal-kart-la-kapak img,
        .sportal-kart--la-grid-oge:hover .sportal-kart-la-grid-kapak img {
            transition: none !important;
            transform: none !important;
        }
        .sportal-slider__slayt--peek { transition: none !important; }
    }

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