body { margin: 0; padding: 0; background-color: #f8fafc; font-family: 'Segoe UI', Arial, sans-serif; }


.portal-ana-govde {
    display: flex;
    max-width: 1200px;
    margin: 25px auto;
    padding: 0 15px;
    gap: 20px;
    box-sizing: border-box;
    align-items: flex-start;
}

.portal-sol-blok {
    flex: 1;
    max-width: 800px;
    min-width: 0;
}


.portal-sag-blok.detay-sag-sticky {
    flex: 0 0 340px;
    max-width: 340px;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding-right: 0px; 
    box-sizing: border-box;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}


.detay-sag-sticky::-webkit-scrollbar {
    display: none; 
    width: 0px;
    background: transparent;
}


.detay-sag-sticky::-webkit-scrollbar-thumb,
.detay-sag-sticky::-webkit-scrollbar-track {
    background: transparent;
    border: none;
}

.detay-sag-sticky .reklam-manset-yani-kutu,
.detay-sag-sticky .editor-secimleri-kutu {
    width: 100%;
    height: 100px;
    flex: none;
    max-width: 100%;
    margin-top: 0;
    border-radius: 0px;
}

.detay-sag-sticky .reklam-manset-yani-kutu {
    height: auto;
}

.detay-sag-sticky .manset-yani-resim img {
    height: 95px;
}

.detay-sag-sticky .editor-secimleri-ana-resim {
    height: 100px;
}

.detay-sag-sticky .editor-secimleri-ana-metin h3 {
    font-size: 15px;
}

.detay-sag-sticky .editor-secimleri-satir {
    padding: 10px 12px;
}


.reklam-manset-yani-kutu {
    width: 350px;
    height: 487px; 
    flex: 0 0 350px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    box-sizing: border-box;
    position: relative;
    align-self: flex-start;
}


.manset-yani-liste {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.manset-yani-haber {
    display: block;
    text-decoration: none;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.manset-yani-haber:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    border-color: #cbd5e1;
}

.manset-yani-resim {
    width: 100%;
}

.manset-yani-resim img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
}

.manset-yani-metin {
    padding: 8px 10px 10px 10px;
}

.manset-yani-metin h4 {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    color: #0f172a;
}

@media (max-width: 1100px) {
    .reklam-manset-yani-kutu {
        width: auto;
        max-width: 800px;
        flex: 1 1 auto;
    }

    .manset-yani-resim img {
        height: 100px;
    }

    .portal-sag-blok.detay-sag-sticky {
        position: static;
        flex: 1 1 auto;
        max-width: 800px;
        width: 100%;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}



.manset-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    background: #000;
}
.manset-wrapper {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%;
}
.manset-slide {
    min-width: 100%;
    position: relative;
    box-sizing: border-box;
}




body.fotogaleri-tam-sayfa {
    background: #050816;
    color: #ffffff;
}

body.fotogaleri-tam-sayfa.fg-giris-animasyon .fg-full-slider {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
    filter: saturate(0.95) blur(4px);
}

body.fotogaleri-tam-sayfa.fg-giris-animasyon.fg-hazir .fg-full-slider {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: none;
    transition: opacity 0.85s ease, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1), filter 0.85s ease;
}

body.fotogaleri-tam-sayfa .main-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.fg-page-shell {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 18px 16px 28px 16px;
    box-sizing: border-box;
}

.fg-full-slider {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 128px);
    background: radial-gradient(circle at top, rgba(124, 179, 66, 0.14), rgba(2, 6, 23, 0.98) 60%);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
    will-change: transform, opacity, filter;
}

.fg-slider-stage {
    position: relative;
    width: 100%;
    height: calc(100vh - 128px);
    min-height: 720px;
    max-height: 980px;
    overflow: hidden;
}

.fg-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 0.55s ease, transform 0.75s ease;
}

.fg-slide.aktif {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.fg-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.10) 0%, rgba(2, 6, 23, 0.30) 52%, rgba(2, 6, 23, 0.88) 100%);
}

.fg-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fg-slider-ust-yerlesim {
    position: absolute;
    top: 18px;
    left: 18px;
    right: 18px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-10px);
}

body.fotogaleri-tam-sayfa.fg-hazir .fg-slider-ust-yerlesim {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.7s ease 0.1s, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

.fg-back-link {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(12px);
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
}

.fg-fullscreen-btn {
    pointer-events: auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    backdrop-filter: blur(12px);
}

.fg-slider-ok {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background: rgba(2, 6, 23, 0.42);
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    cursor: pointer;
    z-index: 4;
    backdrop-filter: blur(8px);
    transition: background 0.2s ease, transform 0.2s ease;
}

.fg-slider-ok:hover {
    background: rgba(124, 179, 66, 0.92);
    transform: translateY(-50%) scale(1.05);
}

.fg-slider-ok-sol { left: 22px; }
.fg-slider-ok-sag { right: 22px; }

.fg-slider-bilgi {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 96px;
    z-index: 4;
    max-width: 980px;
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
    opacity: 0;
    transform: translateY(18px);
}

body.fotogaleri-tam-sayfa.fg-hazir .fg-slider-bilgi {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.85s ease 0.18s, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
}

.fg-slider-kategori {
    display: inline-flex;
    align-items: center;
    background: #7cb342;
    color: #11220a;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.fg-slider-bilgi h1 {
    margin: 14px 0 10px 0;
    max-width: 1000px;
    font-size: clamp(28px, 5vw, 68px);
    line-height: 1.03;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.fg-slider-ozet {
    margin: 0;
    max-width: 820px;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88);
}

.fg-slider-sayac {
    margin-top: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.38);
    color: #ffffff;
    font-weight: 700;
    font-size: 13px;
}

.fg-thumb-serit {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 4;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 12px 12px 16px 12px;
    margin: 0;
    scrollbar-width: none;
    background: linear-gradient(to top, rgba(2, 6, 23, 0.92), rgba(2, 6, 23, 0.45));
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(18px) saturate(1.1);
    box-shadow: 0 -18px 40px rgba(2, 6, 23, 0.28);
    opacity: 0;
    transform: translateY(18px);
}

body.fotogaleri-tam-sayfa.fg-hazir .fg-thumb-serit {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.85s ease 0.28s, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.28s;
}

.fg-thumb-serit::-webkit-scrollbar {
    display: none;
}

.fg-thumb {
    flex: 0 0 auto;
    width: 122px;
    height: 78px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.58);
    opacity: 0.78;
    cursor: pointer;
    transition: transform 0.22s ease, opacity 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.28);
}

.fg-thumb.aktif {
    opacity: 1;
    border-color: #7cb342;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 0 0 1px rgba(124, 179, 66, 0.18), 0 16px 32px rgba(124, 179, 66, 0.14), 0 12px 28px rgba(2, 6, 23, 0.30);
}

.fg-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fg-thumb:hover {
    opacity: 0.98;
    transform: translateY(-2px) scale(1.01);
}

@media (max-width: 992px) {
    .fg-full-slider,
    .fg-slider-stage {
        min-height: 620px;
        height: calc(100vh - 110px);
    }

    .fg-slider-bilgi {
        left: 20px;
        right: 20px;
        bottom: 88px;
    }

    .fg-slider-ozet {
        font-size: 15px;
    }

    .fg-thumb {
        width: 104px;
        height: 68px;
    }
}

@media (max-width: 768px) {
    .fg-page-shell {
        padding: 12px 10px 18px 10px;
    }

    .fg-full-slider {
        border-radius: 20px;
    }

    .fg-full-slider,
    .fg-slider-stage {
        min-height: 560px;
        height: calc(100vh - 96px);
    }

    .fg-slider-ust-yerlesim {
        top: 12px;
        left: 12px;
        right: 12px;
    }

    .fg-back-link {
        padding: 8px 12px;
        font-size: 12px;
    }

    .fg-fullscreen-btn {
        width: 38px;
        height: 38px;
    }

    .fg-slider-ok {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .fg-slider-ok-sol { left: 12px; }
    .fg-slider-ok-sag { right: 12px; }

    .fg-slider-bilgi {
        left: 14px;
        right: 14px;
        bottom: 84px;
    }

    .fg-slider-bilgi h1 {
        font-size: clamp(24px, 7vw, 40px);
        margin-top: 10px;
    }

    .fg-slider-ozet {
        font-size: 14px;
        line-height: 1.45;
    }

    .fg-thumb-serit {
        left: 12px;
        right: 12px;
        bottom: 12px;
        gap: 8px;
        padding: 8px 8px 10px 8px;
    }

    .fg-thumb {
        width: 82px;
        height: 54px;
        border-radius: 10px;
    }
}



.kategori-manset-vitrin {
    margin: 0 0 24px 0;
}

.kategori-manset-vitrin .manset-slide img {
    height: 430px;
}

.kategori-devam-baslik {
    width: 100%;
    background: #111827;
    color: #ffffff;
    padding: 11px 14px;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    border-left: 4px solid #dc2626;
    border-radius: 4px;
    box-sizing: border-box;
}

.kategori-devam-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
}

.kategori-devam-kart {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    min-width: 0;
}

.kategori-devam-kart:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

.kategori-devam-resim {
    width: 100%;
    height: 225px;
    overflow: hidden;
    background: #f1f5f9;
}

.kategori-devam-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kategori-devam-metin {
    padding: 12px;
    min-height: 72px;
    box-sizing: border-box;
}

.kategori-devam-kart-baslik {
    margin: 0;
    color: #1f2937;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .kategori-manset-vitrin .manset-slide img {
        height: 300px;
    }

    .kategori-devam-grid {
        grid-template-columns: 1fr;
    }

    .kategori-devam-resim {
        height: 190px;
    }
}

.manset-slide img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
}
.manset-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.95));
    color: #ffffff;
    padding: 60px 20px 20px 20px;
}
.manset-content h2 {
    margin: 0 0 6px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}
.manset-content h2 a {
    color: #ffffff;
    text-decoration: none;
}


.manset-ok {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, opacity 0.2s;
    z-index: 10;
    outline: none;
}
.manset-ok:hover { background: rgba(220, 38, 38, 0.9); } 
.manset-ok-sol { left: 15px; }
.manset-ok-sag { right: 15px; }


.manset-nav-outer {
    width: 100%;
    background: #111827;
    overflow-x: auto;
    scrollbar-width: none;
}
.manset-nav-outer::-webkit-scrollbar {
    display: none;
}
.manset-nav {
    display: flex;
    width: max-content;
    margin: 0 auto;
}
.manset-btn {
    width: 45px;
    background: #1f2937;
    color: #9ca3af;
    border: none;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #374151;
    transition: all 0.15s ease;
}
.manset-btn:last-child {
    border-right: none;
}
.manset-btn.active {
    background: #dc2626 !important; 
    color: #ffffff !important;
}
.manset-btn:hover {
    background: #dc2626;
    color: #ffffff;
}




@media (max-width: 768px) {
    .manset-slide img {
        height: 300px; 
    }
    .manset-content h2 {
        font-size: 18px; 
        padding-bottom: 10px;
    }
    .manset-ok {
        width: 32px; height: 32px; font-size: 14px; 
    }
    
    
    .manset-nav {
        width: 100%;
        justify-content: center;
        padding: 12px 0;
        gap: 8px;
    }
    .manset-btn {
        width: 10px !important;
        height: 10px !important;
        padding: 0 !important;
        text-indent: -9999px; 
        border-radius: 50% !important; 
        background: #4b5563;
        border-right: none;
    }
    .manset-btn.active {
        background: #dc2626 !important;
        transform: scale(1.2); 
    }
}




.main-header { width: 100%; font-family: 'Segoe UI', Arial, sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 1200; }


