/* =================================================== */
        /* Genel Stil ve Değişkenler */
        /* =================================================== */
        :root { --color-dark-bg: #0d0d0d; --color-accent: #00eaff; --color-text: #f8f8f8; --color-light-bg: #1a1a1a; }
        body { font-family: 'Inter', sans-serif; background-color: var(--color-dark-bg); color: var(--color-text); line-height: 1.6; overflow-x: hidden; display: flex; flex-direction: column; min-height: 100vh; }
        
        /* Video Kapsayıcı Stili */
        .video-player-wrapper { 
            width: 100%; max-width: 1200px; margin: 0 auto; position: relative; 
            padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; 
            background-color: #000; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); 
        }
        .video-player-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
        
        /* Part Butonları Stili */
        .part-button { 
            background-color: var(--color-light-bg); border: 1px solid #333; transition: all 0.2s; cursor: pointer; 
            box-shadow: 0 2px 5px rgba(0,0,0,0.5);
        }
        .part-button:hover:not(.active) { background-color: #333; }
        .part-button.active { 
            background-color: var(--color-accent); color: var(--color-dark-bg); font-weight: bold; 
            transform: scale(1.05); box-shadow: 0 0 15px var(--color-accent);
        }

        /* Yorum Alanı Stili */
        .comment-card { background-color: var(--color-light-bg); border-radius: 6px; }
        .vote-button { transition: all 0.2s ease-in-out; }

        /* Alt Sabit Reklam Alanı Ortalamak İçin */
        .sticky-footer-ad-container {
            display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;
        }

        /* =================================================== */
        /* Responsive Reklam Alanı Stilleri */
        /* =================================================== */
        .desktop-ad-container {
            display: none; /* Varsayılan olarak (mobilde) gizli */
        }
        .mobile-ad-container {
            display: flex; /* Varsayılan olarak (mobilde) görünür */
            height: 50px; /* Mobil reklam yüksekliği */
        }

        /* Orta boy ekranlardan (tablet) itibaren masaüstü reklamını göster */
        @media (min-width: 768px) {
            .desktop-ad-container {
                display: flex; /* Masaüstünde görünür yap */
                height: 90px; /* Masaüstü reklam yüksekliği */
            }
            .mobile-ad-container {
                display: none; /* Masaüstünde mobil reklamı gizle */
            }
        }