:root {
            --bordo: #800020;
            --score-bg: #98002e;
            --accent-green: #4ade80;
            --footer-bg: #111111;
            --esh-red: #e3000f; 
            --lazrail-red: #6b0b1a;
            --lazrail-light-red: #a31621;
            --text-white: #ffffff;
            --card-bg: #0a0a0a;
            /* Sabit: getBoundingClientRect ile güncellenmez (font/yükleme sonrası zıplama olmaması için) */
            --site-header-sticky: 70px;
            /* Fikstür kutusu ile maç sonuçları sağ sütunu aynı genişlik (scrolling-news-section 2. kolon) */
            --lz-fikstur-sidebar: 350px;
            /* Fikstür VS + maç sonuçları skor kutusu */
            --lz-fixture-vs-score-bg: #76b7e6;
        }

        body {
            font-family: 'Roboto', sans-serif;
            background-color: #f4f4f4;
            margin: 0;
        }
        body.lz-page-loading {
            overflow: hidden;
        }
        .lz-page-loader {
            position: fixed;
            inset: 0;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f4f4f4;
            transition: opacity 0.45s ease, visibility 0.45s ease;
        }
        .lz-page-loader.is-hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        .lz-page-loader-inner {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .lz-page-loader-logo {
            width: 160px;
            height: auto;
            max-width: 55vw;
            object-fit: contain;
            animation: lz-loader-pulse 1.15s ease-in-out infinite;
        }
        @keyframes lz-loader-pulse {
            0%, 100% { opacity: 0.55; transform: scale(0.94); }
            50% { opacity: 1; transform: scale(1); }
        }
        [data-theme="dark"] .lz-page-loader {
            background: #121212;
        }

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

        #site-header { overflow: visible; }
        .site-header-fanatik {
            position: sticky;
            top: 0;
            z-index: 50;
            width: 100%;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
        }
        .fanatik-header {
            background-color: #5b1128;
            color: white;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            height: 70px;
            overflow: hidden;
            font-family: 'Oswald', Arial, sans-serif;
        }
        @media (max-width: 1023px) { .fanatik-header { padding: 0 10px; } }
        .fanatik-logo-container { height: 100%; display: flex; align-items: center; margin-right: 20px; flex-shrink: 0; }
        .fanatik-logo-img { height: 50px; width: auto; cursor: pointer; object-fit: contain; filter: brightness(0) invert(1); }
        .fanatik-logo-img:hover { filter: brightness(0) invert(1) opacity(0.92); }
        .fanatik-nav { display: none; align-items: stretch; height: 100%; }
        @media (min-width: 1024px) { .fanatik-nav { display: flex; } }
        .fanatik-nav a {
            color: white;
            text-decoration: none;
            font-weight: 600;
            font-size: 15px;
            position: relative;
            padding: 0 18px;
            display: flex;
            align-items: center;
            height: 100%;
            transition: color 0.25s ease;
            z-index: 1;
            text-transform: uppercase;
        }
        @media (min-width: 1280px) { .fanatik-nav a { padding: 0 25px; } }
        .fanatik-nav a::before {
            content: "";
            position: absolute;
            top: 0;
            left: 5px;
            right: 5px;
            bottom: 0;
            background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100%);
            opacity: 0;
            z-index: -1;
            transform: skewX(-20deg);
            border-radius: 12px;
            transition: opacity 0.3s ease;
        }
        .fanatik-nav a:hover::before { opacity: 1; }
        .fanatik-nav a::after { content: "/"; position: absolute; right: -2px; color: rgba(255,255,255,0.3); font-weight: 300; transform: skewX(-10deg); }
        .fanatik-nav a:last-child::after { content: ""; }
        .fanatik-right-section { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: auto; }
        @media (min-width: 1024px) { .fanatik-right-section { gap: 12px; margin-left: 20px; } }
        .fanatik-icon { width: 34px; height: 34px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.1); cursor: pointer; transition: all 0.3s ease; color: white; border: none; font-size: 15px; }
        .fanatik-icon:hover { background-color: rgba(255,255,255,0.3); }
        .fanatik-menu-toggle { display: flex; }
        @media (min-width: 1024px) { .fanatik-menu-toggle { display: none; } }

        .header-mnav-backdrop {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            top: var(--site-header-sticky, 70px);
            bottom: 0;
            z-index: 55;
            cursor: pointer;
            background: rgba(15, 23, 42, 0.4);
            backdrop-filter: blur(2px);
        }
        .header-mnav {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            top: var(--site-header-sticky, 70px);
            z-index: 60;
            max-height: min(72vh, 480px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
            border-bottom: 1px solid rgba(91, 17, 40, 0.12);
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
            padding: 0.65rem 1rem 1rem;
            box-sizing: border-box;
        }
        .header-mnav.is-open,
        .header-mnav-backdrop.is-open { display: block; }
        .header-mnav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
        .header-mnav-list a {
            display: flex;
            align-items: center;
            gap: 0.65rem;
            padding: 0.65rem 0.85rem;
            border-radius: 10px;
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            text-decoration: none;
            color: #374151;
            border: 1px solid rgba(0, 0, 0, 0.06);
            background: #fff;
            transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
        }
        .header-mnav-list a:hover,
        .header-mnav-list a:focus-visible {
            border-color: rgba(91, 17, 40, 0.25);
            background: rgba(91, 17, 40, 0.06);
            color: #5b1128;
        }
        .header-mnav-list li:nth-child(even) a:hover,
        .header-mnav-list li:nth-child(even) a:focus-visible {
            border-color: rgba(74, 138, 184, 0.35);
            background: rgba(118, 183, 230, 0.12);
            color: #1e4a6e;
        }
        .header-mnav-list a .header-mnav-ico {
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 0.75rem;
        }
        .header-mnav-list li:nth-child(odd) .header-mnav-ico { background: rgba(91, 17, 40, 0.1); color: #5b1128; }
        .header-mnav-list li:nth-child(even) .header-mnav-ico { background: rgba(118, 183, 230, 0.2); color: #3d6d96; }
        body.header-mnav-open { overflow: hidden; }
        .header-mnav-social { display: none; }
        @media (max-width: 767px) {
            body.header-mnav-open .header-mnav-social {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                gap: 0.55rem;
                position: fixed;
                right: 0;
                top: var(--site-header-sticky, 70px);
                width: 2.85rem;
                padding: 0.85rem 0.32rem calc(0.65rem + env(safe-area-inset-bottom, 0px)) 0.32rem;
                z-index: 62;
                max-height: min(72vh, 480px);
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                box-sizing: border-box;
                background: linear-gradient(180deg, #5b1128 0%, #4a0e22 42%, #3d0c1c 78%, #320a17 100%);
                border-radius: 12px 0 0 12px;
                box-shadow: -6px 0 20px rgba(0, 0, 0, 0.18);
                border: 1px solid rgba(255, 255, 255, 0.22);
                border-right: none;
            }
            body.header-mnav-open .header-mnav-social a {
                display: inline-flex;
                width: 2.05rem;
                height: 2.05rem;
                align-items: center;
                justify-content: center;
                border-radius: 9px;
                color: #fff;
                background: rgba(255, 255, 255, 0.12);
                border: 1px solid rgba(255, 255, 255, 0.2);
                text-decoration: none;
                font-size: 0.92rem;
                flex-shrink: 0;
                transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
            }
            body.header-mnav-open .header-mnav-social a:hover,
            body.header-mnav-open .header-mnav-social a:focus-visible {
                background: rgba(255, 255, 255, 0.26);
                border-color: rgba(255, 255, 255, 0.35);
                transform: scale(1.06);
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            }
            body.header-mnav-open .header-mnav-social a:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.9); outline-offset: 2px; }
            body.header-mnav-open .header-mnav { padding-right: 3.15rem; }
        }
        /* Hamburger 1024px altında; 768px'te !important menüyü tablet aralığında açılamaz yapıyordu */
        @media (min-width: 1024px) {
            .header-mnav, .header-mnav-backdrop { display: none !important; }
            body.header-mnav-open { overflow: auto; }
        }

        /* Mobil: tek sütun; masaüstü (≥1025px): yan reklam | içerik | yan reklam — üst kenar tek satırda kilitlenir */
        .lz-page-shell {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }
        @media (min-width: 1025px) {
            .lz-page-shell {
                display: grid;
                grid-template-columns: 160px minmax(0, 1116px) 160px;
                gap: 1.5rem;
                align-items: start;
                justify-items: stretch;
                max-width: calc(160px + 1.5rem + 1116px + 1.5rem + 160px + 2rem);
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;
                padding: 1.5rem 1rem 0;
            }
            /* Grid satırı ana sütun kadar uzar; yan öğe STRETCH olmasın — üstten hizala (sticky+yüksek satır yaygın bug) */
            .lz-page-shell > .ad-sidebar {
                align-self: start;
                justify-self: center;
                position: sticky;
                top: 80px;
            }
            .lz-page-shell > .lz-main-column {
                align-self: start;
                min-height: 0;
            }
            /* Üst 4 haber: genişlik sticky + grid ile aynı (mobilde w-[95%] kalır) */
            .lz-top-cards-wrap {
                align-self: stretch;
                width: 100%;
                box-sizing: border-box;
            }
            #lz-top-cards-grid {
                width: 100% !important;
                max-width: 100% !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }
        }
        .ad-sidebar {
            position: relative;
            margin: 0;
            padding: 0;
            width: 160px;
            height: 600px;
            background: transparent;
            display: block;
            border: none;
            border-radius: 0;
            min-width: 0;
            z-index: 10;
            box-sizing: border-box;
        }
        .ad-sidebar .ad-container {
            position: relative;
            width: 160px;
            height: 600px;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border-radius: 0;
        }
        .ad-sidebar .adsense-fixed {
            position: absolute;
            top: 0;
            left: 0;
            width: 160px;
            height: 600px;
            z-index: 2;
            overflow: hidden;
            border-radius: 0;
        }
        .ad-slot { position: relative; }

        /* Sabit AdSense boyutu: tam genişlik / yan formatlara genişlemez; taşan kısım kırpılır */
        .adsense-fixed {
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            flex-shrink: 0;
        }
        .adsense-fixed--160-600 { width: 160px; height: 600px; }
        .adsense-fixed--970-250 { width: 970px; height: 250px; max-width: 100%; }
        .adsense-fixed--320-100 { width: 320px; height: 100px; max-width: 100%; }
        .adsense-fixed--336-280 { width: 336px; height: 280px; max-width: 100%; }
        .adsense-fixed--300-250 { width: 300px; height: 250px; max-width: 100%; }
        .adsense-fixed ins.adsbygoogle {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            box-sizing: border-box !important;
        }
        /* Yer tutucu, gerçek reklam katmanının altında kalsın (üstte kalırsa reklam görünmez) */
        .ad-placeholder {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #f8fafc, #f1f5f9);
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 6px;
            text-align: center;
            pointer-events: none;
            z-index: 0;
        }
        .ad-placeholder-brand {
            display: block;
            font-size: 15px;
            font-weight: 800;
            letter-spacing: 0.02em;
            color: #64748b;
            line-height: 1.2;
        }
        .ad-placeholder-sub {
            display: block;
            font-size: 13px;
            font-weight: 600;
            color: #94a3b8;
            line-height: 1.2;
        }
        /* Yan şerit: yer tutucu yok — reklam yoksa alan boş kalır */
        .ad-sidebar .ad-placeholder {
            display: none !important;
        }
        #ad-box > .ad-placeholder,
        #ad-box-penci > .ad-placeholder { min-height: 250px; }
        #ad-box-mobile > .ad-placeholder,
        #ad-box-mobile-penci > .ad-placeholder { min-height: 100px; }
        /* Ana banner: reklam script’inin oluşturduğu içerik placeholder üstünde boyansın */
        #ad-box .desktop-ad-wrap,
        #ad-box .mobile-ad-wrap,
        #ad-box-penci .desktop-ad-wrap,
        #ad-box-penci .mobile-ad-wrap {
            position: relative;
            z-index: 1;
        }
        .ad-slot.adsense-active .ad-placeholder { display: none !important; }
        .ad-container.ad-loaded .ad-placeholder {
            opacity: 0;
            visibility: hidden;
        }

        /* AdSense dolduğunda placeholder kutu görünümünü gizle */
        .ad-slot.adsense-active {
            background: transparent !important;
            border-color: transparent !important;
            color: transparent !important;
        }

        #ad-container.adsense-active,
        #ad-box.adsense-active,
        #ad-container-penci.adsense-active,
        #ad-box-penci.adsense-active {
            background: transparent !important;
            border-color: transparent !important;
        }
        /* ornek.html ile aynı reklam bloğunu slider taşmalarından izole et */
        #ad-container,
        #ad-container-penci {
            width: 100%;
            max-width: 100%;
            position: relative;
            z-index: 1;
            overflow: hidden;
            display: flex;
            justify-content: center;
            box-sizing: border-box;
        }
        #ad-container > div,
        #ad-container-penci > div {
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            justify-content: center;
            box-sizing: border-box;
        }
        #ad-box,
        #ad-box-penci {
            width: 100%;
            min-height: 250px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        #ad-box-mobile,
        #ad-box-mobile-penci {
            width: 100%;
            min-height: 100px;
            overflow: hidden;
            justify-content: center;
            align-items: center;
        }
        #ad-box .adsbygoogle,
        #ad-box-penci .adsbygoogle {
            max-width: 100%;
        }
        #ad-box-mobile .adsbygoogle,
        #ad-box-mobile-penci .adsbygoogle {
            max-width: 100%;
        }
        .ad-sidebar .adsbygoogle {
            position: static;
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            z-index: auto;
            border-radius: 0 !important;
            background: transparent !important;
        }
        .desktop-ad-wrap {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .mobile-ad-wrap {
            display: none;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .desktop-ad-wrap .adsense-fixed,
        .mobile-ad-wrap .adsense-fixed {
            margin-left: auto;
            margin-right: auto;
        }
        @media (max-width: 767px) {
            .desktop-ad-wrap { display: none !important; }
            .mobile-ad-wrap { display: flex !important; }
            #ad-container,
            #ad-container-penci {
                padding-top: 8px !important;
                padding-bottom: 8px !important;
                margin-top: 10px !important;
            }
            #ad-box,
            #ad-box-penci { min-height: 100px; }
        }

        /* ANA SLIDER (index.php ile aynı yapı) */
        .slider-container {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            height: 460px;
            display: flex;
            flex-direction: column;
            background: transparent;
        }
        .slider-viewport {
            flex: 1;
            min-height: 0;
            position: relative;
            overflow: hidden;
        }
        @media (max-width: 991px) {
            .slider-container {
                height: auto;
                max-height: none;
            }
            .slider-viewport {
                flex: 0 0 auto;
                aspect-ratio: 1120 / 630;
                width: 100%;
                min-height: 0;
            }
        }
        .slider-wrapper { display: flex; transition: transform .5s ease-in-out; height: 100%; }
        .slide { min-width: 100%; position: relative; height: 100%; }
        .slide > a { display:block; width:100%; height:100%; overflow:hidden; }
        .slide > a > img { width:100%; height:100%; object-fit: fill !important; object-position:center; display:block; }
        .hero-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 42px;
            height: 42px;
            border-radius: 9999px;
            border: 1px solid rgba(255,255,255,0.4);
            background: rgba(0, 0, 0, 0.35);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 15;
            opacity: 0;
            pointer-events: none;
            transition: opacity .2s ease, background .2s ease, transform .2s ease;
        }
        .hero-nav-btn:hover { background: rgba(0, 0, 0, 0.55); }
        .hero-nav-prev { left: 10px; }
        .hero-nav-next { right: 10px; }
        @media (min-width: 1024px) {
            .slider-viewport:hover .hero-nav-btn,
            .slider-viewport:focus-within .hero-nav-btn {
                opacity: 1;
                pointer-events: auto;
            }
        }
        @media (max-width: 1023px) {
            .hero-nav-btn { display: none; }
        }
        .slider-dots { display: flex; gap: 8px; justify-content: center; align-items: center; margin-top: 10px; flex-wrap: wrap; }
        .slider-dot {
            width: 9px;
            height: 9px;
            border-radius: 9999px;
            border: 1px solid #bdbdbd;
            background: #e5e7eb;
            cursor: pointer;
            transition: all .2s ease;
            padding: 0;
        }
        .slider-dot.active {
            background: #dc2626;
            border-color: #dc2626;
            transform: scale(1.08);
        }
        @media (max-width: 767px) {
            .hero-main-slider {
                width: 100%;
                max-width: 100%;
                margin-left: 0;
                margin-right: 0;
                box-sizing: border-box;
                box-shadow: none;
                border-radius: 0;
            }
            .hero-main-slider .slider-viewport {
                width: 100%;
                max-width: 100%;
                min-width: 0;
            }
        }

        /* MİNİ SLIDER GÜNCELLEMESİ */
        .mini-slider { 
            width: 320px; 
            background: #111; 
            display: flex; 
            flex-direction: column; 
            overflow: hidden;
            height: 450px; 
        }

        .mini-slider-content { 
            flex-grow: 1; 
            width: 100%; 
            position: relative; 
            overflow: hidden;
        }

        .mini-slider-track {
            display: flex;
            height: 100%;
            transition: transform 0.5s ease-in-out;
            gap: 0;
        }

        .mini-slide-item {
            min-width: 100%;
            height: 100%;
            flex-shrink: 0;
            position: relative;
            overflow: hidden;
        }
        
        .mini-slide-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .mini-slide-item .mini-slide-link {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        /* Masaüstü: tek görsel, yatay kayma yok (fade); görsel kutuyu kırparak tam doldurur */
        @media (min-width: 1280px) {
            .mini-slider-content {
                background: #111;
            }
            .mini-slider-track {
                display: block;
                position: relative;
                width: 100%;
                height: 100%;
                transform: none !important;
                transition: none;
                gap: 0;
            }
            .mini-slide-item {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                min-width: 0 !important;
                max-width: 100% !important;
                flex-shrink: 0;
                opacity: 0;
                transition: opacity 0.45s ease-in-out;
                pointer-events: none;
                z-index: 0;
            }
            .mini-slide-item.is-active {
                opacity: 1;
                z-index: 1;
                pointer-events: auto;
            }
            .mini-slide-item img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center;
            }
        }

        .mini-item-overlay {
            position: absolute;
            bottom: 0; left: 0; right: 0;
            padding: 10px;
            background: linear-gradient(transparent, rgba(0,0,0,0.9));
            color: white;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.2;
            display: none;
        }

        .mini-nav-bar {
            height: 38px;
            background-color: #111;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 15px;
            border-top: 1px solid #222;
            flex-shrink: 0;
        }

        .mini-dots {
            display: flex;
            flex-direction: row;
            gap: 8px;
            align-items: center;
        }

        .mini-dot-item { 
            width: 10px; 
            height: 10px; 
            background-color: #ffffff;
            border-radius: 50%; 
            cursor: pointer; 
            transition: background-color 0.3s ease;
        }

        .mini-dot-item.active,
        .mini-dot-item:hover { 
            background-color: var(--bordo);
        }

        .esh-title-wrapper {
            position: absolute;
            bottom: 0; left: 0; right: 0;
            padding: 0 20px 15px 20px;
            background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);
            z-index: 5;
        }

        .esh-title-flex { display: flex; align-items: flex-end; gap: 10px; }

        .esh-tag {
            background-color: var(--esh-red);
            color: white;
            font-weight: 900;
            font-size: 1.1rem;
            padding: 8px 12px;
            line-height: 1;
            white-space: nowrap;
        }

        .esh-title {
            color: white;
            font-size: 1.7rem;
            font-weight: 900;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .esh-nav-item {
            flex: 1; 
            display: flex; 
            align-items: center; 
            justify-content: center;
            color: #d1d5db; 
            font-weight: bold; 
            font-size: 13px;
            border-right: 1px solid #222; 
            cursor: pointer; 
        }
        .esh-nav-item.active { background: var(--esh-red); color: #fff; }

        .slider-arrow {
            position: absolute; top: 50%; transform: translateY(-50%);
            color: white; padding: 10px 15px; font-size: 40px;
            cursor: pointer; z-index: 10; 
            text-shadow: 0 2px 6px rgba(0,0,0,0.8);
        }
        .arrow-left { left: 0; }
        .arrow-right { right: 0; }

        .bottom-slider-outer { width: 100%; max-width: 1116px; margin: 24px auto; overflow: hidden; }
        .bottom-slider-track { display: flex; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
        .bottom-slider-group { min-width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 0 8px; flex-shrink: 0;}

        .news-grid-section {
            display: grid;
            grid-template-columns: 350px 1fr;
            gap: 20px;
            width: 100%;
            margin-bottom: 40px;
            align-items: start;
        }

        .sticky-wrapper {
            position: sticky;
            top: 80px;
            align-self: start;
        }
        .sticky-large-news { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .sticky-large-news .img-container { height: 600px; width: 100%; overflow: hidden; position: relative; }

        .news-card-mini { background: #fff; border-radius: 4px; overflow: hidden; border: 1px solid #eee; transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; height: 100%; }
        .news-card-mini:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
        
        .news-card-mini .img-holder { height: 180px; width: 100%; overflow: hidden; }
        .news-card-mini-content { display: flex; flex-direction: column; min-height: 98px; }
        .news-card-mini-title {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            overflow: hidden;
            line-height: 1.35;
            min-height: calc(1.35em * 3);
        }
        .equal-news-card { display: flex; flex-direction: column; height: 100%; }
        .equal-news-content { display: flex; flex-direction: column; min-height: 98px; }
        .equal-news-title {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            overflow: hidden;
            line-height: 1.35;
            min-height: calc(1.35em * 3);
        }

        .dot-nav-common { display: flex; justify-content: center; gap: 8px; padding: 15px 0; }
        .dot-common { width: 10px; height: 10px; background: #bbb; border-radius: 50%; cursor: pointer; }
        .dot-common.active { background: var(--bordo); transform: scale(1.2); }

        /* YENİ SCROLLING NEWS SECTION STİLİ - ORTALAMA EKLENDİ */
        .scrolling-news-section {
            display: grid;
            grid-template-columns: 1fr var(--lz-fikstur-sidebar);
            gap: 24px;
            width: 100%;
            margin-bottom: 40px;
            align-items: start;
        }

        .penci-tech-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            background: #fff;
            padding: 14px 20px 18px 26px;
            box-sizing: border-box;
            align-items: start;
        }

        /* Büyük kartlar sol kenara yapışık görünmesin; sağ sütunla dengeli boşluk */
        .penci-tech-grid > :first-child {
            padding-left: 10px;
            padding-right: 6px;
            box-sizing: border-box;
        }

        .tech-main-card { display: flex; flex-direction: column; background: #fff; }
        .tech-main-card .img-box { aspect-ratio: 16/10; width: 100%; overflow: hidden; margin-bottom: 12px; }
        .tech-main-card h3 { font-size: 19px; font-weight: 800; line-height: 1.35; color: #111; margin: 0 0 8px 0; }
        .tech-main-card .meta { font-size: 12px; color: #aaa; margin: 0 0 8px 0; line-height: 1.4; }
        .tech-main-card .desc { font-size: 14px; color: #666; line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

        .tech-small-list { display: flex; flex-direction: column; border-left: 1px solid #eee; padding-left: 22px; align-items: stretch; width: 100%; box-sizing: border-box; }
        .tech-list-item { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 12px 15px; padding: 12px 0; border-bottom: 1px solid #f2f2f2; align-items: start; }
        .tech-list-item:first-child { padding-top: 0; }
        .tech-list-item:last-of-type { border-bottom: none; }
        .tech-list-item .thumb { height: 75px; width: 100px; flex-shrink: 0; overflow: hidden; border-radius: 2px; }
        .tech-list-item .text { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
        .tech-list-item h4 { font-size: 14px; font-weight: 700; line-height: 1.35; color: #222; margin: 0; }
        .tech-list-item .meta-small { font-size: 11px; color: #bbb; margin: 0; line-height: 1.3; }

        /* 336×280 / 300×250 — ad-slot + placeholder (yan/banner ile aynı mantık; boşta kutu görünsün) */
        .tech-list-ad {
            margin-top: 16px;
            position: relative;
            width: 336px;
            max-width: 100%;
            height: 280px;
            display: block;
            background: linear-gradient(135deg, #f8fafc, #f1f5f9);
            border: 1px solid #e2e8f0;
            margin-left: 0;
            margin-right: auto;
            align-self: flex-start;
            box-sizing: border-box;
            flex-shrink: 0;
            border-radius: 10px;
            overflow: hidden;
        }
        .tech-list-ad--250 {
            width: 300px;
            height: 250px;
            margin-top: 10px;
        }
        /* İç kutu tam alanı kaplar; boyut .tech-list-ad ile sınırlı kalır */
        .tech-list-ad > .adsense-fixed {
            position: absolute;
            left: 0;
            top: 0;
            width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            z-index: 1;
        }

        /* Orta sütun: masaüstü 300×250, mobilde aynı yerde 336×280 (6359694364) */
        @media (min-width: 1025px) {
            .tech-ad-mid-mobile-336 { display: none !important; }
        }

        /* FİKSTÜR TABLOSU STİLİ - STICKY GÜNCELLEMESİ (Penci tech sağ sütun ile aynı) */
        .fixture-sticky-wrapper,
        .fixture-sonuc-sticky-wrapper {
            position: sticky;
            top: 80px;
            align-self: start;
        }

        /* Maç sonuçları tablosunun altındaki reklam: sütun genişliğinde tabloya göre ortada */
        .fixture-sonuc-sticky-wrapper .fixture-mid-ads-wrap {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            box-sizing: border-box;
        }
        .fixture-sonuc-sticky-wrapper .fixture-mid-ads-wrap .tech-list-ad {
            margin-left: auto;
            margin-right: auto;
            align-self: center;
        }

        /* calisma/Fikstur.html — div tabanlı; satır yüksekliği eski .fixture-table td ~10px 6px ile hizalı */
        .fixture-dp-fikstur .fixture-wrapper {
            width: 100%;
            background: #ffffff;
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid #e5e7eb;
            font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
        }
        .fixture-dp-fikstur .fixture-header {
            background: var(--bordo);
            color: #fff;
            text-align: center;
            padding: 12px 10px;
            font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
        }
        .fixture-dp-fikstur .fixture-header h1 {
            font-size: 14px;
            font-weight: 800;
            text-transform: uppercase;
            margin: 0;
            line-height: 1.2;
            letter-spacing: 0.01em;
        }
        .fixture-dp-fikstur .fixture-header p {
            margin: 3px 0 0 0;
            font-size: 11px;
            font-weight: 600;
            opacity: 0.95;
            line-height: 1.2;
        }
        .fixture-dp-fikstur .fixture-row {
            display: grid;
            grid-template-columns: 40px 1fr 50px;
            align-items: center;
            gap: 6px;
            padding: 8px 6px;
            border-bottom: 1px solid #ececec;
            transition: background 0.2s;
        }
        .fixture-dp-fikstur .fixture-row:hover { background: #fafafa; }
        .fixture-dp-fikstur .fixture-date {
            font-size: 11px;
            font-weight: 700;
            color: #777;
            text-align: center;
            width: auto;
            line-height: 1.2;
        }
        .fixture-dp-fikstur .fixture-date span { color: inherit; font-size: inherit; font-weight: inherit; }
        .fixture-dp-fikstur .fixture-match {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 0;
            min-height: 0;
        }
        .fixture-dp-fikstur .match-line {
            width: 100%;
            min-width: 0;
            display: grid;
            grid-template-columns: 1fr 28px 1fr;
            align-items: center;
            column-gap: 6px;
        }
        .fixture-dp-fikstur .team {
            font-size: 13px;
            font-weight: 700;
            color: #111827;
            line-height: 1.25;
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .fixture-dp-fikstur .team.home { text-align: right; }
        .fixture-dp-fikstur .team.away { text-align: left; }
        .fixture-dp-fikstur .vs {
            background: var(--lz-fixture-vs-score-bg);
            color: #fff;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 9px;
            font-weight: 800;
            margin: auto;
            flex-shrink: 0;
        }
        .fixture-dp-fikstur .fixture-time {
            font-family: 'Roboto', sans-serif;
            text-align: center;
            font-size: 11px;
            font-weight: 800;
            color: var(--bordo);
            background: transparent;
            padding: 0;
            border: none;
            border-radius: 0;
            min-width: 0;
            display: block;
            line-height: 1.2;
        }
        .fixture-dp-fikstur .fixture-footer {
            padding: 10px 8px;
            text-align: center;
            background: #f8f8f8;
            font-size: 11px;
            color: #6b7280;
            font-weight: 600;
            line-height: 1.35;
        }
        .fixture-dp-fikstur .fixture-empty-state {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 24px 16px 28px;
            min-height: 168px;
            background: linear-gradient(180deg, #f9fafb 0%, #ffffff 55%);
            border-bottom: 1px solid #ececec;
            box-sizing: border-box;
        }
        .fixture-dp-fikstur .fixture-empty-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: rgba(128, 0, 32, 0.09);
            color: var(--bordo);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            margin-bottom: 12px;
        }
        .fixture-dp-fikstur .fixture-empty-title {
            margin: 0 0 8px;
            font-size: 14px;
            font-weight: 800;
            color: #1f2937;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            line-height: 1.3;
        }
        .fixture-dp-fikstur .fixture-empty-lead {
            margin: 0 0 6px;
            font-size: 12px;
            font-weight: 600;
            color: #4b5563;
            line-height: 1.5;
            max-width: 92%;
        }
        .fixture-dp-fikstur .fixture-empty-hint {
            margin: 0;
            font-size: 11px;
            font-weight: 500;
            color: #9ca3af;
            line-height: 1.45;
            max-width: 88%;
        }
        @media (min-width: 1025px) {
            .fixture-dp-fikstur .fixture-empty-state {
                padding: 32px 20px 36px;
                min-height: 200px;
            }
            .fixture-dp-fikstur .fixture-empty-icon {
                width: 56px;
                height: 56px;
                font-size: 22px;
                margin-bottom: 16px;
            }
            .fixture-dp-fikstur .fixture-empty-title {
                font-size: 15px;
                margin-bottom: 10px;
            }
            .fixture-dp-fikstur .fixture-empty-lead {
                font-size: 13px;
                max-width: 260px;
            }
            .fixture-dp-fikstur .fixture-empty-hint {
                font-size: 11px;
                max-width: 240px;
            }
        }

        /* calisma/macsonuclari.html — blok yüksekliği eski tablo sıkılığında */
        .fixture-dp-sonuc .fixture-wrapper {
            width: 100%;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            border: 1px solid #e5e7eb;
            font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
        }
        .fixture-dp-sonuc .fixture-header {
            background: var(--score-bg);
            color: #fff;
            text-align: center;
            padding: 12px 10px;
            font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
        }
        .fixture-dp-sonuc .fixture-header h1 {
            font-size: 14px;
            font-weight: 800;
            text-transform: uppercase;
            margin: 0;
            line-height: 1.2;
            letter-spacing: 0.01em;
        }
        .fixture-dp-sonuc .fixture-header p {
            margin: 3px 0 0 0;
            font-size: 11px;
            font-weight: 600;
            opacity: 0.95;
            line-height: 1.2;
        }
        .fixture-dp-sonuc .fixture-match {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 0;
            min-height: 0;
            width: 100%;
        }
        .fixture-dp-sonuc .fixture-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            column-gap: 8px;
            padding: 8px 8px;
            border-bottom: 1px solid #ececec;
        }
        .fixture-dp-sonuc .fixture-date {
            font-size: 11px;
            font-weight: 700;
            color: #777;
            text-align: left;
            justify-self: start;
            width: auto;
            line-height: 1.2;
            white-space: nowrap;
            padding: 0 10px 0 4px;
            box-sizing: border-box;
        }
        .fixture-dp-sonuc .match-line {
            width: 100%;
            min-width: 0;
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }
        .fixture-dp-sonuc .team {
            font-size: 13px;
            font-weight: 700;
            color: #111827;
            line-height: 1.2;
            min-width: 0;
            flex: 1 1 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .fixture-dp-sonuc .team.home { text-align: right; }
        .fixture-dp-sonuc .team.away { text-align: left; }
        .fixture-dp-sonuc .score {
            background: var(--lz-fixture-vs-score-bg);
            color: #fff;
            width: 44px;
            height: 24px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 800;
            margin: 0;
            flex: 0 0 auto;
            flex-shrink: 0;
        }
        .fixture-dp-sonuc .fixture-time {
            font-family: 'Roboto', sans-serif;
            text-align: right;
            justify-self: end;
            font-size: 11px;
            font-weight: 800;
            color: var(--score-bg);
            background: transparent;
            padding: 0 4px 0 10px;
            border: none;
            border-radius: 0;
            min-width: 0;
            display: block;
            line-height: 1.2;
            white-space: nowrap;
            box-sizing: border-box;
        }
        .fixture-dp-sonuc .fixture-footer {
            padding: 10px 8px;
            text-align: center;
            background: #f8f8f8;
            font-size: 11px;
            color: #6b7280;
            font-weight: 600;
            line-height: 1.35;
        }

        .fixture-container { background: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden; }
        .fixture-header { background: var(--bordo); color: white; padding: 12px; font-family: 'Oswald', sans-serif; font-size: 16px; text-align: center; font-weight: bold; }
        .fixture-table { width: 100%; font-size: 13px; border-collapse: collapse; text-align: center; }
        .fixture-table tr { border-bottom: 1px solid #f9f9f9; transition: background 0.2s; }
        .fixture-table tr:hover { background: #fafafa; }
        .fixture-table td { padding: 10px 6px; vertical-align: middle; }
        .fixture-date { color: #666; font-weight: 700; width: 64px; text-align: center; font-size: 11px; line-height: 1.25; }
        .fixture-date span { color: #9ca3af; font-size: 9px; font-weight: 700; }
        .fixture-teams { display: flex; flex-direction: column; gap: 4px; font-weight: 700; color: #333; text-align: left; }
        .fixture-vs { font-weight: 800; color: var(--bordo); width: 34px; text-align: center; font-size: 13px; }
        .fixture-time { background: #f8f8f8; padding: 4px 7px; border-radius: 4px; border: 1px solid #ececec; font-weight: 800; font-size: 11px; color: #444; min-width: 48px; text-align: center; display: inline-block; }
        .fixture-status { font-size: 10px; color: #fff; padding: 4px 8px; border-radius: 4px; font-weight: 700; display: inline-block; white-space: nowrap; }
        .fixture-status-final { background: #6b7280; }
        .fixture-status-break { background: #f59e0b; }
        .fixture-status-live { background: #dc2626; }
        .fixture-link-wrap { padding: 12px; text-align: center; background: #f8f8f8; }
        .fixture-link { font-size: 11px; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.12em; text-decoration: none; }
        .fixture-link:hover { color: var(--bordo); }

        /* YENİ: MUSIC NEWS STİLİNDE HABER VE PUAN DURUMU ALANI */
        .music-style-section {
            display: grid;
            grid-template-columns: 1fr 350px;
            gap: 20px;
            width: 100%;
            margin-bottom: 40px;
        }

        .music-news-left {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 20px;
            background: #fff;
            padding: 20px;
            border: 1px solid #eee;
            border-radius: 4px;
        }

        .music-main-card { display: flex; flex-direction: column; }
        .music-main-card .img-box { aspect-ratio: 16/10; overflow: hidden; border-radius: 4px; margin-bottom: 15px; }
        .music-main-card h3 { font-size: 22px; font-weight: 800; line-height: 1.2; color: #111; margin-bottom: 10px; }
        .music-main-card .meta { font-size: 12px; color: #999; margin-bottom: 12px; }
        .music-main-card p { font-size: 14px; color: #555; line-height: 1.6; }

        .music-list-side { display: flex; flex-direction: column; gap: 15px; }
        .music-list-item { display: grid; grid-template-columns: 100px 1fr; gap: 12px; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; }
        .music-list-item:last-child { border-bottom: none; }
        .music-list-item .thumb { height: 70px; border-radius: 3px; overflow: hidden; }
        .music-list-item h4 { font-size: 14px; font-weight: 700; line-height: 1.3; color: #222; }
        .music-list-item .date { font-size: 11px; color: #bbb; margin-top: 4px; }

        /* PUAN DURUMU TABLOSU */
        .standings-container { background: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden; }
        .standings-header { background: var(--bordo); color: white; padding: 12px; font-family: 'Oswald', sans-serif; font-size: 16px; text-align: center; font-weight: bold; }
        .standings-table { width: 100%; font-size: 13px; text-align: center; border-collapse: collapse; }
        .standings-table th { background: #f8f8f8; color: #666; font-weight: bold; padding: 8px 4px; border-bottom: 1px solid #eee; }
        .standings-table td { padding: 10px 4px; border-bottom: 1px solid #f9f9f9; }
        .standings-table tr:nth-child(-n+4) td:first-child { border-left: 4px solid #4a90e2; } 
        .standings-table tr:nth-child(5) td:first-child { border-left: 4px solid #f5a623; } 
        .team-name-cell { text-align: left; font-weight: 700; color: #333; }

        /* Masaüstü: fikstür tek satır … ; maç sonuçları tek satır (tarih sol, MS sağ, ortada flex) */
        @media (min-width: 1025px) {
            .fixture-dp-fikstur .fixture-match {
                overflow: hidden;
            }
            .fixture-dp-sonuc .fixture-match {
                overflow: visible;
            }
            /* Maç sonuçları: tarih sol, MS sağ; orta alan flex tek satır */
            .fixture-dp-sonuc .fixture-row {
                grid-template-columns: auto minmax(0, 1fr) minmax(22px, 28px);
                column-gap: 6px;
                padding: 8px 10px 8px 8px;
            }
            .fixture-dp-sonuc .fixture-date {
                justify-self: start;
                text-align: left;
                padding: 0 10px 0 2px;
            }
            .fixture-dp-sonuc .fixture-time {
                justify-self: end;
                align-self: center;
                padding: 0 2px 0 10px;
            }
            /* Maç sonuçları sağ sütun: fikstür kutusu ile birebir aynı genişlik */
            .lz-mac-sonuclari-grid {
                grid-template-columns: minmax(0, 1fr) minmax(0, var(--lz-fikstur-sidebar)) !important;
            }
            .fixture-dp-fikstur .match-line {
                column-gap: 5px;
                grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr);
            }
            .fixture-dp-fikstur .team {
                font-size: 11px;
                font-weight: 700;
                line-height: 1.2;
                letter-spacing: 0.02em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                overflow-wrap: normal;
            }
            .fixture-dp-fikstur .vs {
                width: 26px;
                height: 26px;
                font-size: 8px;
            }
            .fixture-dp-sonuc .match-line {
                gap: 4px;
            }
            .fixture-dp-sonuc .team {
                font-size: 12px;
                font-weight: 700;
                line-height: 1.25;
                letter-spacing: 0.01em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .fixture-dp-sonuc .score {
                width: 44px;
                height: 22px;
                font-size: 10px;
            }
            .standings-container .standings-table {
                table-layout: fixed;
            }
            .standings-table th:nth-child(1),
            .standings-table td:nth-child(1) {
                width: 8%;
            }
            .standings-table th:nth-child(2),
            .standings-table td:nth-child(2) {
                width: 54%;
            }
            .standings-table th:nth-child(3),
            .standings-table td:nth-child(3),
            .standings-table th:nth-child(4),
            .standings-table td:nth-child(4),
            .standings-table th:nth-child(5),
            .standings-table td:nth-child(5) {
                width: 12%;
            }
            .standings-table .team-name-cell {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%;
                font-size: 12px;
                letter-spacing: 0.02em;
                line-height: 1.25;
            }
        }

        /* VİDEO GALERİ EK ÖZEL STİLLER & HOLOGRAM EFEKTİ */
        .spacer-ad { height: 20px; width: 100%; }
        
        /* HOLOGRAM ANIMATIONS */
        .hologram-text {
            color: #e0ffff;
            text-shadow: 
                0 0 5px rgba(0, 255, 255, 0.6),
                0 0 10px rgba(0, 255, 255, 0.6),
                0 0 20px rgba(0, 255, 255, 0.8),
                0 0 30px rgba(0, 200, 255, 0.9);
            animation: hologram-flicker 2.5s infinite alternate;
        }
        @keyframes hologram-flicker {
            0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; text-shadow: 0 0 5px rgba(0, 255, 255, 0.6), 0 0 15px rgba(0, 255, 255, 0.8), 0 0 30px rgba(0, 200, 255, 0.9); }
            20%, 24%, 55% { opacity: 0.7; text-shadow: 0 0 2px rgba(0,255,255,0.4); }
        }

        .hologram-btn {
            background-color: transparent;
            border: 2px solid #0ff;
            color: #d1f8ff;
            box-shadow: 0 0 10px rgba(0,255,255,0.4), inset 0 0 10px rgba(0,255,255,0.4);
            text-shadow: 0 0 5px rgba(0,255,255,0.8);
            padding: 10px 20px;
            border-radius: 25px;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 30px;
            display: inline-block;
            text-decoration: none;
            animation: hologram-flicker 3s infinite alternate;
        }
        .hologram-btn:hover {
            background-color: rgba(0, 255, 255, 0.15);
            box-shadow: 0 0 20px rgba(0,255,255,0.8), inset 0 0 20px rgba(0,255,255,0.8);
            transform: scale(1.05);
        }

        .nav-btn-hologram {
            width: 40px; height: 40px; border-radius: 50%;
            border: 1px solid #0ff;
            background: transparent;
            color: #d1f8ff;
            display: flex; align-items: center; justify-content: center;
            cursor: pointer; transition: 0.3s;
            box-shadow: 0 0 10px rgba(0,255,255,0.4), inset 0 0 10px rgba(0,255,255,0.4);
            text-shadow: 0 0 5px rgba(0,255,255,0.8);
            animation: hologram-flicker 2s infinite alternate;
        }
        .nav-btn-hologram:hover {
            background: rgba(0, 255, 255, 0.2);
            box-shadow: 0 0 15px rgba(0,255,255,0.8), inset 0 0 15px rgba(0,255,255,0.8);
        }

        .video-section-container {
            background: linear-gradient(90deg, #1f0408 0%, #0a0a0a 100%);
            padding: 40px 20px;
            display: flex;
            align-items: center;
            color: var(--text-white);
            border-radius: 8px;
            margin: 10px 0 40px 0;
            width: 100%;
        }
        .video-sidebar { 
            flex: 0 0 250px; 
            display: flex; 
            flex-direction: column; 
            align-items: flex-start; 
            padding-right: 20px; 
            z-index: 5;
        }
        .logo-placeholder-vid { 
            font-size: 48px; 
            font-weight: 900; 
            font-style: italic; 
            margin-bottom: 20px; 
            letter-spacing: -2px; 
            font-family: 'Oswald', sans-serif;
        }
        .logo-placeholder-vid span { 
            font-size: 24px; 
            font-style: normal; 
        }
        .nav-controls-vid { display: flex; gap: 15px; }
        
        /* 3D CAROUSEL GÜNCELLEMESİ (3 KART KESİN GÖRÜNÜM) */
        .video-carousel-mask {
            flex: 1;
            overflow: hidden; /* Dışarı taşan kartları gizler */
            padding: 20px 0 40px 0;
        }
        .video-track {
            display: flex;
            gap: 20px; /* Kartlar arası boşluk */
            transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            perspective: 1500px;
        }
        .video-card {
            flex: 0 0 auto;
            /* Genişlik Javascript tarafından maske boyutuna göre atanacak (tam 3 adet sığması için) */
            height: 320px; 
            background-color: var(--card-bg); 
            border-radius: 12px; 
            position: relative; 
            overflow: hidden; 
            cursor: pointer; 
            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); 
            
            /* DAHA FAZLA ÇAPRAZ EFEKT */
            transform: rotateY(-40deg) rotateX(10deg) scale(0.9); 
            box-shadow: -15px 20px 30px rgba(0,0,0,0.6); 
            transform-style: preserve-3d; 
        }
        .video-card:hover { 
            transform: rotateY(0deg) rotateX(0deg) scale(1.05) translateY(-10px); 
            box-shadow: 0 25px 40px rgba(0,255,255,0.3); /* Hover'a da hafif siber dokunuş */
            z-index: 10; 
        }
        .video-thumbnail { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; transition: 0.4s; }
        .video-card:hover .video-thumbnail { opacity: 1; }
        .play-button-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); transition: 0.3s; }
        .play-button-overlay::after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid white; margin-left: 5px; }
        .video-card:hover .play-button-overlay { transform: translate(-50%, -50%) scale(1.1); background: rgba(255, 0, 0, 0.9); }
        .video-title { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 15px; background: linear-gradient(transparent, rgba(0,0,0,0.9)); font-size: 14px; font-weight: bold; line-height: 1.4; text-transform: uppercase; color: white; }

        /* PENCI STYLE GRID */
        .penci-style-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; width: 100%; margin-top: 40px; margin-bottom: 40px; background-color: #fff; padding: 2px; }
        .penci-main-card { display: flex; flex-direction: column; border: 1px solid #f0f0f0; }
        .penci-main-card .img-box { aspect-ratio: 16/10; width: 100%; }
        .penci-main-card .content-box { padding: 20px 15px; }
        .penci-main-card h3 { font-size: 18px; font-weight: 700; line-height: 1.4; color: #222; margin-bottom: 10px; }
        .penci-small-list { display: flex; flex-direction: column; }
        .penci-list-item { display: grid; grid-template-columns: 110px 1fr; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f0f0f0; }
        .penci-list-item:last-child { border-bottom: none; }
        .penci-list-item .thumb { height: 75px; width: 110px; overflow: hidden; }
        .penci-list-item .text h4 { font-size: 14px; font-weight: 700; line-height: 1.3; color: #333; margin-bottom: 5px; }
        .by-penci { font-size: 12px; color: #999; }
        .by-penci span { color: #555; }

        /* DOUBLE GRID */
        .penci-double-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; width: 100%; margin-top: 40px; margin-bottom: 40px; }
        .double-column { display: flex; flex-direction: column; gap: 16px; }
        .double-main-card { background: #fff; border: 1px solid #eee; display: grid; grid-template-columns: 240px 1fr; min-height: 200px; height: 200px; max-height: 200px; overflow: hidden; }
        .double-main-card .img-box { height: 100%; overflow: hidden; }
        .double-main-card .info-box { padding: 20px; display: flex; flex-direction: column; gap: 8px; min-width: 0; overflow: hidden; }
        .double-main-card h3 { font-size: 18px; font-weight: 700; line-height: 1.3; color: #222; }
        .double-main-card .meta { font-size: 11px; color: #999; margin-bottom: 5px; }
        .double-main-card p { font-size: 13px; color: #666; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
        @media (min-width: 1025px) {
            .double-main-card .info-box {
                justify-content: center;
            }
            .double-main-card h3 {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0;
                min-height: 0;
            }
            .double-main-card p {
                -webkit-line-clamp: 2;
                line-clamp: 2;
                margin: 0;
                min-height: 0;
            }
        }
        .double-sub-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
        .sub-item { background: #fff; border: 1px solid #eee; display: grid; grid-template-columns: 90px 1fr; gap: 10px; padding: 10px; height: 90px; align-items: center; }
        .sub-item .img-box { width: 90px; height: 70px; border-radius: 2px; overflow: hidden; }
        .sub-item h4 { font-size: 13px; font-weight: 700; line-height: 1.2; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .sub-item .date { font-size: 10px; color: #bbb; margin-top: 4px; }

        /* FOOTER: index şablonundaki eski footer stilleri kaldırıldı; görünüm includes/public_footer.php ile tek kaynaktan gelir. */

        /* MOBİL VE TABLET UYUMLULUK AYARLARI */
        @media (max-width: 1024px) { 
            body { padding: 0; overflow-x: hidden; max-width: 100%; }
            .header-bg .container { padding: 0 10px; }
            .lz-page-shell {
                margin-top: 0;
                padding: 0;
            }
            .lz-main-column {
                max-width: 100%;
                min-width: 0;
                overflow-x: hidden;
                box-sizing: border-box;
            }
            
            .news-grid-section, 
            .scrolling-news-section,
            .lz-mac-sonuclari-grid,
            .penci-style-grid, 
            .penci-double-grid,
            .music-style-section { 
                grid-template-columns: 1fr !important; 
                gap: 10px;
                padding: 10px;
            } 

            .penci-tech-grid { grid-template-columns: 1fr !important; padding: 12px 14px !important; }
            .penci-tech-grid > :first-child { padding-left: 0 !important; padding-right: 0 !important; }
            .tech-small-list { border-left: none; padding-left: 0; margin-top: 20px; }

            .music-news-left { grid-template-columns: 1fr !important; }

            .ad-sidebar { display: none !important; }

            .flex.flex-col.xl\:flex-row {
                flex-direction: column !important;
                gap: 0 !important;
            }

            .esh-slider {
                height: auto !important; 
                border-radius: 0;
                background: #fff; 
            }
            .slider-main-container {
                height: 250px !important; 
            }

            .esh-nav-bar {
                background: #fff !important; 
                height: 35px !important;
                width: 100% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 5px !important;
                border: none !important;
            }
            .esh-nav-item {
                width: 7px !important;
                height: 7px !important;
                min-width: 7px;
                border-radius: 50%;
                background: #d1d5db !important; 
                font-size: 0 !important; 
                flex: none;
            }
            .esh-nav-item.active {
                background: var(--esh-red) !important; 
                width: 18px !important; 
                border-radius: 4px !important;
            }
            .slider-main-container .slider-arrow {
                display: none !important;
            }

            .mini-slider { 
                width: 100% !important;
                max-width: 100%;
                min-width: 0;
                height: auto !important; 
                margin-top: 10px;
                background: transparent;
                padding: 0 10px;
                overflow: hidden;
                box-sizing: border-box;
            }
            .mini-slider-content {
                flex-grow: 0;
                width: 100%;
                height: auto;
                overflow: hidden;
            }
            .mini-slider-track {
                display: flex !important;
                position: static;
                width: auto;
                height: auto;
                transform: none;
                transition: transform 0.5s ease-in-out;
                gap: 10px;
            }
            .mini-slide-item {
                position: relative !important;
                inset: auto !important;
                opacity: 1 !important;
                pointer-events: auto !important;
                z-index: auto !important;
                flex: 0 0 calc((100% - 10px) / 2) !important;
                width: calc((100% - 10px) / 2) !important;
                max-width: calc((100% - 10px) / 2) !important;
                min-width: calc((100% - 10px) / 2) !important;
                height: auto !important;
                aspect-ratio: 320 / 450;
                border-radius: 8px;
                overflow: hidden;
            }
            .mini-slide-item img {
                object-fit: cover;
            }

            .mini-nav-bar {
                background: transparent;
                border: none;
                justify-content: center;
                height: 25px;
            }
            .mini-nav-arrow { display: none; } 

            #ad-container,
            #ad-container-penci {
                width: 100% !important;
                max-width: 100% !important;
                margin-left: auto;
                margin-right: auto;
            }

            .bottom-slider-outer { margin: 15px 0; padding: 0 10px; }
            .bottom-slider-group { grid-template-columns: 1fr 1fr !important; gap: 10px; }

            .video-section-container { flex-direction: column !important; padding: 20px !important; overflow: hidden; }
            .video-sidebar { flex: none !important; width: 100% !important; margin-bottom: 20px !important; padding-right: 0 !important; align-items: center; text-align: center; }
            .video-carousel-mask { padding: 10px 0; width: 100%; }

            .double-main-card {
                grid-template-columns: 1fr !important;
                height: auto !important;
                max-height: none !important;
                min-height: 0 !important;
                overflow: visible !important;
            }
            .double-main-card .img-box { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
            .double-main-card .info-box { overflow: visible !important; }

            .sticky-wrapper { position: relative !important; top: 0 !important; }
            .sticky-large-news { height: auto !important; }
            /* Mobilde yapışık büyük haber: görsel + koyu metin (masaüstü aynı) */
            .sticky-large-news .img-container {
                height: auto !important;
                min-height: 0 !important;
            }
            .sticky-large-news .img-container img {
                display: block !important;
                height: 200px !important;
                width: 100% !important;
                object-fit: cover !important;
            }
            .sticky-large-news .img-container div.absolute.inset-0 {
                display: none !important;
            }
            .sticky-large-news .img-container div.absolute.bottom-0 {
                position: relative !important;
                inset: auto !important;
                padding: 8px 12px 10px !important;
                background: #fff !important;
                color: #222 !important;
            }
            .sticky-large-news .img-container div.absolute.bottom-0 a.text-white,
            .sticky-large-news .img-container div.absolute.bottom-0 a.text-white h2,
            .sticky-large-news .img-container div.absolute.bottom-0 h2 {
                color: #222 !important;
                font-size: 1.05rem !important;
                line-height: 1.35 !important;
                font-weight: 800 !important;
                margin: 0 !important;
            }
            .sticky-large-news .img-container div.absolute.bottom-0 a.text-gray-300,
            .sticky-large-news .img-container div.absolute.bottom-0 .mobile-hide-excerpt {
                display: block !important;
                color: #666 !important;
                margin-top: 4px !important;
            }

            .fixture-sticky-wrapper,
            .fixture-sonuc-sticky-wrapper { position: relative !important; top: 0 !important; }

            /* Maç sonuçları tablosu — dar ekranda taşmayı kes */
            .fixture-container .fixture-table {
                table-layout: fixed;
                width: 100%;
            }
            .fixture-container .fixture-table td {
                padding: 8px 4px;
            }
            .fixture-container .fixture-teams {
                overflow-wrap: anywhere;
                word-break: break-word;
                min-width: 0;
            }
            .fixture-container .fixture-date {
                width: 3.25rem;
            }
            .fixture-container .fixture-vs {
                width: 1.85rem;
                padding: 0 2px;
            }
            .fixture-container .fixture-status {
                font-size: 9px;
                padding: 3px 5px;
            }

            /* Fikstür (üst) ile maç sonuçları: mobilde aynı kutu kenarı, başlık ve satır ızgarası */
            .fixture-dp-fikstur .fixture-header h1,
            .fixture-dp-sonuc .fixture-header h1 { font-size: 13px; }
            .fixture-dp-fikstur .fixture-header p,
            .fixture-dp-sonuc .fixture-header p { font-size: 10px; }
            .fixture-dp-sonuc .fixture-header {
                background: var(--bordo) !important;
            }
            .fixture-dp-fikstur .fixture-row,
            .fixture-dp-sonuc .fixture-row {
                padding: 7px 5px;
                gap: 5px;
            }
            .fixture-dp-fikstur .fixture-row {
                grid-template-columns: 36px minmax(0, 1fr) 46px;
            }
            .fixture-dp-sonuc .fixture-row {
                grid-template-columns: auto minmax(0, 1fr) auto;
                column-gap: 6px;
                padding: 7px 10px;
            }
            .fixture-dp-sonuc .fixture-date {
                justify-self: start;
                text-align: left;
                padding: 0 8px 0 2px;
            }
            .fixture-dp-sonuc .fixture-time {
                justify-self: end;
                text-align: right;
                padding: 0 2px 0 8px;
            }
            .fixture-dp-fikstur .team,
            .fixture-dp-sonuc .team { font-size: 12px; }
            .fixture-dp-fikstur .fixture-date,
            .fixture-dp-sonuc .fixture-date { font-size: 10px; }
            .fixture-dp-fikstur .fixture-time,
            .fixture-dp-sonuc .fixture-time {
                font-size: 10px;
                color: var(--bordo);
            }
            .fixture-dp-fikstur .match-line {
                column-gap: 4px;
                grid-template-columns: 1fr 26px 1fr;
            }
            .fixture-dp-fikstur .vs {
                width: 26px;
                height: 26px;
                font-size: 8px;
            }
            .fixture-dp-sonuc .match-line {
                gap: 4px;
            }
            .fixture-dp-sonuc .score {
                width: 44px;
                height: 22px;
                font-size: 10px;
                background: var(--lz-fixture-vs-score-bg) !important;
            }
            .fixture-dp-fikstur .fixture-footer,
            .fixture-dp-sonuc .fixture-footer { font-size: 10px; padding: 8px 6px; }
            .fixture-dp-sonuc .fixture-wrapper {
                box-shadow: none !important;
            }

            .standings-container {
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
            }
            .standings-container .standings-table {
                table-layout: auto;
                width: 100%;
                min-width: 300px;
            }
            .standings-container .standings-table th,
            .standings-container .standings-table td {
                padding: 8px 3px;
                font-size: 11px;
            }
            .standings-container .team-name-cell {
                white-space: nowrap;
                word-break: normal;
                overflow-wrap: normal;
            }
            .tech-ad-mid-desktop-300 { display: none !important; }
            .fixture-mid-ads-wrap {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                padding-top: 14px;
                padding-bottom: 14px;
            }
            .fixture-mid-ads-wrap .tech-list-ad {
                margin-top: 0 !important;
            }
            .tech-ad-mid-mobile-336 {
                margin-left: auto !important;
                margin-right: auto !important;
            }
            .lz-mac-sonuclari-grid {
                margin-bottom: 0 !important;
            }

            /* MOBİLDE REKLAM ALANI GENİŞLİĞİNİ SINIRLA (taşma yapmasın) */
            .tech-list-ad {
                width: 100% !important;
                max-width: 336px !important;
                box-sizing: border-box !important;
            }
            .tech-list-ad--250 { max-width: 300px !important; }
            .tech-list-ad .adsense-fixed ins.adsbygoogle {
                max-width: 100% !important;
                box-sizing: border-box !important;
            }
            @media (max-width: 400px) {
                .tech-list-ad .adsense-fixed ins.adsbygoogle {
                    width: 100% !important;
                }
            }

            /* Sadece mobilde 12 haber kartı özel akışı */
            #news-grid-container {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
            #news-grid-container > :nth-child(5),
            #news-grid-container > :nth-child(6),
            #news-grid-container > :nth-child(9),
            #news-grid-container > :nth-child(10) {
                grid-column: span 2 / span 2;
            }
        }

        /* Tablet (xl yan yana düzen öncesi): mini slider mobil gibi tam genişlik kaydırmalı */
        @media (min-width: 1025px) and (max-width: 1279px) {
            .mini-slider {
                width: 100% !important;
                max-width: 100%;
                min-width: 0;
                height: auto !important;
                margin-top: 10px;
                background: transparent;
                padding: 0 10px;
                overflow: hidden;
                box-sizing: border-box;
            }
            .mini-slider-content {
                flex-grow: 0;
                width: 100%;
                height: auto;
                overflow: hidden;
            }
            .mini-slider-track {
                display: flex !important;
                position: static;
                width: auto;
                height: auto;
                transform: none;
                transition: transform 0.5s ease-in-out;
                gap: 10px;
            }
            .mini-slide-item {
                position: relative !important;
                inset: auto !important;
                opacity: 1 !important;
                pointer-events: auto !important;
                z-index: auto !important;
                flex: 0 0 calc((100% - 20px) / 3) !important;
                width: calc((100% - 20px) / 3) !important;
                max-width: calc((100% - 20px) / 3) !important;
                min-width: calc((100% - 20px) / 3) !important;
                height: auto !important;
                aspect-ratio: 320 / 450;
                border-radius: 8px;
                overflow: hidden;
            }
            .mini-slide-item img {
                object-fit: cover;
            }
            .mini-nav-bar {
                background: transparent;
                border: none;
                justify-content: center;
                height: 25px;
            }
            .mini-nav-arrow { display: none; }
        }

        @media (max-width: 768px) {
            .esh-title { font-size: 1.1rem !important; }
            .esh-tag { font-size: 0.8rem !important; padding: 4px 8px !important; }
            .double-sub-grid { grid-template-columns: 1fr !important; }
            .logo-font { font-size: 1.8rem !important; }
            .music-main-card h3 { font-size: 18px !important; }

        }

/* --- extra blocks (tv, etc.) --- */
.lz-tv-wrapper {
            background-color: #050505;
            color: white;
            overflow-x: hidden;
        }

        .lz-neon-text {
            text-shadow: 0 0 10px #3b82f6, 0 0 20px #3b82f6, 0 0 40px #1d4ed8;
            animation: lz-pulse 2s infinite alternate;
        }

        @keyframes lz-pulse {
            from { opacity: 0.8; }
            to { opacity: 1; text-shadow: 0 0 15px #3b82f6, 0 0 30px #2563eb, 0 0 50px #1e40af; }
        }

        .lz-video-card {
            transform: skewX(-5deg);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
            scroll-snap-align: start;
        }

        .lz-video-card:hover {
            transform: skewX(0deg) scale(1.05) translateY(-10px);
            box-shadow: 0 20px 40px rgba(59, 130, 246, 0.3);
            z-index: 10;
        }

        .lz-play-btn {
            position: relative;
            width: 50px;
            height: 50px;
            background: rgba(59, 130, 246, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .lz-play-btn::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 2px solid #3b82f6;
            animation: lz-signal 1.5s infinite;
        }

        @keyframes lz-signal {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(1.8); opacity: 0; }
        }

        #lz-slider-container::-webkit-scrollbar {
            display: none;
        }
        #lz-slider-container {
            -ms-overflow-style: none;
            scrollbar-width: none;
            scroll-behavior: smooth;
            scroll-snap-type: x mandatory;
            display: flex;
            overflow-x: auto;
        }

        #lzVideoModal {
            transition: opacity 0.3s ease;
        }

/* Slider haric tum haber kutularinda gorsel tam doldurma */
.sticky-large-news .img-container,
.news-card-mini .img-holder,
.equal-news-card .h-40,
.music-main-card .img-box,
.music-list-item .thumb,
.penci-main-card .img-box,
.penci-list-item .thumb,
.double-main-card .img-box,
.double-sub-grid .sub-item .img-box,
.tech-main-card .img-box,
.tech-list-item .thumb,
.lazrail-news-box-thumb {
    overflow: hidden !important;
}
.sticky-large-news .img-container img,
.news-card-mini .img-holder img,
.equal-news-card .h-40 img,
.music-main-card .img-box img,
.music-list-item .thumb img,
.penci-main-card .img-box img,
.penci-list-item .thumb img,
.double-main-card .img-box img,
.double-sub-grid .sub-item .img-box img,
.tech-main-card .img-box img,
.tech-list-item .thumb img,
.lazrail-news-box-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}
html { background-color: #f4f4f4 !important; }
[data-theme="dark"] html { background-color: #121212 !important; }
@media (max-width: 1024px) {
    .double-main-card { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; }
    .double-main-card .img-box { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
    .double-main-card .info-box { overflow: visible !important; min-width: 0; }
}