.header-top { background-color: #dc2626; color: #ffffff; padding: 12px 0; }
.header-top-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; }
.site-logo-link { color: #ffffff; text-decoration: none; font-size: 24px; font-weight: 800; letter-spacing: -0.5px; }
.site-logo-link span { color: #f1f5f9; font-weight: 300; }

.top-menu { display: flex; align-items: center; gap: 15px; list-style: none; margin: 0; padding: 0; }
.top-menu-link { color: #ffffff; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase; transition: opacity 0.2s; }
.top-menu-link:hover { opacity: 0.8; }
.search-btn-trigger { background: none; border: none; color: #ffffff; font-size: 16px; cursor: pointer; padding: 0 5px; display: flex; align-items: center; }


.header-bottom { background-color: #e5e7eb; border-bottom: 1px solid #d1d5db; padding: 10px 0; }
.header-bottom-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; }


.menu-hamburger { display: none; background: none; border: none; font-size: 20px; color: #1f2937; cursor: pointer; margin-right: 15px; font-weight: bold; }

.bottom-menu { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; }
.bottom-menu-link { color: #1f2937; text-decoration: none; font-weight: 700; font-size: 16px; text-transform: uppercase; transition: color 0.2s; }
.bottom-menu-link:hover { color: #dc2626; }


.header-search-bar { background: #b91c1c; width: 100%; display: none; padding: 10px 0; }
.search-form-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; gap: 10px; }
.search-input-field { flex: 1; padding: 8px 12px; border: 1px solid #ef4444; border-radius: 4px; outline: none; font-size: 14px; }
.search-submit-btn { background: #111827; color: #ffffff; border: none; padding: 8px 20px; border-radius: 4px; font-weight: 600; cursor: pointer; }




@media (max-width: 768px) {
    .top-menu { display: none; } 
    .menu-hamburger { display: block; } 
    
    .header-bottom { display: none; } 
    .header-bottom.mobil-menu-acik { display: block; }
    
    .bottom-menu { flex-direction: column; align-items: flex-start; width: 100%; gap: 0; }
    .bottom-menu li { width: 100%; border-bottom: 1px solid #d1d5db; }
    .bottom-menu li:last-child { border-bottom: none; }
    .bottom-menu-link { display: block; padding: 12px 10px; width: 100%; box-sizing: border-box; }
}






.manset-alti-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    width: 100%;
    max-width: 800px;
    margin: 25px auto;
    box-sizing: border-box;
}

.manset-alti-grid.manset-alti-dar {
    max-width: 800px;
    margin-left: 0;
    margin-right: auto;
}

.portal-alt-govde {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 25px auto;
    box-sizing: border-box;
}

.portal-alt-sol {
    flex: 1;
    min-width: 0;
}

.super-lig-kutu {
    width: 350px;
    flex: 0 0 350px;
    height: 530px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    color: #1f2937;
    display: flex;
    flex-direction: column;
}

.super-lig-icerik {
    padding: 12px;
    flex: 1;
    overflow: auto;
    background: #ffffff;
    scrollbar-width: thin;
}

.super-lig-kutu-sade {
    height: 530px;
}

.super-lig-icerik-sade {
    padding-top: 12px;
}

.super-lig-satir {
    display: grid;
    grid-template-columns: 30px 1fr 34px;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.2;
    background: #ffffff;
}

.super-lig-satir:not(.super-lig-ust):hover {
    background: #f8fafc;
}

.super-lig-no,
.super-lig-puan {
    font-weight: 800;
    text-align: center;
}

.super-lig-takim {
    font-weight: 700;
    color: #1f2937;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.super-lig-puan {
    color: #dc2626;
}

.super-lig-champ { border-left: 3px solid #16a34a; }
.super-lig-uclu { border-left: 3px solid #2563eb; }
.super-lig-orta { border-left: 3px solid #94a3b8; }
.super-lig-dusme { border-left: 3px solid #ef4444; }

.super-lig-kutu-sade .super-lig-satir {
    margin-bottom: 6px;
}

.super-lig-kutu-sade .super-lig-satir:last-child {
    margin-bottom: 0;
}




.editor-secimleri-kutu {
    width: 350px;
    flex: 0 0 350px;
    margin-top: 25px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    color: #1f2937;
}

.editor-secimleri-baslik {
    background: #111827;
    color: #ffffff;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-left: 4px solid #dc2626;
}

.editor-secimleri-ana {
    display: block;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #e5e7eb;
}

.editor-secimleri-ana:hover h3,
.editor-secimleri-satir:hover strong {
    color: #dc2626;
}

.editor-secimleri-ana-resim {
    width: 100%;
    height: 195px;
    background: #f1f5f9;
    overflow: hidden;
}

.editor-secimleri-ana-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.editor-secimleri-ana:hover img {
    transform: scale(1.03);
}

.editor-secimleri-ana-metin {
    padding: 14px;
}

.editor-secimleri-kategori {
    display: inline-flex;
    color: #dc2626;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.editor-secimleri-ana-metin h3 {
    margin: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    transition: color 0.2s ease;
}

.editor-secimleri-liste {
    display: flex;
    flex-direction: column;
}

.editor-secimleri-satir {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none;
    color: inherit;
    align-items: start;
}

.editor-secimleri-satir:last-child {
    border-bottom: none;
}

.editor-secimleri-no {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    color: #dc2626;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
}

.editor-secimleri-satir-metin {
    min-width: 0;
}

.editor-secimleri-satir-metin small {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.editor-secimleri-satir-metin strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1f2937;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    transition: color 0.2s ease;
}

.haber-kart-resim-alan {
    width: 100%;
    height: 225px;
    overflow: hidden;
    background: #f1f5f9;
}

.haber-kart-blok {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}
.haber-kart-blok:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

.haber-kart-resim-alan img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.haber-kart-metin-alan {
    padding: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.haber-kart-baslik {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.4;
    word-break: break-word;
}


@media (max-width: 768px) {
    .manset-alti-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
    }

    .portal-alt-govde {
        flex-direction: column;
    }

    .super-lig-kutu {
        width: 100%;
        flex: 1 1 auto;
        position: static;
        height: auto;
    }

    .editor-secimleri-kutu {
        width: 100%;
        flex: 1 1 auto;
    }
}
@media (max-width: 480px) {
    .manset-alti-grid {
        grid-template-columns: 1fr;
    }
    .haber-kart-resim-alan {
        height: 180px;
    }
}




.kategori-blok-kapsayici { width: 100%; max-width: 1200px; margin: 0 auto 35px auto; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; }
.kategori-blok-baslik-bar { width: 100%; background: #dc2626; color: #ffffff; padding: 10px 15px; font-size: 16px; font-weight: 700; text-transform: uppercase; border-radius: 4px 4px 0 0; box-sizing: border-box; margin-bottom: 15px; letter-spacing: 0.5px; }
.kategori-blok-govde { display: flex; gap: 20px; width: 100%; align-items: flex-start; box-sizing: border-box; }


.kategori-blok-sol { width: 450px; height: 370px; flex-shrink: 0; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.02); display: flex; flex-direction: column; text-decoration: none; }
.kategori-blok-sol:hover, .kategori-sag-kart:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.06); transition: all 0.2s ease; }
.kategori-sol-resim { width: 100%; height: 260px; overflow: hidden; }
.kategori-sol-resim img, .kategori-sag-resim img { width: 100%; height: 100%; object-fit: cover; }
.kategori-sol-metin { padding: 15px; display: flex; flex-direction: column; }
.kategori-sol-metin h3 { margin: 0; font-size: 18px; font-weight: 700; color: #1e293b; line-height: 1.4; }


.kategori-blok-sag { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; box-sizing: border-box; }
.kategori-sag-kart { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.02); display: flex; flex-direction: column; text-decoration: none; }
.kategori-sag-resim { width: 100%; height: 120px; overflow: hidden; background: #f1f5f9; }
.kategori-sag-metin { padding: 10px; display: flex; flex-direction: column; }
.kategori-sag-metin h4 { margin: 0; font-size: 13px; font-weight: 700; color: #334155; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }


.fotogaleri-blok-baslik-bar {
    background: #7cb342;
}


@media (max-width: 992px) {
    .kategori-blok-govde { flex-direction: column; }
    .kategori-blok-sol { width: 100%; }
    .kategori-sol-resim { height: 300px; }
}
@media (max-width: 580px) {
    .kategori-blok-sag { grid-template-columns: 1fr; }
    .kategori-sag-resim { height: 160px; }
}


.yazar-blok-kapsayici { width: 100%; max-width: 1200px; margin: 0 auto 35px auto; box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif, margin-top:15px; }
.yazar-blok-baslik-bar { width: 100%; background: #dc2626; color: #ffffff; padding: 12px 15px; font-size: 16px; font-weight: 700; text-transform: uppercase; border-radius: 4px 4px 0 0; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
.yazar-tumunu-gor { color: #ffffff; text-decoration: none; font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; opacity: 0.9; }
.yazar-tumunu-gor:hover { opacity: 1; text-decoration: underline; }


.yazar-blok-kaydirici { width: 100%; overflow-x: auto; background: #f1f5f9; padding: 20px 15px; border-radius: 0 0 4px 4px; box-sizing: border-box; border: 1px solid #e2e8f0; border-top: none; scroll-behavior: smooth; }
.yazar-blok-kaydirici::-webkit-scrollbar { height: 6px; }
.yazar-blok-kaydirici::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

.yazar-izgara-aks { display: flex; gap: 15px; width: max-content; }


.yazar-kart-kutusu { width: 220px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 20px 15px; display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; box-sizing: border-box; transition: transform 0.2s, box-shadow 0.2s; }
.yazar-kart-kutusu:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.06); }


.yazar-profil-daire { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; border: 3px solid #f1f5f9; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 12px; background: #e2e8f0; }
.yazar-profil-daire img { width: 100%; height: 100%; object-fit: cover; }

.yazar-adi-metin { margin: 0 0 8px 0; font-size: 14px; font-weight: 700; color: #1e293b; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.yazar-makale-spot { margin: 0; font-size: 13px; font-weight: 500; color: #475569; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }


.yazar-Blok-Dis-Kapsayici {
    Position: relative;
    Width: 100%;
}
.yazar-ok {
    Position: absolute;
    Top: 50%;
    Transform: translateY(-50%);
    Width: 40px;
    Height: 40px;
    Background: rgba(255, 255, 255, 0.9);
    Color: #1e293b;
    Border: 1px solid #e2e8f0;
    Border-radius: 50%;
    Font-size: 16px;
    Font-weight: bold;
    Cursor: pointer;
    Display: flex;
    Align-items: center;
    Justify-content: center;
    Box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    Transition: all 0.2s;
    Z-index: 10;
    Outline: none;
}
.yazar-ok:hover { 
    Background: #dc2626; 
    Color: #ffffff; 
    Border-color: #dc2626; 
}
.yazar-ok-sol { left: -20px; }
.yazar-ok-sag { right: -20px; }


@media (max-width: 768px) {
    .yazar-ok { display: none !important; }
}




.sondakika-liste-kapsayici { 
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto 35px auto; 
    box-sizing: border-box; 
    font-family: 'Segoe UI', Arial, sans-serif; 
}
.sondakika-liste-aks { 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
    width: 100%; 
}
.sondakika-satir-kart { 
    display: flex; 
    background: #ffffff; 
    border: 1px solid #e2e8f0; 
    border-radius: 6px; 
    overflow: hidden; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.02); 
    text-decoration: none; 
    transition: transform 0.2s, box-shadow 0.2s; 
    box-sizing: border-box; 
}
.sondakika-satir-kart:hover { 
    transform: translateX(4px); 
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); 
}
.sondakika-satir-resim { 
    width: 180px; 
    height: 110px; 
    flex-shrink: 0; 
    background: #f1f5f9; 
}
.sondakika-satir-resim img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.sondakika-satir-metin { 
    padding: 15px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    flex: 1; 
    min-width: 0; 
}
.sondakika-satir-baslik { 
    margin: 0 0 6px 0; 
    font-size: 16px; 
    font-weight: 700; 
    color: #1e293b; 
    line-height: 1.4; 
}
.sondakika-satir-ozet { 
    margin: 0; 
    font-size: 13px; 
    color: #64748b; 
    line-height: 1.5; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
}


@media (max-width: 640px) {
    .sondakika-satir-kart { 
        flex-direction: column; 
    }
    .sondakika-satir-resim { 
        width: 100%; 
        height: 180px; 
    }
    .sondakika-satir-baslik { 
        font-size: 14px; 
    }
}




.detay-kapsayici { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; padding: 25px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); box-sizing: border-box; width: 100%; margin-bottom: 25px; }
.detay-baslik { font-size: 28px; font-weight: 800; color: #1e293b; line-height: 1.3; margin: 0 0 15px 0; }
.detay-spot { font-size: 16px; color: #475569; line-height: 1.6; font-weight: 500; margin-bottom: 20px; background: #f8fafc; padding: 15px; border-left: 4px solid #dc2626; border-radius: 4px; }
.detay-resim-alani { width: 100%; height: auto; max-height: 450px; overflow: hidden; border-radius: 4px; margin-bottom: 20px; }
.detay-resim-alani img { width: 100%; height: 100%; object-fit: cover; }
.haber-meta-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -4px 0 22px; padding: 16px 18px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); }
.haber-meta-zaman { display: flex; flex-direction: column; gap: 6px; }
.haber-meta-satir { display: flex; align-items: center; gap: 8px; color: #475569; font-size: 14px; }
.haber-meta-satir strong { color: #1e293b; font-size: 13px; }
.haber-meta-paylas { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.haber-paylas-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; text-decoration: none; color: #ffffff; font-size: 17px; font-weight: 800; transition: transform 0.2s ease, filter 0.2s ease; }
.haber-paylas-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
.share-facebook { background: #1877f2; }
.share-x { background: #111827; }
.share-whatsapp { background: #22c55e; }
.share-telegram { background: #229ed9; }
.detay-metin-metni { font-size: 16px; color: #334155; line-height: 1.8; margin-bottom: 25px; }
.detay-metin-metni p { margin-bottom: 15px; }

.haber-detay-ici-reklam {
    float: left;
    width: 300px;
    min-height: 250px;
    margin: 6px 22px 14px 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.haber-detay-ici-reklam a,
.haber-detay-ici-reklam img {
    display: block;
    width: 100%;
}

.haber-detay-ici-reklam img {
    height: auto;
}

.haber-detay-reklam-kod {
    padding: 0;
}

.haber-detay-sonu-reklam {
    width: 100%;
    max-width: 640px;
    margin: 22px 0 28px 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.haber-detay-sonu-reklam a,
.haber-detay-sonu-reklam img {
    display: block;
    width: 100%;
}

.haber-detay-sonu-reklam img {
    height: auto;
}

.detay-metin-metni::after {
    content: "";
    display: block;
    clear: both;
}


.yorum-form-kart { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 20px; margin-top: 30px; box-sizing: border-box; }
.yorum-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 15px; }
.yorum-liste-satir { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; padding: 15px; margin-top: 15px; box-sizing: border-box; }
.yorum-liste-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; }
.yorum-liste-yazan { font-weight: 700; color: #1e293b; font-size: 14px; }
.yorum-liste-tarih { font-size: 12px; color: #94a3b8; font-family: monospace; }
.yorum-liste-metin { font-size: 14px; color: #475569; line-height: 1.5; margin: 0; word-break: break-word; }


@media (max-width: 768px) {
    .detay-baslik { font-size: 22px; }
    .haber-meta-bar { flex-direction: column; align-items: flex-start; padding: 14px; }
    .haber-meta-paylas { width: 100%; }
    .yorum-form-grid { grid-template-columns: 1fr; }
}




.yorum-form-kart { 
    background: #f8fafc; 
    border: 1px solid #e2e8f0; 
    border-radius: 6px; 
    padding: 20px; 
    margin-top: 30px; 
    box-sizing: border-box; 
    width: 100%;
}
.yorum-form-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 15px; 
    margin-bottom: 15px; 
    width: 100%;
    box-sizing: border-box;
}


.yorum-form-kart .ayar-input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    outline: none;
    font-size: 14px;
    color: #334155;
    background-color: #ffffff;
    box-sizing: border-box;
    font-family: inherit;
}
.yorum-form-kart .ayar-input:focus {
    border-color: #dc2626; 
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}


.yorum-gonder-btn {
    background-color: #dc2626; 
    color: #ffffff; 
    border: none; 
    padding: 12px 28px; 
    border-radius: 4px; 
    cursor: pointer; 
    font-size: 14px; 
    font-weight: 700;
    text-transform: uppercase;
    transition: background 0.15s ease-in-out;
}
.yorum-gonder-btn:hover {
    background-color: #b91c1c;
}




.main-header { width: 100%; font-family: 'Segoe UI', Arial, sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 1200; }


.header-top { background-color: #dc2626; color: #ffffff; padding: 12px 0; }
.header-top-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
.site-logo-link { color: #ffffff; text-decoration: none; font-size: 24px; font-weight: 800; letter-spacing: -0.5px; }
.site-logo-link span { color: #f1f5f9; font-weight: 300; font-size: 24px; }

.top-menu { display: flex; align-items: center; gap: 15px; list-style: none; margin: 0; padding: 0; }
.top-menu-link { color: #ffffff; text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase; transition: opacity 0.2s; }
.top-menu-link:hover { opacity: 0.8; }
.search-btn-trigger { background: none; border: none; color: #ffffff; font-size: 16px; cursor: pointer; padding: 0 5px; display: flex; align-items: center; }


.header-bottom { background-color: #e5e7eb; border-bottom: 1px solid #d1d5db; padding: 10px 0; }
.header-bottom-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; box-sizing: border-box; }
.menu-hamburger { display: none; background: none; border: none; font-size: 20px; color: #1f2937; cursor: pointer; margin-right: 15px; font-weight: bold; }


.bottom-menu { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; }
.bottom-menu-link { color: #1f2937; text-decoration: none; font-weight: 700; font-size: 16px; text-transform: uppercase; transition: color 0.2s; }
.bottom-menu-link:hover { color: #dc2626; }


.header-search-bar { background: #b91c1c; width: 100%; display: none; padding: 10px 0; }
.search-form-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; gap: 10px; }
.search-input-field { flex: 1; padding: 8px 12px; border: 1px solid #ef4444; border-radius: 4px; outline: none; font-size: 14px; }
.search-submit-btn { background: #111827; color: #ffffff; border: none; padding: 8px 20px; border-radius: 4px; font-weight: 600; cursor: pointer; }


@media (max-width: 768px) {
    .top-menu { display: none; }
    .menu-hamburger { display: block; }
    .header-bottom { display: none; }
    .header-bottom.mobil-menu-acik { display: block; }
    .bottom-menu { flex-direction: column; align-items: flex-start; width: 100%; gap: 0; }
    .bottom-menu li { width: 100%; border-bottom: 1px solid #d1d5db; }
    .bottom-menu-link { display: block; padding: 12px 10px; width: 100%; box-sizing: border-box; }
}




.kategori-sayfa-baslik-kusak {
    width: 100%;
    background: #1e293b; 
    color: #ffffff;
    padding: 18px 20px;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 6px;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
    border-left: 5px solid #dc2626; 
    box-sizing: border-box;
}

.ilgimizi-cekeyebilir-kapsayici {
    border: 2px solid #ef4444; 
    padding: 15px;
    margin: 25px 0;
    background: #fff;
    box-sizing: border-box;
}

.ilgi-baslik {
    font-size: 16px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: sans-serif;
}


.ilgi-Izgara {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
}

.ilgi-kart {
    text-decoration: none;
    color: #000;
    display: block;
    width: 100%; 
    box-sizing: border-box;
}

.ilgi-resim-alan {
    position: relative;
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #f1f5f9;
}

.ilgi-resim-alan img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ilgi-metin-ust {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.85));
    padding: 25px 12px 10px 12px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
}

.ilgi-alt-baslik {
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    color: #000;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}




.yazar-arsiv-profil-kart {
    width: 100%;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    box-sizing: border-box;
}
.yazar-arsiv-daire {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    flex-shrink: 0;
}
.yazar-arsiv-daire img { width: 100%; height: 100%; object-fit: cover; }
.yazar-arsiv-detay { display: flex; flex-direction: column; }
.yazar-arsiv-isim { margin: 0 0 4px 0; font-size: 22px; font-weight: 800; color: #1e293b; }
.yazar-arsiv-unvan { margin: 0; font-size: 14px; font-weight: 600; color: #dc2626; text-transform: uppercase; }


.makale-satir-kart {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 15px;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.makale-satir-kart:hover {
    transform: translateX(4px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}
.makale-satir-ust {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px dashed #f1f5f9;
    padding-bottom: 8px;
}
.makale-satir-baslik { margin: 0; font-size: 16px; font-weight: 700; color: #1e293b; line-height: 1.4; }
.makale-satir-tarih { font-size: 12px; color: #94a3b8; font-family: monospace; }
.makale-satir-ozet { margin: 0; font-size: 14px; color: #475569; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.son-dakika-bandi {
    display: flex;
    align-items: center;
    background: #f0f2f5;
    border-top: 1px solid #e1e4e8;
    border-bottom: 1px solid #e1e4e8;
    height: 44px;
    font-family: sans-serif;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.son-dakika-baslik {
    background: #fff;
    color: #ff0000;
    font-weight: bold;
    padding: 0 15px;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    white-space: nowrap;
    z-index: 2;
}

.son-dakika-listesi-kapsayici {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.son-dakika-listesi {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; 
    transition: transform 0.4s ease-in-out; 
}

.son-dakika-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 20px;
    height: 100%;
    flex: 0 0 100%; 
    width: 100%;
    box-sizing: border-box;
}

.sd-saat {
    color: #ff0000;
    font-weight: bold;
    margin-right: 8px;
    font-size: 13px;
}

.sd-link {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}

.sd-link:hover {
    color: #ff0000;
}

.son-dakika-navigasyon {
    display: flex;
    height: 100%;
    z-index: 2;
    background: #f0f2f5;
}

.son-dakika-navigasyon button {
    background: #ff0000;
    border: none;
    border-left: 1px solid #e1e4e8;
    width: 35px;
    height: 100%;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 2;
}

.son-dakika-navigasyon button:hover {
    background: #fff;
    color: #ff0000;
}

.doviz-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 15px;
    background-color: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.doviz-block-box, .hava-durumu-grid-kutucuk {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    padding: 6px 12px;
    border-radius: 6px;
    flex: 1;
    min-width: 145px;
    border: 1px solid #e2e8f0;
    gap: 8px;
    box-sizing: border-box;
    height: 48px;
}

.hava-durumu-grid-kutucuk {
    background: #edf2f7;
    border: 1px solid #cbd5e0;
}

.doviz-block-box i {
    font-size: 15px;
    color: #4a5568;
}

.flex-fill { 
    flex: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.doviz-heading {
    font-size: 10px;
    font-weight: 700;
    color: #718096;
    text-transform: uppercase;
    line-height: 1.1;
}

.doviz-text {
    font-size: 13px;
    font-weight: 700;
    color: #1a202c;
    margin-top: 1px;
    line-height: 1.2;
}

.doviz-change {
    display: flex;
    align-items: center;
    gap: 4px; 
    font-size: 11px;
    font-weight: 600;
    margin-left: auto;
}

.doviz-change.up { color: #38a169; }
.doviz-change.down { color: #e53e3e; }


.market-led {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}


.doviz-change.up .market-led {
    background-color: #38a169;
    box-shadow: 0 0 0 rgba(56, 161, 105, 0.4);
    animation: pulse-green 1.5s infinite;
}


.doviz-change.down .market-led {
    background-color: #e53e3e;
    box-shadow: 0 0 0 rgba(229, 62, 62, 0.4);
    animation: pulse-red 1.5s infinite;
}


@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(56, 161, 105, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(56, 161, 105, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(56, 161, 105, 0); }
}

@keyframes pulse-red {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(229, 62, 62, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(229, 62, 62, 0); }
}

.manset-yani-metin {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.manset-yani-metin img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
}

@media (max-width: 992px) {
    .doviz-block {
        overflow-x: auto;
        justify-content: flex-start;
    }
    .doviz-block-box, .hava-durumu-grid-kutucuk {
        flex-shrink: 0;
    }
}

.manset-yani-metin i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}


.manset-yani-modul {
    min-height: 487px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.manset-yani-modul::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 150px;
    background:
        radial-gradient(circle at top left, rgba(239, 68, 68, 0.16), transparent 54%),
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 42%);
    pointer-events: none;
}

.manset-yani-modul .manset-yani-ust {
    position: relative;
    z-index: 1;
    padding: 2px 2px 16px;
}

.manset-yani-modul .manset-yani-etiket {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.10);
    color: #dc2626;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.manset-yani-modul .manset-yani-etiket::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.12);
}

.manset-yani-modul .manset-yani-ust h3 {
    margin: 14px 0 6px;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.manset-yani-modul .manset-yani-ust p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.manset-yani-modul .manset-yani-liste {
    position: relative;
    z-index: 1;
    gap: 12px;
}

.manset-yani-modul .manset-yani-haber {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: stretch;
    text-decoration: none;
    color: #1e293b;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    backdrop-filter: blur(10px);
}

.manset-yani-modul .manset-yani-haber:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 30px rgba(15, 23, 42, 0.12);
    border-color: #cbd5e1;
}

.manset-yani-modul .manset-yani-haber-one-cikan {
    display: block;
    min-height: 258px;
    border: none;
    background: #0f172a;
    box-shadow: 0 24px 40px rgba(15, 23, 42, 0.18);
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim {
    position: relative;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.05) 0%, rgba(15, 23, 42, 0.85) 100%);
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim img {
    height: 176px;
}

.manset-yani-modul .manset-yani-haber-kompakt .manset-yani-resim img {
    height: 100%;
    min-height: 118px;
}

.manset-yani-modul .manset-yani-resim {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.manset-yani-modul .manset-yani-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.manset-yani-modul .manset-yani-haber:hover .manset-yani-resim img {
    transform: scale(1.04);
}

.manset-yani-modul .manset-yani-metin {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    margin-left: 0;
    padding: 14px 15px;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin {
    padding: 14px 16px 16px;
    background:
        radial-gradient(circle at top right, rgba(96, 165, 250, 0.16), transparent 34%),
        linear-gradient(180deg, #0f172a 0%, #111827 100%);
}

.manset-yani-modul .manset-yani-meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.manset-yani-modul .manset-yani-index {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.manset-yani-modul .manset-yani-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.manset-yani-modul .manset-yani-metin h4 {
    margin: 0;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
}

.manset-yani-modul .manset-yani-metin p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-index {
    color: rgba(255, 255, 255, 0.68);
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-pill {
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin h4 {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.18;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin p {
    color: rgba(226, 232, 240, 0.86);
    font-size: 13px;
}

.manset-yani-modul .manset-yani-link-ipuclari {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0f766e;
    font-size: 11px;
    font-weight: 700;
}

.manset-yani-modul .manset-yani-link-ipuclari::after {
    content: ">";
    font-size: 14px;
}

@media (max-width: 1100px) {
    .manset-yani-modul {
        min-height: auto;
    }

    .manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim img {
        height: 220px;
    }
}

@media (max-width: 768px) {
    .manset-yani-modul {
        padding: 14px;
        border-radius: 20px;
    }

    .manset-yani-modul .manset-yani-ust h3 {
        font-size: 21px;
    }

    .manset-yani-modul .manset-yani-haber {
        grid-template-columns: 100px minmax(0, 1fr);
    }

    .manset-yani-modul .manset-yani-haber-one-cikan {
        min-height: 0;
    }

    .manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim img {
        height: 180px;
    }

    .manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin h4 {
        font-size: 19px;
    }
}

.manset-yani-modul {
    height: 487px;
    min-height: 487px;
    display: flex;
    flex-direction: column;
}

.manset-yani-modul .manset-yani-slider-window {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    overflow: hidden;
    border-radius: 22px;
}

.manset-yani-modul .manset-yani-slider-track {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.manset-yani-modul .manset-yani-slide {
    flex: 0 0 100%;
    min-height: 100%;
}

.manset-yani-modul .manset-yani-haber-one-cikan {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    border-radius: 22px;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim {
    flex: 0 0 56%;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim img {
    height: 100%;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin {
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 10px;
    padding: 16px 18px 18px;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin h4 {
    font-size: 17px;
}

.manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.manset-yani-modul .manset-yani-link-ipuclari {
    margin-top: auto;
}

.manset-yani-slider-nav {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 12px;
}

.manset-yani-slider-dot {
    appearance: none;
    border: 0;
    padding: 0;
    height: 5px;
    flex: 1 1 0;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.28);
    cursor: pointer;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.manset-yani-slider-dot.active {
    background: linear-gradient(90deg, #38bdf8 0%, #0f766e 100%);
    transform: scaleY(1.15);
}

@media (max-width: 1100px) {
    .manset-yani-modul {
        height: 520px;
        min-height: 520px;
    }
}

@media (max-width: 768px) {
    .manset-yani-modul {
        height: 440px;
        min-height: 440px;
    }

    .manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-resim {
        flex-basis: 52%;
    }

    .manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin {
        padding: 14px 15px 16px;
    }

    .manset-yani-modul .manset-yani-haber-one-cikan .manset-yani-metin h4 {
        font-size: 18px;
    }
}


.manset-yani-premium {
    height: 487px;
    min-height: 487px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.manset-yani-premium .manset-yani-premium-feature {
    display: block;
    text-decoration: none;
    color: #1f2937;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.manset-yani-premium .manset-yani-premium-feature:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgba(15, 23, 42, 0.10);
    border-color: #d6dbe3;
}

.manset-yani-premium-feature-media {
    position: relative;
    height: 204px;
    overflow: hidden;
    background: #ffffff;
}

.manset-yani-premium-feature-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(15, 23, 42, 0.08) 100%);
}

.manset-yani-premium-feature-strap {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: linear-gradient(90deg, rgba(122, 28, 28, 0.92) 0%, rgba(58, 17, 17, 0.86) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.20);
    backdrop-filter: blur(8px);
}

.manset-yani-premium-feature-no {
    color: #f8e7cf;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
}

.manset-yani-premium-feature-title {
    color: #fffaf3;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manset-yani-premium-feature-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
    transition: transform 0.35s ease;
    background: #ffffff;
}

.manset-yani-premium-feature:hover .manset-yani-premium-feature-media img {
    transform: scale(1.03);
}

.manset-yani-premium-feature-body {
    padding: 16px 16px 18px;
}

.manset-yani-premium-kicker {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    margin-bottom: 10px;
}

.manset-yani-premium-no {
    color: #7f1d1d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.25;
    padding-top: 3px;
}

.manset-yani-premium-label {
    display: block;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #111827;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.08;
    font-family: Georgia, "Times New Roman", serif;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.manset-yani-premium-feature h3,
.manset-yani-premium-item h4 {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.manset-yani-premium-feature h3 {
    color: #111827;
    font-size: 28px;
    line-height: 1.08;
}

.manset-yani-premium-feature p {
    margin: 0;
    color: #5b6472;
    font-size: 13px;
    line-height: 1.6;
}

.manset-yani-premium-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    justify-content: space-between;
}

.manset-yani-premium-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 88px;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #1f2937;
    padding: 8px 0;
    border-top: 1px solid #edf0f4;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.manset-yani-premium-item:hover {
    transform: translateX(2px);
    opacity: 0.95;
}

.manset-yani-premium-item-no {
    color: #b42318;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    font-family: "Segoe UI", Arial, sans-serif;
}

.manset-yani-premium-item-body h4 {
    color: #111827;
    font-size: 14px;
    line-height: 1.28;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 700;
}

.manset-yani-premium-item-body p {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: 11px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
}

.manset-yani-premium-item-media {
    width: 88px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    background: #e5e7eb;
}

.manset-yani-premium-item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1100px) {
    .manset-yani-premium {
        height: auto;
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .manset-yani-premium {
        padding: 12px;
        gap: 14px;
    }

    .manset-yani-premium-feature-media {
        height: 180px;
    }

    .manset-yani-premium-label {
        font-size: 24px;
    }

    .manset-yani-premium-feature-strap {
        left: 10px;
        right: 10px;
        bottom: 10px;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 10px;
    }

    .manset-yani-premium-feature-no {
        font-size: 15px;
    }

    .manset-yani-premium-feature-title {
        font-size: 11px;
    }

    .manset-yani-premium-item {
        grid-template-columns: 28px minmax(0, 1fr) 74px;
        gap: 10px;
    }

    .manset-yani-premium-item-media {
        width: 74px;
        height: 64px;
    }

    .manset-yani-premium-item-body h4 {
        font-size: 17px;
    }
}


.auto-haber-akisi {
    display: flex;
    flex-direction: column;
    gap: 26px;
    margin-top: 26px;
}

.auto-haber-eklenen {
    position: relative;
}

.auto-haber-ayirici {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    color: #9a3412;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.auto-haber-ayirici::before,
.auto-haber-ayirici::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: linear-gradient(90deg, rgba(154, 52, 18, 0) 0%, rgba(154, 52, 18, 0.45) 100%);
}

.auto-haber-ayirici::after {
    background: linear-gradient(90deg, rgba(154, 52, 18, 0.45) 0%, rgba(154, 52, 18, 0) 100%);
}

.auto-haber-baslik {
    font-size: 34px;
}

.auto-haber-tekil-link {
    margin-top: 22px;
    display: flex;
    justify-content: flex-start;
}

.auto-haber-tekil-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.auto-haber-tekil-link a:hover {
    transform: translateY(-1px);
    background: #ffedd5;
    border-color: #fb923c;
}

.auto-haber-sentinel {
    height: 2px;
}

@media (max-width: 768px) {
    .auto-haber-akisi {
        gap: 20px;
        margin-top: 20px;
    }

    .auto-haber-baslik {
        font-size: 28px;
    }
}


.portal-ana-govde > .manset-yani-premium {
    gap: 10px;
    padding: 12px;
    overflow: hidden;
    background: #ffffff;
    border-color: #e5e7eb;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-feature-media {
    height: 182px;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-list {
    gap: 0;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-item {
    grid-template-columns: 28px minmax(0, 1fr) 74px;
    gap: 9px;
    padding: 7px 0;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-item-body h4 {
    font-size: 13px;
    line-height: 1.22;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-item-body p {
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.3;
    -webkit-line-clamp: 1;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-item-media {
    width: 74px;
    height: 58px;
    background: #ffffff;
}

.portal-ana-govde > .manset-yani-premium .manset-yani-premium-item-media img {
    object-fit: cover;
}

@media (max-width: 1100px) {
    .portal-ana-govde > .manset-yani-premium {
        height: auto;
        min-height: 0;
    }

    .portal-ana-govde > .manset-yani-premium .manset-yani-premium-feature-media {
        height: 190px;
    }
}


body.ana-sayfa {
    background:
        radial-gradient(circle at top right, rgba(220, 38, 38, 0.08) 0%, rgba(220, 38, 38, 0) 32%),
        linear-gradient(180deg, #fdfcfb 0%, #f7f8fb 280px, #f8fafc 100%);
}

.ana-sayfa .ana-sayfa-akis {
    max-width: 1200px;
    margin: 0 auto 42px;
    padding: 0 0 14px;
    box-sizing: border-box;
    width: 100%;
}

.ana-sayfa .son-dakika-bandi {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(10px);
}

.ana-sayfa .son-dakika-baslik {
    background: linear-gradient(135deg, #fff1f2 0%, #ffffff 100%);
    color: #b91c1c;
    letter-spacing: 0.08em;
    font-size: 12px;
}

.ana-sayfa .son-dakika-listesi-kapsayici {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(248, 250, 252, 0.92) 100%);
}

.ana-sayfa .sd-link {
    color: #1f2937;
    font-weight: 600;
}

.ana-sayfa .son-dakika-navigasyon {
    background: transparent;
}

.ana-sayfa .son-dakika-navigasyon button {
    width: 38px;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.ana-sayfa .portal-ana-govde {
    gap: 24px;
    margin: 28px auto 26px;
    align-items: stretch;
}

.ana-sayfa-hero-alani {
    max-width: 1200px;
    margin: 26px auto 0;
    padding: 0 15px;
    box-sizing: border-box;
}

.ana-sayfa-reklam-bolgesi {
    max-width: 1200px;
    margin: 16px auto 0;
    padding: 0 15px;
    box-sizing: border-box;
}

.ana-sayfa-reklam-slider {
    position: relative;
    width: 100%;
    height: var(--reklam-yukseklik, 160px);
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.ana-sayfa-reklam-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.ana-sayfa-reklam-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s ease, visibility 0.7s ease;
}

.ana-sayfa-reklam-slide.aktif {
    opacity: 1;
    visibility: visible;
}

.ana-sayfa-reklam-icerik {
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.ana-sayfa-reklam-icerik img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ana-sayfa-reklam-icerik picture {
    display: block;
    width: 100%;
    height: 100%;
}

.ana-sayfa-reklam-kod {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ana-sayfa-reklam-kod > * {
    max-width: 100%;
    max-height: 100%;
}

.ana-sayfa-reklam-noktalar {
    position: absolute;
    right: 14px;
    bottom: 12px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.38);
    backdrop-filter: blur(10px);
}

.ana-sayfa-reklam-nokta {
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.48);
    padding: 0;
    cursor: pointer;
    transition: transform 0.18s ease, background-color 0.18s ease;
}

.ana-sayfa-reklam-nokta.aktif {
    background: #ffffff;
    transform: scale(1.12);
}

.ana-sayfa-reklam-ust {
    margin-top: 14px;
}

.ana-sayfa-reklam-yazarlar-ustu {
    margin-top: 22px;
}

.ana-sayfa-ek-modul {
    margin-top: 18px;
}

.ana-sayfa-manset-govde {
    margin-top: 18px !important;
    align-items: flex-start !important;
}

.ana-sayfa-manset-govde .portal-sol-blok {
    flex: 0 1 800px;
    max-width: 800px;
    min-width: 0;
}

.ana-sayfa-manset-govde > .manset-yani-premium,
.ana-sayfa-manset-govde > .reklam-manset-yani-kutu {
    flex: 0 0 350px;
    max-width: 350px;
    width: 350px;
}

.manset-ust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.manset-ust-kart {
    min-width: 0;
}

.manset-ust-kart-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    background: #ffffff;
    color: #111827;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.manset-ust-kart-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 36px rgba(15, 23, 42, 0.10);
}

.manset-ust-kart-medya {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: #e5e7eb;
}

.manset-ust-kart-medya img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.manset-ust-kart-kategori {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    background: #f59e0b;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.manset-ust-kart-icerik {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 18px;
    background: #ffffff;
}

.manset-ust-kart-tarih {
    color: #374151;
    font-size: 12px;
    line-height: 1.4;
}

.manset-ust-kart h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ana-sayfa .mega-manset {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    overflow: hidden;
    border-radius: 0;
    border: none;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.14);
    background: #101010;
}

.mega-manset-nav-outer {
    grid-column: 1;
    grid-row: 1;
    background: #111111;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.mega-manset-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ana-sayfa .mega-manset .manset-btn {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 0;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.ana-sayfa .mega-manset .manset-btn:last-child {
    border-bottom: none;
}

.ana-sayfa .mega-manset .manset-btn.active {
    background: #ef233c !important;
    color: #ffffff !important;
}

.ana-sayfa .mega-manset .manset-btn:hover {
    background: #1f2937;
}

.ana-sayfa .mega-manset .manset-wrapper {
    width: 100%;
}

.mega-manset-sahne {
    grid-column: 2;
    min-width: 0;
    overflow: hidden;
}

.mega-manset-sahne .manset-wrapper {
    min-width: 0;
}

.mega-manset-slide {
    background: #101010;
    flex: 0 0 100%;
    max-width: 100%;
}

.mega-manset-icerik {
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
    align-items: stretch;
    min-height: 332px;
}

.mega-manset-metin {
    display: flex;
    align-items: center;
    padding: 40px 38px;
    background:
        linear-gradient(90deg, #101010 0%, #101010 82%, rgba(16, 16, 16, 0.35) 100%);
}

.mega-manset-metin-ic {
    max-width: 420px;
    color: #ffffff;
}

.mega-manset-kategori {
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    padding: 7px 14px;
    background: #65a30d;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mega-manset-metin h2 {
    margin: 0 0 16px;
    font-size: clamp(28px, 3.2vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.mega-manset-metin h2 a {
    color: #ffffff;
    text-decoration: none;
}

.mega-manset-tarih {
    color: rgba(255, 255, 255, 0.84);
    font-size: 15px;
    line-height: 1.5;
}

.mega-manset-gorsel {
    display: block;
    min-height: 100%;
    background: #0f172a;
    position: relative;
    overflow: hidden;
}

.mega-manset-gorsel::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 34%;
    background:
        linear-gradient(
            90deg,
            rgba(16, 16, 16, 1) 0%,
            rgba(16, 16, 16, 0.96) 14%,
            rgba(16, 16, 16, 0.82) 28%,
            rgba(16, 16, 16, 0.58) 46%,
            rgba(16, 16, 16, 0.28) 66%,
            rgba(16, 16, 16, 0.08) 84%,
            rgba(16, 16, 16, 0) 100%
        );
    z-index: 2;
    pointer-events: none;
}

.mega-manset-gorsel::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 22%;
    background:
        linear-gradient(
            90deg,
            rgba(16, 16, 16, 0.52) 0%,
            rgba(16, 16, 16, 0.18) 62%,
            rgba(16, 16, 16, 0) 100%
        );
    filter: blur(18px);
    opacity: 0.95;
    z-index: 1;
    pointer-events: none;
}

.mega-manset-gorsel img {
    width: 100%;
    height: 100%;
    min-height: 332px;
    object-fit: cover;
    display: block;
}

.ana-sayfa .portal-ana-govde > .manset-yani-premium {
    height: auto;
    min-height: auto;
    align-self: stretch;
}

.ana-sayfa .manset-container {
    border-radius: 22px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.14);
}

.ana-sayfa .manset-content {
    padding: 90px 26px 26px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.18) 32%, rgba(2, 6, 23, 0.94) 100%);
}

.ana-sayfa .manset-content h2 {
    max-width: 88%;
    font-size: 31px;
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ana-sayfa .manset-nav-outer {
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(10px);
}

.ana-sayfa .manset-btn {
    min-width: 48px;
}

.ana-sayfa .portal-alt-govde {
    margin: 34px auto 30px;
    gap: 24px;
    align-items: stretch;
    padding: 0 15px;
    box-sizing: border-box;
}

.ana-sayfa .manset-alti-grid {
    margin: 0;
    gap: 20px;
}

.ana-sayfa .kategori-blok-kapsayici {
    padding: 0 15px;
    box-sizing: border-box;
}

.ana-sayfa .haber-kart-blok {
    border-radius: 20px;
    border-color: #e7e5e4;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
}

.ana-sayfa .haber-kart-resim-alan {
    height: 238px;
}

.ana-sayfa .haber-kart-metin-alan {
    padding: 16px 16px 18px;
}

.ana-sayfa .haber-kart-baslik {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #172033;
}

.ana-sayfa .editor-secimleri-kutu {
    margin-top: 0;
    height: auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    border-radius: 22px;
    border: 1px solid #eadfce;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
}

.ana-sayfa .editor-secimleri-baslik {
    padding: 16px 18px 14px;
    border-left: none;
    border-bottom: 1px solid #eadfce;
    background: transparent;
    color: #1f2937;
    font-size: 12px;
    letter-spacing: 0.14em;
}

.ana-sayfa .editor-secimleri-ana-resim {
    height: 210px;
}

.ana-sayfa .editor-secimleri-ana-metin {
    padding: 16px 18px 18px;
}

.ana-sayfa .editor-secimleri-ana-metin h3 {
    font-size: 22px;
    line-height: 1.22;
}

.ana-sayfa .editor-secimleri-liste {
    flex: 1;
}

.ana-sayfa .editor-secimleri-satir {
    padding: 14px 18px;
}

.ana-sayfa .yazar-blok-kapsayici {
    margin-top: 22px;
    margin-bottom: 32px;
}

.ana-sayfa .yazar-blok-baslik-bar {
    padding: 14px 18px;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(90deg, #b91c1c 0%, #ef4444 100%);
    box-shadow: 0 10px 24px rgba(220, 38, 38, 0.14);
}

.ana-sayfa .yazar-blok-kaydirici {
    padding: 24px 18px;
    border-radius: 0 0 20px 20px;
    border-color: #e7e5e4;
    background: linear-gradient(180deg, #fffdf8 0%, #f8fafc 100%);
}

.ana-sayfa .yazar-kart-kutusu {
    border-radius: 18px;
    border-color: #ebe4da;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.ana-sayfa .kategori-blok-kapsayici {
    margin-bottom: 30px;
}

.ana-sayfa .kategori-blok-baslik-bar {
    margin-bottom: 0;
    padding: 13px 18px;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(90deg, #111827 0%, #dc2626 100%);
}

.ana-sayfa .fotogaleri-blok-baslik-bar {
    background: linear-gradient(90deg, #365314 0%, #7cb342 100%);
}

.ana-sayfa .kategori-blok-govde {
    padding: 18px;
    border: 1px solid #e7e5e4;
    border-top: none;
    border-radius: 0 0 22px 22px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.ana-sayfa .kategori-blok-sol,
.ana-sayfa .kategori-sag-kart {
    border-radius: 18px;
    border-color: #ebe7df;
}

.ana-sayfa .kategori-sol-resim {
    height: 280px;
}

.ana-sayfa .kategori-sol-metin {
    padding: 18px;
}

.ana-sayfa .kategori-sol-metin h3 {
    font-size: 24px;
    line-height: 1.24;
}

.ana-sayfa .kategori-sag-metin {
    padding: 14px;
}

.ana-sayfa .kategori-sag-metin h4 {
    font-size: 15px;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .ana-sayfa .son-dakika-bandi {
        border-radius: 14px;
    }

    .ana-sayfa .manset-container {
        border-radius: 18px;
    }

    .ana-sayfa .manset-content {
        padding: 72px 18px 20px;
    }

    .ana-sayfa .manset-content h2 {
        max-width: 100%;
        font-size: 22px;
    }

    .ana-sayfa .haber-kart-resim-alan,
    .ana-sayfa .editor-secimleri-ana-resim {
        height: 200px;
    }

    .ana-sayfa .editor-secimleri-ana-metin h3,
    .ana-sayfa .kategori-sol-metin h3 {
        font-size: 20px;
    }

    .ana-sayfa .kategori-blok-govde {
        padding: 14px;
    }
}

@media (max-width: 1100px) {
    .manset-ust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mega-manset-icerik {
        grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
    }

    .mega-manset-metin {
        padding: 34px 28px;
    }
}

@media (max-width: 900px) {
    .ana-sayfa .mega-manset {
        grid-template-columns: 1fr;
    }

    .mega-manset-nav-outer {
        grid-column: 1;
        grid-row: 1;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .mega-manset-nav {
        flex-direction: row;
    }

    .ana-sayfa .mega-manset .manset-btn {
        min-height: 58px;
        font-size: 22px;
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }

    .ana-sayfa .mega-manset .manset-btn:last-child {
        border-right: none;
    }

    .ana-sayfa .mega-manset .manset-wrapper {
        width: 100%;
    }

    .mega-manset-sahne {
        grid-column: 1;
    }

    .mega-manset-icerik {
        grid-template-columns: 1fr;
    }

    .mega-manset-gorsel {
        order: -1;
    }

    .mega-manset-gorsel img {
        min-height: 280px;
    }
}

@media (max-width: 640px) {
    .ana-sayfa-hero-alani {
        margin-top: 18px;
        padding: 0 10px;
    }

    .ana-sayfa-reklam-bolgesi {
        margin-top: 12px;
        padding: 0 10px;
    }

    .ana-sayfa-reklam-slider {
        height: 120px;
        border-radius: 14px;
    }

    .ana-sayfa-reklam-noktalar {
        right: 10px;
        bottom: 10px;
        gap: 6px;
        padding: 6px 9px;
    }

    .manset-ust-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .manset-ust-kart-medya {
        height: 210px;
    }

    .manset-ust-kart-icerik {
        padding: 12px 14px 16px;
    }

    .manset-ust-kart h3 {
        font-size: 15px;
    }

    .ana-sayfa .mega-manset .manset-btn {
        min-height: 46px;
        font-size: 18px;
    }

    .mega-manset-metin {
        padding: 24px 18px 28px;
    }

    .mega-manset-metin h2 {
        font-size: 30px;
    }

    .mega-manset-tarih {
        font-size: 13px;
    }

    .mega-manset-gorsel img {
        min-height: 220px;
    }
}

.fg-slider-stage {
    touch-action: pan-y pinch-zoom;
}

.fg-thumb-serit {
    scroll-snap-type: x proximity;
}

.fg-thumb {
    scroll-snap-align: center;
}

@media (max-width: 1100px) {
    .fotogaleri-kategori-sayfa .portal-ana-govde {
        flex-direction: column;
        gap: 22px;
        margin: 26px auto 34px;
    }

    .fotogaleri-kategori-sayfa .portal-sol-blok,
    .fotogaleri-kategori-sayfa .reklam-manset-yani-kutu {
        max-width: 100%;
        width: 100%;
        flex: 1 1 auto;
    }
}

@media (max-width: 992px) {
    .fg-page-shell {
        padding: 14px 12px 22px;
    }

    .fg-full-slider {
        min-height: 0;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .fg-slider-stage {
        min-height: 600px;
        height: min(76vh, 760px);
        max-height: none;
    }

    .fg-slider-bilgi {
        max-width: calc(100% - 40px);
    }

    .fg-slider-ozet {
        max-width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .fg-full-slider {
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.34);
    }

    .fg-slider-stage {
        min-height: 520px;
        height: min(72svh, 620px);
    }

    .fg-slide::after {
        background: linear-gradient(180deg, rgba(2, 6, 23, 0.12) 0%, rgba(2, 6, 23, 0.36) 48%, rgba(2, 6, 23, 0.96) 100%);
    }

    .fg-fullscreen-btn {
        display: none;
    }

    .fg-slider-bilgi {
        bottom: 18px;
    }

    .fg-slider-bilgi h1 {
        line-height: 1.08;
        max-width: 100%;
    }

    .fg-slider-sayac {
        margin-top: 12px;
    }

    .fg-thumb-serit {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        gap: 10px;
        padding: 12px;
        background: rgba(2, 6, 23, 0.92);
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: none;
    }

    .fg-thumb {
        width: 92px;
        height: 60px;
        border-radius: 12px;
    }
}

@media (max-width: 560px) {
    .fg-page-shell {
        padding: 8px 8px 18px;
    }

    .fg-full-slider {
        border-radius: 18px;
    }

    .fg-slider-stage {
        min-height: 460px;
        height: calc(100svh - 146px);
    }

    .fg-slider-ust-yerlesim {
        top: 10px;
        left: 10px;
        right: 10px;
    }

    .fg-back-link {
        padding: 8px 11px;
        font-size: 11px;
    }

    .fg-slider-ok {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }

    .fg-slider-ok-sol {
        left: 10px;
    }

    .fg-slider-ok-sag {
        right: 10px;
    }

    .fg-slider-bilgi {
        left: 12px;
        right: 12px;
        bottom: 14px;
    }

    .fg-slider-kategori {
        padding: 7px 10px;
        font-size: 11px;
        letter-spacing: 0.06em;
    }

    .fg-slider-bilgi h1 {
        font-size: clamp(22px, 8vw, 30px);
        margin: 10px 0 8px;
    }

    .fg-slider-ozet {
        font-size: 13px;
        line-height: 1.45;
        -webkit-line-clamp: 2;
    }

    .fg-thumb-serit {
        gap: 8px;
        padding: 10px;
    }

    .fg-thumb {
        width: 76px;
        height: 52px;
        border-radius: 10px;
    }
}

/* Ana sayfa mobil manset: tam gorsel, nokta navigasyonu ve sade ust akis */
.ana-sayfa-reklam-ust-mobil {
    display: none;
}

@media (max-width: 768px) {
    body.ana-sayfa .ana-sayfa-reklam-ust .ana-sayfa-reklam-slider {
        height: auto !important;
        aspect-ratio: 3 / 1 !important;
    }

    .ana-sayfa .finance-ticker-container,
    .ana-sayfa .servis-masa-wrap,
    .ana-sayfa .gundem-pano-wrap {
        display: none !important;
    }

    .ana-sayfa .yazar-gundem-kaydirici {
        gap: 16px;
        scroll-snap-type: x mandatory;
    }

    .ana-sayfa .yazar-gundem-kart {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .ana-sayfa .canli-gundem-band {
        margin: 10px auto 8px;
        padding: 0;
    }

    .ana-sayfa .canli-gundem-card {
        grid-template-columns: 104px minmax(0, 1fr);
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .ana-sayfa .canli-gundem-head {
        display: flex;
        align-items: center;
        padding: 10px 12px;
        border-right: 1px solid #eadfce;
        border-bottom: 0;
    }

    .ana-sayfa .canli-gundem-head strong {
        font-family: inherit;
        font-size: 15px;
        line-height: 1.15;
    }

    .ana-sayfa .canli-gundem-flow {
        padding: 6px 0;
    }

    .ana-sayfa .canli-gundem-item {
        gap: 8px;
        padding: 6px 10px;
    }

    .ana-sayfa .canli-gundem-title {
        font-family: inherit;
        font-size: 14px;
    }

    .ana-sayfa .ana-sayfa-reklam-bolgesi {
        margin-top: 8px;
        padding: 0;
    }

    .ana-sayfa .ana-sayfa-reklam-slider {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .ana-sayfa .ana-sayfa-reklam-ust-mobil .ana-sayfa-reklam-slider {
        height: auto;
        aspect-ratio: 12 / 5;
    }

    .ana-sayfa .ana-sayfa-ust-reklamlar.mobil-reklam-var .ana-sayfa-reklam-ust {
        display: none;
    }

    .ana-sayfa .ana-sayfa-ust-reklamlar.mobil-reklam-var .ana-sayfa-reklam-ust-mobil {
        display: block;
    }

    .ana-sayfa .ana-sayfa-hero-alani {
        display: none;
    }

    .ana-sayfa .ana-sayfa-manset-govde {
        display: block;
        width: 100%;
        max-width: none;
        margin: 12px 0 22px !important;
        padding: 0;
    }

    .ana-sayfa .ana-sayfa-manset-govde .portal-sol-blok {
        width: 100%;
        max-width: none;
    }

    .ana-sayfa .ana-sayfa-manset-govde > .manset-yani-premium,
    .ana-sayfa .ana-sayfa-manset-govde > .reklam-manset-yani-kutu {
        display: none !important;
    }

    .ana-sayfa .manset-container {
        border: 0;
        border-radius: 0;
        background: #fff;
        box-shadow: none;
    }

    .ana-sayfa .manset-wrapper {
        touch-action: pan-y;
    }

    .ana-sayfa .manset-slide img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .ana-sayfa .manset-ok {
        display: none;
    }

    .ana-sayfa .manset-nav-outer {
        overflow-x: auto;
        padding: 14px 8px;
        background: #fff;
        scrollbar-width: none;
    }

    .ana-sayfa .manset-nav-outer::-webkit-scrollbar {
        display: none;
    }

    .ana-sayfa .manset-nav,
    .ana-sayfa .manset-nav.manset-nav-sinirli {
        width: max-content;
        min-width: 100%;
        justify-content: center;
        gap: 6px;
        padding: 0;
    }

    .ana-sayfa .manset-btn,
    .ana-sayfa .manset-nav-sinirli .manset-btn {
        flex: 0 0 17px !important;
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;
        height: 17px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #3f3f3f !important;
        color: transparent !important;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    .ana-sayfa .manset-btn.active,
    .ana-sayfa .manset-btn:hover,
    .ana-sayfa .manset-btn:focus-visible {
        background: #e11d2e !important;
        transform: none !important;
    }
}

body.fotogaleri-kategori-sayfa {
    background:
        radial-gradient(circle at top right, rgba(124, 179, 66, 0.10) 0%, rgba(124, 179, 66, 0) 34%),
        linear-gradient(180deg, #fbfcfe 0%, #f3f6fb 100%);
}

.fotogaleri-kategori-sayfa .portal-ana-govde {
    gap: 24px;
    margin: 28px auto 36px;
}

.fotogaleri-kategori-sayfa .kategori-sayfa-baslik-kusak {
    padding: 20px 22px;
    margin-bottom: 22px;
    border-left: none;
    border-radius: 22px;
    background: linear-gradient(135deg, #101828 0%, #203247 55%, #7cb342 100%);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12);
}

.fotogaleri-kategori-sayfa .sondakika-liste-aks {
    gap: 18px;
}

.fotogaleri-kategori-sayfa .fg-kategori-kart {
    border-radius: 22px;
    border-color: #dbe4ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.07);
}

.fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-resim {
    width: 260px;
    height: 180px;
}

.fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-metin {
    padding: 18px 18px 18px 20px;
}

.fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-baslik {
    font-size: 22px;
    line-height: 1.22;
}

.fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-ozet {
    font-size: 14px;
    line-height: 1.6;
    -webkit-line-clamp: 3;
}

@media (max-width: 768px) {
    .fotogaleri-kategori-sayfa .portal-ana-govde {
        margin: 18px auto 26px;
        gap: 18px;
    }

    .fotogaleri-kategori-sayfa .kategori-sayfa-baslik-kusak {
        padding: 16px 16px;
        border-radius: 18px;
        font-size: 18px;
        margin-bottom: 16px;
    }

    .fotogaleri-kategori-sayfa .fg-kategori-kart {
        border-radius: 18px;
    }

    .fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-resim {
        width: 100%;
        height: 220px;
    }

    .fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-metin {
        padding: 16px;
    }

    .fotogaleri-kategori-sayfa .fg-kategori-kart .sondakika-satir-baslik {
        font-size: 20px;
    }
}


.ilgi-editoryal-blok {
    margin: 34px 0 10px;
    padding: 22px;
    background: linear-gradient(180deg, #fffdfa 0%, #ffffff 100%);
    border: 1px solid #e6ddd3;
    border-radius: 22px;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.ilgi-editoryal-blok::before {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    top: 0;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #7f1d1d 0%, #dc2626 52%, #f59e0b 100%);
}

.ilgi-editoryal-blok .ilgi-baslik-alani {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

.ilgi-editoryal-blok .ilgi-etiket {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff1f2;
    color: #9f1239;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ilgi-editoryal-blok .ilgi-baslik {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.03em;
    line-height: 1.05;
    text-transform: none;
    font-family: Georgia, "Times New Roman", serif;
}

.ilgi-editoryal-blok .ilgi-aciklama {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
}

.ilgi-editoryal-blok .ilgi-Izgara {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
}

.ilgi-editoryal-blok .ilgi-kart {
    text-decoration: none;
    color: #111827;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #ffffff;
    border: 1px solid #ebe5dd;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ilgi-editoryal-blok .ilgi-kart:hover {
    transform: translateY(-3px);
    border-color: #ddc7b2;
    box-shadow: 0 20px 36px rgba(15, 23, 42, 0.09);
}

.ilgi-editoryal-blok .ilgi-resim-alan {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f1f5f9;
}

.ilgi-editoryal-blok .ilgi-resim-alan img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.ilgi-editoryal-blok .ilgi-kart:hover .ilgi-resim-alan img {
    transform: scale(1.03);
}

.ilgi-editoryal-blok .ilgi-kart-ust {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(17, 24, 39, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    backdrop-filter: blur(12px);
    color: #ffffff;
}

.ilgi-editoryal-blok .ilgi-kart-no {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    color: #fbbf24;
    font-family: Georgia, "Times New Roman", serif;
}

.ilgi-editoryal-blok .ilgi-kart-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.ilgi-editoryal-blok .ilgi-kart-icerik {
    padding: 16px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ilgi-editoryal-blok .ilgi-alt-baslik {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: #121926;
    line-height: 1.12;
    letter-spacing: -0.03em;
    font-family: Georgia, "Times New Roman", serif;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ilgi-editoryal-blok .ilgi-kart-ozet {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ilgi-editoryal-blok .ilgi-kart-alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 2px;
    border-top: 1px solid #eee7de;
}

.ilgi-editoryal-blok .ilgi-kart-tarih {
    color: #9ca3af;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ilgi-editoryal-blok .ilgi-kart-link {
    color: #991b1b;
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 768px) {
    .ilgi-editoryal-blok {
        padding: 18px;
        border-radius: 18px;
    }

    .ilgi-editoryal-blok .ilgi-baslik {
        font-size: 24px;
    }

    .ilgi-editoryal-blok .ilgi-Izgara {
        grid-template-columns: 1fr;
    }

    .ilgi-editoryal-blok .ilgi-resim-alan {
        height: 210px;
    }

    .ilgi-editoryal-blok .ilgi-alt-baslik {
        font-size: 22px;
    }
}


.manset-nav-outer {
    background: linear-gradient(180deg, #172131 0%, #0f172a 100%);
    padding: 10px 12px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.manset-nav {
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    margin: 0;
    flex-wrap: nowrap;
    gap: 8px;
}

.manset-nav.manset-nav-sinirli {
    width: max-content;
    max-width: 100%;
    justify-content: flex-start;
}

.manset-btn {
    flex: 1 1 0;
    min-width: 38px;
    max-width: 44px;
    height: 38px;
    background: rgba(255, 255, 255, 0.06);
    color: #cbd5e1;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    border-right: none;
}

.manset-nav.manset-nav-sinirli .manset-btn {
    flex: 0 0 auto;
}

.manset-btn.active {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
    color: #ffffff !important;
    border-color: rgba(248, 113, 113, 0.7);
    box-shadow: 0 10px 18px rgba(220, 38, 38, 0.22);
}

.manset-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
    transform: translateY(-1px);
}

.ana-sayfa .manset-btn {
    min-width: 42px;
}

@media (max-width: 768px) {
    .manset-nav-outer {
        padding: 8px 10px;
        overflow-x: auto;
    }

    .manset-nav {
        width: 100%;
        justify-content: center;
        padding: 2px 0;
    }
}

.site-footer {
    background: linear-gradient(180deg, #1e293b 0%, #162233 100%);
    color: #94a3b8;
    padding: 40px 0 20px;
    margin-top: 50px;
    font-family: sans-serif;
}

.site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: grid;
    grid-template-columns: minmax(240px, 1.1fr) minmax(220px, 0.9fr) minmax(280px, 1fr);
    gap: 30px;
}

.site-footer-column {
    min-width: 0;
}

.site-footer-title {
    color: #ffffff;
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700;
}

.site-footer-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #cbd5e1;
}

.site-footer-heading {
    color: #ffffff;
    margin: 0 0 15px;
    font-size: 16px;
    border-bottom: 2px solid #ef4444;
    padding-bottom: 5px;
    display: inline-block;
}

.site-footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 14px;
}

.site-footer-menu a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.18s ease;
}

.site-footer-menu a:hover {
    color: #ffffff;
}

.site-footer-contact {
    justify-self: end;
    width: 100%;
    max-width: 372px;
    text-align: left;
}

.site-footer-contact-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    box-sizing: border-box;
}

.site-footer-meta-line {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.site-footer-meta-line:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.site-footer-meta-line strong {
    color: #e2e8f0;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-footer-meta-line a {
    color: #f8fafc;
    text-decoration: none;
    font-size: 14px;
    word-break: break-word;
}

.site-footer-socials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 0;
}

.site-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 999px;
    text-decoration: none;
    color: #dbe4f0;
    background: transparent !important;
    font-size: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: none;
    transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease;
}

.site-footer-social-link:hover {
    transform: translateY(-1px);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.05) !important;
}

.site-footer-social-link svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-footer-social-link.footer-social-youtube svg {
    width: 15px;
    height: 15px;
}

.site-footer-bottom {
    max-width: 1200px;
    margin: 30px auto 0;
    padding: 15px 15px 0;
    border-top: 1px solid #334155;
    text-align: center;
    font-size: 12px;
    color: #64748b;
}

.floating-whatsapp-link {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px 12px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 20px 38px rgba(22, 163, 74, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.floating-whatsapp-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 44px rgba(22, 163, 74, 0.34);
    filter: saturate(1.05);
}

.floating-whatsapp-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.floating-whatsapp-text {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.floating-scroll-top-btn {
    position: fixed;
    right: 18px;
    bottom: 92px;
    z-index: 1199;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: 16px;
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 34px rgba(220, 38, 38, 0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.floating-scroll-top-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 40px rgba(220, 38, 38, 0.34);
    filter: saturate(1.04);
}

.floating-scroll-top-icon {
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

@media (max-width: 900px) {
    .site-footer-inner {
        grid-template-columns: 1fr;
    }

    .site-footer-contact {
        justify-self: stretch;
        max-width: none;
    }

    .site-footer-contact-card {
        align-items: flex-start;
    }

    .site-footer-socials {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .floating-scroll-top-btn {
        right: 12px;
        bottom: 82px;
        width: 50px;
        height: 50px;
        border-radius: 14px;
    }

    .floating-scroll-top-icon {
        font-size: 24px;
    }

    .floating-whatsapp-link {
        right: 12px;
        bottom: 12px;
        padding: 10px 14px 10px 10px;
    }

    .floating-whatsapp-icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .floating-whatsapp-text {
        font-size: 13px;
    }
}


body.iletisim-sayfa {
    background:
        radial-gradient(circle at top left, rgba(220, 38, 38, 0.10), transparent 28%),
        linear-gradient(180deg, #fffaf7 0%, #f7f4ef 100%);
}

.iletisim-page-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 34px 16px 56px;
    box-sizing: border-box;
}

.iletisim-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
    gap: 20px;
    margin-bottom: 24px;
    padding: 34px;
    background: linear-gradient(135deg, rgba(255, 252, 249, 0.98) 0%, rgba(255, 255, 255, 0.94) 100%);
    border: 1px solid rgba(192, 132, 86, 0.18);
    border-radius: 28px;
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08);
}

.iletisim-hero-copy h1 {
    margin: 10px 0 14px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -0.04em;
    color: #111827;
    font-family: Georgia, "Times New Roman", serif;
}

.iletisim-hero-copy p {
    margin: 0;
    max-width: 700px;
    font-size: 17px;
    line-height: 1.8;
    color: #475569;
}

.iletisim-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff1f2;
    color: #9f1239;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.iletisim-hero-badges {
    display: grid;
    gap: 14px;
    align-content: center;
}

.iletisim-badge {
    padding: 18px 18px 20px;
    background: linear-gradient(180deg, #fff 0%, #fff8f2 100%);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.iletisim-badge strong {
    display: block;
    margin-bottom: 8px;
    color: #1f2937;
    font-size: 16px;
    font-weight: 800;
}

.iletisim-badge span {
    display: block;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.iletisim-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.85fr);
    gap: 24px;
    align-items: start;
}

.iletisim-form-card,
.iletisim-side-card {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(203, 213, 225, 0.65);
    border-radius: 26px;
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.07);
    box-sizing: border-box;
}

.iletisim-form-card {
    padding: 30px;
}

.iletisim-card-head {
    margin-bottom: 20px;
}

.iletisim-card-head h2 {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #0f172a;
    font-family: Georgia, "Times New Roman", serif;
}

.iletisim-card-head p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

.iletisim-bildirim {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
}

.iletisim-bildirim-ok {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.iletisim-bildirim-hata {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.iletisim-bildirim-uyari {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

.iletisim-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.iletisim-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.iletisim-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.iletisim-field span {
    color: #334155;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.iletisim-field input,
.iletisim-field textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #d7dde6;
    border-radius: 16px;
    background: #fffdfb;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.5;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.iletisim-field input:focus,
.iletisim-field textarea:focus {
    outline: none;
    border-color: #f97316;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12);
    background: #ffffff;
}

.iletisim-field textarea {
    min-height: 190px;
    resize: vertical;
}

.iletisim-form-alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding-top: 4px;
}

.iletisim-form-alt p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.iletisim-gonder-btn {
    min-width: 210px;
    padding: 15px 24px;
    border: none;
    border-radius: 16px;
    background: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 16px 30px rgba(220, 38, 38, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.iletisim-gonder-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 34px rgba(220, 38, 38, 0.26);
    filter: saturate(1.08);
}

.iletisim-side-column {
    display: grid;
    gap: 18px;
}

.iletisim-side-card {
    padding: 24px;
}

.iletisim-side-card h3 {
    margin: 0 0 16px;
    color: #111827;
    font-size: 26px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-family: Georgia, "Times New Roman", serif;
}

.iletisim-side-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px;
}

.iletisim-side-card li {
    display: grid;
    gap: 4px;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.iletisim-side-card strong {
    color: #7f1d1d;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.iletisim-side-card a {
    color: #0f172a;
    font-weight: 700;
    text-decoration: none;
    word-break: break-word;
}

.iletisim-side-card-vurgu {
    background: linear-gradient(180deg, #fffaf3 0%, #fff 100%);
    border-color: rgba(217, 119, 6, 0.2);
}

.iletisim-mini-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.iletisim-mini-list span {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(217, 119, 6, 0.14);
    border-radius: 16px;
    color: #7c2d12;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    box-sizing: border-box;
}

.iletisim-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 991px) {
    .iletisim-hero,
    .iletisim-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .iletisim-page-shell {
        padding: 22px 14px 42px;
    }

    .iletisim-hero,
    .iletisim-form-card,
    .iletisim-side-card {
        padding: 20px;
        border-radius: 22px;
    }

    .iletisim-form-grid,
    .iletisim-mini-list {
        grid-template-columns: 1fr;
    }

    .iletisim-form-alt {
        flex-direction: column;
        align-items: stretch;
    }

    .iletisim-gonder-btn {
        width: 100%;
        min-width: 0;
    }
}




.header-desktop-actions {
    display: flex;
    align-items: center;
}

.header-mobile-actions,
.mobile-menu-panel {
    display: none;
}

.mobile-menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,0.24);
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.mobile-menu-toggle-icon {
    font-size: 18px;
    line-height: 1;
}

.mobile-search-btn {
    width: 40px;
    height: 40px;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
}

.mobile-menu-panel {
    background: #ffffff;
    border-bottom: 1px solid #dbe3ee;
    box-shadow: 0 20px 40px rgba(15,23,42,0.12);
}

.mobile-menu-panel-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 15px 18px;
    display: grid;
    gap: 14px;
}

.mobile-menu-group {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #f8fafc;
}

.mobile-menu-heading {
    padding: 12px 14px;
    background: #eef2f7;
    color: #0f172a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu-list li + li {
    border-top: 1px solid #e2e8f0;
}

.mobile-menu-link {
    display: block;
    padding: 14px;
    color: #111827;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

.mobile-menu-link:hover {
    background: #ffffff;
    color: #dc2626;
}

@media (max-width: 768px) {
    .header-top {
        padding: 10px 0;
    }

    .header-top-container {
        gap: 12px;
    }

    .site-logo-link {
        font-size: 20px;
    }

    .site-logo-link span {
        font-size: 20px;
    }

    .header-desktop-actions,
    .header-bottom {
        display: none !important;
    }

    .header-mobile-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto;
    }

    .main-header.mobil-menu-acik .mobile-menu-panel {
        display: block;
        max-height: calc(100vh - 64px);
        max-height: calc(100dvh - 64px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: stable;
    }

    .main-header.mobil-menu-acik .mobile-menu-panel-inner {
        min-height: min-content;
        padding-bottom: calc(24px + env(safe-area-inset-bottom));
    }

    .header-search-bar {
        position: relative;
        z-index: 3;
    }
}




.yorumlar-blok {
    margin-top: 30px;
}

.yorumlar-blok > h3 {
    margin: 0 !important;
    color: #1e293b !important;
    font-size: 16px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding-bottom: 8px !important;
}

.yorumlar-blok > p {
    margin-top: 15px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-style: italic !important;
}

.trend-haberler-kutu {
    background: #ffffff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.trend-haberler-kutu > h3 {
    margin: 0 0 15px 0 !important;
    font-size: 16px !important;
    border-bottom: 2px solid #ef4444 !important;
    padding-bottom: 5px !important;
    color: #1e293b !important;
}

.trend-haberler-liste {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.trend-haberler-item {
    display: grid;
    grid-template-columns: 20px 60px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    text-decoration: none;
    color: #334155;
    min-width: 0;
}

.trend-haberler-no {
    font-size: 18px;
    font-weight: 700;
    color: #94a3b8;
    text-align: center;
}

.trend-haberler-thumb {
    width: 60px;
    height: 45px;
    border-radius: 4px;
    object-fit: cover;
    display: block;
}

.trend-haberler-title {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.makale-yazar-karti {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e8f0;
}

.makale-yazar-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 72px;
}

.makale-yazar-bilgi {
    min-width: 0;
}

.makale-yazar-isim {
    font-weight: 700;
    color: #1e293b;
    font-size: 18px;
}

.makale-yazar-unvan {
    color: #64748b;
    font-size: 14px;
}

.detay-metin-metni {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.detay-metin-metni img,
.detay-metin-metni video,
.detay-metin-metni canvas,
.detay-metin-metni svg {
    max-width: 100%;
    height: auto;
}

.detay-metin-metni iframe,
.detay-metin-metni embed,
.detay-metin-metni object {
    width: 100%;
    max-width: 100%;
    min-height: 240px;
}

.detay-metin-metni table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    border-collapse: collapse;
}

.detay-metin-metni pre {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
}

@media (max-width: 1100px) {
    .portal-ana-govde {
        flex-direction: column;
        gap: 18px;
        margin: 22px auto 30px;
    }

    .portal-sol-blok,
    .portal-sag-blok.detay-sag-sticky,
    .portal-ana-govde > .reklam-manset-yani-kutu,
    .portal-ana-govde > .manset-yani-premium,
    .portal-alt-sol {
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto;
    }

    .reklam-manset-yani-kutu,
    .editor-secimleri-kutu,
    .super-lig-kutu {
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto;
        height: auto;
    }

    .manset-yani-liste {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .site-footer-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .portal-ana-govde,
    .portal-alt-govde,
    .ana-sayfa .ana-sayfa-akis,
    .kategori-blok-kapsayici,
    .servis-masa-wrap,
    .yazar-gundem-kapsayici {
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .manset-slide img {
        height: clamp(260px, 44vw, 360px);
    }

    .kategori-manset-vitrin .manset-slide img {
        height: clamp(240px, 42vw, 340px);
    }

    .manset-ok {
        width: 36px;
        height: 36px;
        font-size: 17px;
    }

    .detay-kapsayici {
        padding: 20px;
    }

    .detay-resim-alani {
        max-height: none;
    }

    .detay-resim-alani img {
        aspect-ratio: 16 / 9;
    }

    .yazar-arsiv-profil-kart {
        padding: 18px;
        gap: 16px;
    }

    .yazar-arsiv-daire {
        width: 88px;
        height: 88px;
    }

    .makale-satir-kart {
        padding: 14px 15px;
    }
}

@media (max-width: 768px) {
    .portal-ana-govde,
    .portal-alt-govde {
        margin: 16px auto 24px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 16px;
    }

    .manset-slide img,
    .kategori-manset-vitrin .manset-slide img {
        height: clamp(220px, 56vw, 300px);
    }

    .manset-ok {
        top: auto;
        bottom: 16px;
        transform: none;
        background: rgba(17, 24, 39, 0.8);
    }

    .manset-ok-sol {
        left: 10px;
    }

    .manset-ok-sag {
        right: 10px;
    }

    .manset-btn {
        min-width: 34px;
        height: 34px;
        font-size: 13px;
    }

    .kategori-sayfa-baslik-kusak {
        padding: 14px 15px;
        margin-bottom: 16px;
        font-size: 17px;
    }

    .detay-kapsayici {
        padding: 16px;
    }

    .detay-baslik {
        font-size: 24px;
        line-height: 1.25;
    }

    .detay-spot {
        padding: 13px;
        font-size: 15px;
    }

    .haber-meta-satir {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .haber-paylas-btn {
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    .detay-metin-metni {
        font-size: 15px;
        line-height: 1.75;
    }

    .haber-detay-ici-reklam {
        float: none;
        width: 100%;
        max-width: 340px;
        min-height: 0;
        margin: 0 auto 18px auto;
    }

    .haber-detay-sonu-reklam {
        max-width: 100%;
        margin: 18px 0 24px 0;
    }

    .detay-metin-metni iframe,
    .detay-metin-metni embed,
    .detay-metin-metni object {
        min-height: 220px;
    }

    .yorum-form-kart,
    .trend-haberler-kutu {
        padding: 16px;
    }

    .yorum-liste-ust,
    .makale-satir-ust,
    .makale-yazar-karti,
    .yazar-arsiv-profil-kart {
        flex-direction: column;
        align-items: flex-start;
    }

    .yazar-arsiv-daire {
        width: 80px;
        height: 80px;
    }

    .makale-yazar-avatar {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }

    .makale-yazar-isim,
    .yazar-arsiv-isim {
        font-size: 18px;
    }

    .trend-haberler-item {
        grid-template-columns: 18px 54px minmax(0, 1fr);
        gap: 8px;
    }

    .trend-haberler-thumb {
        width: 54px;
        height: 42px;
    }

    .manset-yani-liste {
        grid-template-columns: 1fr;
    }

    .site-footer-menu {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .header-top-container,
    .search-form-inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .site-logo-link,
    .site-logo-link span {
        font-size: 18px;
    }

    .manset-slide img,
    .kategori-manset-vitrin .manset-slide img {
        height: 220px;
    }

    .manset-btn {
        min-width: 32px;
        height: 32px;
    }

    .detay-baslik {
        font-size: 20px;
    }

    .kategori-sayfa-baslik-kusak {
        font-size: 16px;
        letter-spacing: 0.02em;
    }

    .floating-whatsapp-link {
        padding: 10px;
    }

    .floating-whatsapp-text {
        display: none;
    }
}

/* Mobil ana sayfa son katman: yalnizca tek standart manset */
.haber-anahtar-kelimeler{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.haber-anahtar-kelimeler span{padding:7px 11px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px}.haber-galeri{margin:28px 0}.haber-galeri h2{margin:0 0 16px;color:#111827;font-size:22px}.haber-galeri-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.haber-galeri-kart{padding:0;border:0;border-radius:14px;overflow:hidden;background:#e5e7eb;cursor:pointer;aspect-ratio:16/10}.haber-galeri-kart img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.haber-galeri-kart:hover img{transform:scale(1.03)}.haber-galeri-modal{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;padding:50px;background:rgba(2,6,23,.94);box-sizing:border-box}.haber-galeri-modal.aktif{display:flex}.haber-galeri-modal>img{display:block;max-width:min(1100px,calc(100vw - 120px));max-height:calc(100vh - 100px);object-fit:contain}.haber-galeri-kapat,.haber-galeri-ok{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;cursor:pointer}.haber-galeri-kapat{top:18px;right:18px;width:44px;height:44px;font-size:30px}.haber-galeri-ok{top:50%;width:48px;height:48px;transform:translateY(-50%);font-size:34px}.haber-galeri-ok.sol{left:20px}.haber-galeri-ok.sag{right:20px}.haber-galeri-sayac{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700}.haber-galeri-modal button:hover{background:#dc2626}@media(max-width:768px){.haber-galeri-grid{grid-template-columns:1fr}.haber-galeri-modal{padding:54px 12px}.haber-galeri-modal>img{max-width:100%;max-height:calc(100vh - 120px)}.haber-galeri-ok{width:40px;height:40px;font-size:28px}.haber-galeri-ok.sol{left:8px}.haber-galeri-ok.sag{right:8px}}

@media (max-width: 768px) {
    body.ana-sayfa .ana-sayfa-reklam-ust.mobil-gorsel-var .ana-sayfa-reklam-slider {
        height: auto !important;
        aspect-ratio: 12 / 5;
    }

    body.ana-sayfa .ana-sayfa-hero-alani,
    body.ana-sayfa .manset-ust-grid,
    body.ana-sayfa .ana-sayfa-ek-modul,
    body.ana-sayfa .mega-manset {
        display: none !important;
    }

    body.ana-sayfa .ana-sayfa-manset-govde {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 12px 0 22px !important;
        padding: 0 !important;
    }

    body.ana-sayfa .ana-sayfa-manset-govde .portal-sol-blok {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.ana-sayfa .ana-sayfa-manset-govde > .manset-yani-premium,
    body.ana-sayfa .ana-sayfa-manset-govde > .reklam-manset-yani-kutu {
        display: none !important;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container {
        width: 100% !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-wrapper {
        touch-action: pan-y;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-slide img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-ok {
        display: none !important;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-nav-outer {
        overflow-x: auto !important;
        padding: 14px 8px !important;
        background: #fff !important;
        border: 0 !important;
        scrollbar-width: none;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-nav {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 0 !important;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-btn {
        flex: 0 0 17px !important;
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;
        height: 17px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #3f3f3f !important;
        color: transparent !important;
        font-size: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.ana-sayfa .portal-sol-blok > .manset-container .manset-btn.active {
        background: #e11d2e !important;
    }

    body.ana-sayfa .yazar-gundem-ok {
        display: flex !important;
        align-items: center;
        justify-content: center;
        top: 50%;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        transform: translateY(-50%);
        background: rgba(17, 24, 39, 0.82);
        font-size: 18px;
    }

    body.ana-sayfa .yazar-gundem-ok.sol {
        left: 6px;
    }

    body.ana-sayfa .yazar-gundem-ok.sag {
        right: 6px;
    }
}

/* 2026-07-27/29 sohbet gecmisinden yeniden olusturulan son katman */
.top-menu > li{position:relative}
.top-submenu{position:absolute;z-index:10020;top:calc(100% + 10px);left:0;min-width:220px;margin:0;padding:8px;list-style:none;background:#ff0909;border-radius:0 0 5px 5px;box-shadow:0 14px 28px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:opacity .18s ease .35s,transform .18s ease .35s,visibility 0s linear .53s}
.top-submenu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}
.top-menu-has-children:hover>.top-submenu,.top-menu-has-children:focus-within>.top-submenu{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.top-menu-has-children:hover>.top-menu-link,.top-menu-has-children:focus-within>.top-menu-link{background:#ff0909;color:#fff}
.top-submenu li+li{border-top:1px solid rgba(255,255,255,.14)}
.top-submenu a{display:block;padding:10px 12px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
.top-submenu a:hover,.top-submenu a:focus{background:rgba(255,255,255,.16)}
.mobile-submenu{margin:0;padding:0 0 8px 20px;list-style:none;background:#fff}
.mobile-submenu li{border-top:1px solid #eef2f7!important}
.mobile-submenu a{display:block;padding:11px 14px;color:#475569;text-decoration:none;font-size:14px;font-weight:700}
.mobile-submenu a::before{content:"\203A";display:inline-block;margin-right:8px;color:#ef2020;font-size:18px;font-weight:900;line-height:1}
.site-footer-subcategories .site-footer-heading a{color:inherit;text-decoration:none}
.floating-instagram-link{position:fixed;z-index:99990;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border:2px solid rgba(255,255,255,.8);border-radius:999px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#515bd4 0%,#8134af 28%,#dd2a7b 56%,#f58529 78%,#feda77 100%);box-shadow:0 12px 28px rgba(49,18,69,.35);transition:transform .2s ease,box-shadow .2s ease}
.floating-instagram-link:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(49,18,69,.42)}
.floating-instagram-icon{display:grid;place-items:center;width:34px;height:34px}
.floating-instagram-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2}
.floating-instagram-icon .instagram-dot{fill:currentColor;stroke:none}
.floating-instagram-text{font-size:14px;font-weight:800}
.site-genel-reklam-ust{margin-top:0}
[data-slider-wrapper],[data-reklam-slider],[data-manset-yani-slider],#sdKapsayici{touch-action:pan-y}

.manset-yani-premium-item,
.ana-sayfa .ana-sayfa-manset-govde > .manset-yani-premium .manset-yani-premium-item {
    width:100%;
    grid-template-columns:minmax(0,1fr) 74px!important;
    box-sizing:border-box;
}
.manset-yani-premium-item-body,
.ana-sayfa .ana-sayfa-manset-govde > .manset-yani-premium .manset-yani-premium-item-body{min-width:0}
.editor-secimleri-satir,.ana-sayfa .editor-secimleri-satir{grid-template-columns:minmax(0,1fr)}

.ana-sayfa :where(.ana-sayfa-hero-alani,.ana-sayfa-manset-govde,.ana-sayfa-akis){font-family:"Segoe UI",Arial,sans-serif}
.ana-sayfa :where(.ana-sayfa-hero-alani,.ana-sayfa-manset-govde,.ana-sayfa-akis) :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,time,button,label,input,select,textarea){font-family:inherit!important}

.site-footer-social-link{
    width:32px;
    min-width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:5px;
    color:#fff;
    background:#334155;
    box-shadow:0 3px 8px rgba(0,0,0,.18);
    transition:transform .18s ease,filter .18s ease;
}
.site-footer-social-link:hover{transform:translateY(-2px);filter:brightness(1.1);color:#fff}
.site-footer-social-link svg{width:17px;height:17px;stroke-width:2}
.site-footer-social-link.footer-social-facebook{background:#4267a9}
.site-footer-social-link.footer-social-x{background:#16a7e0}
.site-footer-social-link.footer-social-instagram{background:#ed3c6c}
.site-footer-social-link.footer-social-youtube{background:#ff001b}
.site-footer-social-link.footer-social-whatsapp{background:#20c96b}
.site-footer-social-link.footer-social-telegram{background:#2d8bc3}
.site-footer-social-link.footer-social-youtube svg{width:18px;height:18px}

.kategori-manset-vitrin{
    margin:0 0 24px;
    border-radius:22px;
    border:1px solid rgba(226,232,240,.9);
    box-shadow:0 24px 54px rgba(15,23,42,.14);
}
.kategori-manset-vitrin .manset-slide img{height:450px}
.kategori-manset-vitrin .manset-nav-outer{background:rgba(15,23,42,.95);backdrop-filter:blur(10px)}
.kategori-manset-vitrin .manset-btn{min-width:48px}

.detay-spot{
    margin:0 0 20px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#475569;
    font-size:16px;
    font-weight:500;
    line-height:1.6;
}

@media(min-width:769px){
    .site-footer-inner{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.75fr) minmax(170px,.85fr) minmax(260px,1fr)}
}

@media(max-width:768px){
    .main-header .header-top{height:56px;min-height:56px;padding:0;background:#ff0909}
    .main-header .header-top-container{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;width:100%;height:56px;padding:0 8px;gap:4px}
    .main-header .site-logo-link{grid-column:2;grid-row:1;justify-self:center;max-width:100%;min-width:0}
    .main-header .site-logo-img{width:auto;height:46px;max-width:min(100%,230px);object-fit:contain}
    .main-header .header-mobile-actions{display:contents}
    .main-header .mobile-menu-toggle{grid-column:1;grid-row:1;justify-self:start;order:0;width:42px;height:42px;padding:0;justify-content:center;border:0;border-radius:0;background:transparent}
    .main-header .mobile-menu-toggle span:not(.mobile-menu-toggle-icon){display:none}
    .main-header .mobile-menu-toggle-icon{font-size:25px;font-weight:400}
    .main-header .mobile-search-btn{grid-column:3;grid-row:1;justify-self:end;order:2;width:42px;height:42px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:0}
    .main-header .mobile-search-btn::before{content:"\1F50D";font-size:18px;filter:grayscale(1) brightness(0) invert(1)}
    .site-genel-reklam-ust.mobil-gorsel-var .ana-sayfa-reklam-slider{height:auto!important;aspect-ratio:12/5}
    .site-footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;row-gap:28px}
    .site-footer-brand,.site-footer-contact{grid-column:1/-1}
    .site-footer-quick-menu{grid-column:1}
    .site-footer-subcategories{grid-column:2;text-align:left}
    .site-footer-subcategories .site-footer-menu{justify-items:start}
    .site-footer-quick-menu .site-footer-menu,.site-footer-subcategories .site-footer-menu{grid-template-columns:1fr}
    .floating-instagram-link{right:12px;bottom:12px;padding:9px}
    .floating-instagram-text{display:none}
    body.ana-sayfa .yazar-gundem-kapsayici{width:100vw;max-width:none;margin:28px 0 22px calc(50% - 50vw);padding:0}
    body.ana-sayfa .yazar-gundem-cerceve{width:100%;padding:0;border-left:0;border-right:0;box-shadow:none}
    body.ana-sayfa .yazar-gundem-ust{display:block;margin:0;padding:0 0 14px;border-bottom:1px solid #e5e7eb}
    body.ana-sayfa .yazar-gundem-ust>div{display:none}
    body.ana-sayfa .yazar-gundem-link-toplam{display:flex;width:100%;min-height:38px;border-radius:0;box-sizing:border-box}
    body.ana-sayfa .yazar-gundem-ray{width:100%}
    body.ana-sayfa .yazar-gundem-kaydirici{width:100%;gap:0;padding:0}
    body.ana-sayfa .yazar-gundem-kart{min-width:100%;max-width:100%;width:100%;border-left:0;border-right:0}
    body.ana-sayfa .yazar-gundem-kart-link{padding:20px max(18px,calc((100vw - 520px)/2))}
    body.ana-sayfa .yazar-gundem-ok{display:none!important}

    body.kategori-sayfa .kategori-manset-vitrin{
        width:calc(100% + 20px)!important;
        margin:0 -10px 24px!important;
        border:0!important;
        border-radius:0!important;
        background:#fff!important;
        box-shadow:none!important;
        overflow:hidden!important;
    }
    body.kategori-sayfa .kategori-manset-vitrin .manset-wrapper{touch-action:pan-y}
    body.kategori-sayfa .kategori-manset-vitrin .manset-slide img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:0!important}
    body.kategori-sayfa .kategori-manset-vitrin .manset-ok{display:none!important}
    body.kategori-sayfa .kategori-manset-vitrin .manset-nav-outer{overflow-x:auto!important;padding:14px 8px!important;background:#fff!important;border:0!important;scrollbar-width:none}
    body.kategori-sayfa .kategori-manset-vitrin .manset-nav-outer::-webkit-scrollbar{display:none}
    body.kategori-sayfa .kategori-manset-vitrin .manset-nav{display:flex!important;width:max-content!important;min-width:100%!important;justify-content:center!important;gap:6px!important;padding:0!important}
    body.kategori-sayfa .kategori-manset-vitrin .manset-btn{flex:0 0 17px!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#3f3f3f!important;color:transparent!important;font-size:0!important;box-shadow:none!important;transform:none!important}
    body.kategori-sayfa .kategori-manset-vitrin .manset-btn.active{background:#e11d2e!important}
}

/* Ana sayfa: sağ editör kutusunu soldaki 2x2 görsel alanıyla eşitle. */
@media (min-width:1101px){
    .ana-sayfa .portal-alt-govde{
        --alt-kart-yuksekligi:238px;
        --alt-kart-boslugu:20px;
        align-items:flex-start;
    }
    .ana-sayfa .manset-alti-grid{gap:var(--alt-kart-boslugu)}
    .ana-sayfa .haber-kart-resim-alan{height:var(--alt-kart-yuksekligi)}
    .ana-sayfa .editor-secimleri-kutu{
        height:calc(var(--alt-kart-yuksekligi) + var(--alt-kart-yuksekligi) + var(--alt-kart-boslugu));
        min-height:0;
        max-height:none;
        align-self:flex-start;
        box-sizing:border-box;
    }
    .ana-sayfa .editor-secimleri-liste{
        min-height:0;
        display:flex;
        flex:1 1 auto;
        flex-direction:column;
    }
    .ana-sayfa .editor-secimleri-satir{
        flex:1 1 0;
        min-height:0;
        display:flex;
        align-items:center;
        box-sizing:border-box;
    }
}

/* Yazarlar Altı reklam alanı: reklam yoksa haber modülü gösterilir. */
.yazarlar-alti-reklam{
    position:relative;
    flex:0 0 350px;
    width:350px;
    max-width:350px;
    height:496px;
    overflow:hidden;
    border:1px solid #eadfce;
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,23,42,.08);
    box-sizing:border-box;
}
.yazarlar-alti-reklam-icerik{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    line-height:0;
}
.yazarlar-alti-reklam-icerik img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.yazarlar-alti-reklam-kod{position:relative;line-height:normal}
.yazarlar-alti-reklam-kod iframe,
.yazarlar-alti-reklam-kod img,
.yazarlar-alti-reklam-kod video{
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
}
.yazarlar-alti-reklam-etiket{
    position:absolute;
    z-index:5;
    top:10px;
    right:10px;
    padding:6px 9px;
    border-radius:5px;
    background:rgba(15,23,42,.88);
    color:#fff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    pointer-events:none;
}
.yazarlar-alti-reklam-kaplama{position:absolute;z-index:4;inset:0}
@media(max-width:1100px){
    .yazarlar-alti-reklam{align-self:flex-start}
}
@media(max-width:768px){
    .yazarlar-alti-reklam{display:none!important}
}