/* ==========================================================================
   Header ve Menü - HIGH-RESPECT FLUID FLEX GRID (850PX KILITLI PRESET)
   ========================================================================= */

/* 1. GLOBAL GÖVDE VE ARKA PLAN İZOLASYONU */
.layout-header-holder-bc {
    background: #111316 !important;
    background-color: #111316 !important;
    background-image: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Header gövdesine dikey nefes alma alanı */
.layout-header-holder-bc .hdr-main-content-bc {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important; /* Tüm ana bileşenleri dikeyde milimetrik ortalar */
}

/* Ara katmanlardaki katı renkler eritildi, dikey kesilmeler engellendi */
.layout-header-holder-bc .hdr-dynamic-content,
.layout-header-holder-bc .header-bc {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Sitenin sağa kaçmasını ve butonları itmesini engelleyen rijit genişlik kalkanı */
.layout-header-holder-bc .nav-content-menu,
.layout-header-holder-bc .nav-menu-container,
.layout-header-holder-bc .nav-content-bc {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important; /* Sağa taşmayı tarayıcı seviyesinde bloke eder */
    overflow: visible !important; /* Alt menülerin açılabilmesi için mutlak özgürlük */
}

/* Menü sarmalayıcısının dikey aks dengesi */
.layout-header-holder-bc .nav-content-bc {
    margin-top: 12px !important;   
    margin-bottom: 14px !important; 
}

/* 2. DİNAMİK FLUID LİSTE YAPISI */
.layout-header-holder-bc .nav-content-bc .nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* Masaüstünde elemanları asilce ortalar */
    flex-wrap: nowrap !important; /* Alt satıra sarkmayı kesin olarak engeller */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
    
    /* 🚨 MASAÜSTÜ BAŞLANGIÇ BOŞLUĞU: Çözünürlük azaldıkça sıvı şekilde daralır */
    gap: clamp(8px, 1.3vw, 20px) !important; 
}

/* Liste hücrelerinin dikey dengesi */
.layout-header-holder-bc .nav-content-bc .nav-menu > li {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important; /* Alan daraldıkça tüm hücreler eşit oranda büzülür */
    height: auto !important;
    overflow: visible !important;
}

/* 3. MENÜ ELEMANLARININ DİKEY KESİLMESİNİ ENGELLEYEN İÇ NİZAM */
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item {
    display: flex !important;
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    text-align: center !important;
    background: transparent !important; 
    border: none !important; 
    border-radius: 0 !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important; /* İkon taşmalarının kırpılmasını önler */
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
    
    /* İkon ve yazı etrafında jilet gibi kesilmeyi önleyen dikey emniyet payı */
    padding: 6px 4px !important; 
}

/* İkon Geometrisi */
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper {
    width: clamp(22px, 1.6vw, 28px) !important; /* Büyük ekranlarda 28px, daraldıkça 22px'e pürüzsüz iner */
    height: clamp(22px, 1.6vw, 28px) !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* Tipografi Sıkışma Kilidi */
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
    font-size: clamp(9.5px, 0.65vw, 11px) !important; /* Font boyutu ekrana göre fluid küçülür */
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    line-height: 1.3 !important; /* Font alt kavislerini koruyan nizam */
    display: block !important;
}

/* 4. SUBMENU (ALT MENÜ) ABSOLUTE KONUM REFERANSI */
.layout-header-holder-bc .nav-content-bc .nav-menu-sub,
.layout-header-holder-bc .nav-content-bc .nav-menu .nav-menu-sub {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 12px !important;
    z-index: 999999 !important;
    overflow: visible !important;
    max-height: none !important;
}

/* Hover durumunda tetiklenme motoru */
.layout-header-holder-bc .nav-content-bc .nav-menu > li:hover .nav-menu-sub,
.layout-header-holder-bc .nav-content-bc .nav-menu-sub:hover {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ==========================================================================
   🚨 RESPONSIVE KİLİTLERİ (850PX VE ALTINDA ALAN DARALMA MUHAFIZI)
   ========================================================================= */
@media screen and (max-width: 1200px) {
    .layout-header-holder-bc .nav-content-bc .nav-menu {
        gap: 8px !important; /* Orta ölçekli ekranlarda butonlar birbirine yaklaşır */
    }
    .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item {
        padding: 4px 2px !important;
    }
}

@media screen and (max-width: 950px) {
    /* 🚨 850px sınırına yaklaşırken 11 elemanın tek satıra sığması için font ve gap minimum güvenli sınıra çekilir */
    .layout-header-holder-bc .nav-content-bc .nav-menu {
        gap: 5px !important; 
        justify-content: space-between !important;
    }
    .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item {
        min-width: auto !important;
    }
    .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
        font-size: 9px !important; 
        letter-spacing: 0.2px !important;
    }
    .layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper {
        width: 20px !important;
        height: 20px !important;
        margin-bottom: 4px !important;
    }
}

/* ==========================================================================
   4. TÄ°POGRAFÄ° (PREMIUM HIGH-CONTRAST YAZILAR)
   ========================================================================== */
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
    display: block !important;
    width: 100% !important; 
    text-align: center !important; 
    font-size: 11px !important;
    font-weight: 700 !important; 
    letter-spacing: 0.8px !important; 
    color: #94a3b8 !important; 
    text-transform: uppercase !important;
    white-space: nowrap !important; 
    transition: color 0.2s ease !important;
}

/* YerleÅŸik ok simgelerini tamamen yok ediyoruz */
.layout-header-holder-bc .nav-content-bc .nav-menu-sub-arrow,
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item .bc-i-arrow-down,
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item .sub-arrow,
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item i[class*="arrow"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   5. HOVER VE AKTİF ETKİLEŞİM (PREMIUM FLAT INTERACTION)
   ========================================================================== */
.layout-header-holder-bc .nav-content-bc .nav-menu > li:hover > .nav-menu-item,
.layout-header-holder-bc .nav-menu > li.active > .nav-menu-item,
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item:hover {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu > li:hover > .nav-menu-item .CMSIconSVGWrapper svg,
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item:hover .CMSIconSVGWrapper svg {
    color: #DFBE62 !important;
    transform: scale(1.08) !important; 
    filter: drop-shadow(0 0 6px rgba(223, 190, 98, 0.4)) !important; 
}

.layout-header-holder-bc .nav-content-bc .nav-menu > li:hover > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
    color: #f8fafc !important;
}

/* ==========================================================================
   6. SUBMENU (ALT MENÜ) MODERN GLASSMORPHISM VE POZİSYON DÜZELTMESİ
   ========================================================================== */
.layout-header-holder-bc .nav-content-bc .nav-menu-sub {
    position: absolute !important;
    top: 100% !important; 
    left: 50% !important; 
    transform: translateX(-50%) !important; 
    margin-top: 14px !important; 
    background: rgba(17, 19, 22, 0.85) !important; 
    backdrop-filter: blur(16px) !important; 
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-top: 2px solid #DFBE62 !important; 
    border-radius: 12px !important;
    padding: 10px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 210px !important;
    z-index: 9999 !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu-sub .nav-menu-item,
.layout-header-holder-bc .nav-content-bc .nav-menu-sub li a {
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 8px 12px !important;
    min-width: 0 !important;
    width: 100% !important;
    background: transparent !important;
    border-radius: 8px !important;
    gap: 12px !important;
    border: none !important;
    box-shadow: none !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu-sub .CMSIconSVGWrapper {
    width: 20px !important; 
    height: 20px !important;
    margin-bottom: 0 !important;
    filter: none !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    background: transparent !important;
    border: none !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu-sub .CMSIconSVGWrapper svg {
    width: 100% !important;
    height: 100% !important;
    color: #64748b !important; 
}

.layout-header-holder-bc .nav-content-bc .nav-menu-sub .nav-menu-item > span:not(.CMSIconSVGWrapper),
.layout-header-holder-bc .nav-content-bc .nav-menu-sub li a > span:not(.CMSIconSVGWrapper) {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #cbd5e1 !important;
    text-transform: capitalize !important; 
    text-shadow: none !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu-sub .nav-menu-item:hover,
.layout-header-holder-bc .nav-content-bc .nav-menu-sub li a:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border: none !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu-sub .nav-menu-item:hover .CMSIconSVGWrapper svg,
.layout-header-holder-bc .nav-content-bc .nav-menu-sub .nav-menu-item:hover span,
.layout-header-holder-bc .nav-content-bc .nav-menu-sub li a:hover span {
    color: #DFBE62 !important; 
}

/* ==========================================================================
   7. HEADER YARDIMCI BİLEŞENLERİ (DUYURU, LOGO, ÇARPI, DİL SEÇİMİ, SAAT)
   ========================================================================== */
.layout-header-holder-bc .informative-widget-link { border: none !important; outline: none !important; box-shadow: none !important; }
.layout-header-holder-bc .e-p-close-icon-bc { display: none !important; }
.layout-header-holder-bc .logo-container { margin-left: 15px !important; }
.layout-header-holder-bc .infoTime { display: none !important; }

.layout-header-holder-bc #smart-panel-holder {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-left: -2px !important; 
    transition: color 0.2s ease !important;
}

.layout-header-holder-bc #smart-panel-holder:hover { color: #DFBE62 !important; }
.layout-header-holder-bc .form-control-bc.select .ellipsis { display: none !important; }
.layout-header-holder-bc .form-control-bc.select .bc-i-small-arrow-down { display: none !important; }
.layout-header-holder-bc .form-control-bc.select { margin-left: 4px !important; margin-right: -4px !important; }

.layout-header-holder-bc .form-control-bc.select .form-control-select-bc {
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
}

/* ==========================================================================
   8. BUTONLAR BÖLÜMÜ (CÜZDAN, GİRİŞ, KAYIT - ALAN DARALTMA)
   ========================================================================== */
.layout-header-holder-bc .hdr-user-bc { display: flex !important; align-items: center !important; gap: 10px !important; }

.layout-header-holder-bc .bc-i-wallet,
.layout-header-holder-bc .btn.sign-in,
.layout-header-holder-bc .btn.register {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 115px !important; 
    height: 38px !important; 
    padding: 0 !important; 
    border-radius: 8px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    cursor: pointer !important;
    text-decoration: none !important; 
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.layout-header-holder-bc .bc-i-wallet * { text-decoration: none !important; }

.layout-header-holder-bc .bc-i-wallet {
    background: rgba(223, 190, 98, 0.05) !important; 
    border: 1px solid rgba(223, 190, 98, 0.25) !important; 
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
}

.layout-header-holder-bc .bc-i-wallet::before { color: #DFBE62 !important; font-size: 14px !important; }

.layout-header-holder-bc .bc-i-wallet span::after {
    content: "CÜZDAN" !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    color: #DFBE62 !important; 
    margin-left: 10px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: all 0.2s ease !important;
}

.layout-header-holder-bc .bc-i-wallet:hover {
    border-color: #f0d27a !important;
    background: rgba(223, 190, 98, 0.12) !important;
    box-shadow: 0 0 12px rgba(223, 190, 98, 0.2) !important;
}

.layout-header-holder-bc .btn.sign-in {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    background-color: #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.layout-header-holder-bc .btn.sign-in:hover {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
    box-shadow: 0 6px 22px rgba(16, 185, 129, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    border-color: #34d399 !important; 
    transform: translateY(-1.5px) !important; 
}

.layout-header-holder-bc .btn.register {
    background: linear-gradient(135deg, #ffe082 0%, #dfbe62 50%, #b89332 100%) !important;
    border: none !important;
    color: #0d1015 !important; 
    font-weight: 900 !important; 
    margin-left: -4px !important; 
    box-shadow: 0 4px 20px rgba(223, 190, 98, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.layout-header-holder-bc .btn.register:hover {
    background: linear-gradient(135deg, #ffea9f 0%, #e9ca74 50%, #ccaa11 100%) !important;
    box-shadow: 0 6px 26px rgba(223, 190, 98, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1.5px) !important; 
}

/* ==========================================================================
   9. MÄ°KRO ROZETLER (MAIN NAVIGATION BADGES - GÃœVENLÄ° VE ÅžIK HÄ°ZALAMA)
   ========================================================================== */
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item[data-badge] { overflow: visible !important; }

.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item[data-badge]::after {
    content: attr(data-badge) !important;
    display: inline-block !important; 
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    top: -2px !important; 
    right: 8px !important; 
    font-size: 8px !important;
    font-weight: 900 !important;
    padding: 2px 5px !important;
    border-radius: 4px !important;
    border: 1px solid #111316 !important;
    line-height: 1 !important;
    z-index: 55 !important; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6) !important;
}

.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item.badge-exclusive[data-badge]::after { background: linear-gradient(135deg, #e4c264, #bfa04e) !important; color: #000 !important; }
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item.badge-top[data-badge]::after { background: #3b82f6 !important; color: #fff !important; }
.layout-header-holder-bc .nav-content-bc .nav-menu > li > .nav-menu-item.badge-free[data-badge]::after { background: #22c55e !important; color: #fff !important; }

/* ==========================================================================
   10. SİTENİN NORMAL HALİNDEKİ TÜM ÇİZGİLERİ SIFIRLAMA (HEADER İZOLASYONLU)
   ========================================================================== */
.layout-header-holder-bc .nav-content-bc,
.layout-header-holder-bc .nav-content-menu,
.layout-header-holder-bc .nav-menu-container,
.layout-header-holder-bc .nav-menu,
.layout-header-holder-bc .nav-menu-sub,
.layout-header-holder-bc .hdr-user-bc,
.layout-header-holder-bc .hdr-user-bc > *,
.layout-header-holder-bc .logo-container {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.layout-header-holder-bc,
.layout-header-holder-bc .hdr-main-content-bc,
.layout-header-holder-bc .hdr-user-bc .sign-in,
.layout-header-holder-bc .callPanel {
    box-shadow: none !important;
}

/* TALİMATINIZ DOĞRULTUSUNDA: Sadece header içindeki yerleşik dikey bölücü çizgileri tamamen imha eden kural (İzole edilmiştir) */
.layout-header-holder-bc .header-icon-text:after, 
.layout-header-holder-bc .compact-mode:after, 
.layout-header-holder-bc .hdr-crypto-btn:after, 
.layout-header-holder-bc .connect-wallet:after, 
.layout-header-holder-bc .nav-menu-other:after, 
.layout-header-holder-bc .hdr-main-content-bc .infoTime:after, 
.layout-header-holder-bc .smartPanel-bc:after, 
.layout-header-holder-bc .hdr-user-bc .sign-in:after, 
.layout-header-holder-bc .hdr-main-content-bc .bc-loader:after, 
.layout-header-holder-bc .callPanel:after {
    width: 0 !important;
}

/* ==========================================================================
   11. JAVASCRIPT DESTEKLİ SCROLL / STICKY MATRİSİ (SOLA ÇAPALANMIŞ FLUID MATRIX)
   ========================================================================== */
.layout-header-holder-bc { position: relative !important; }

/* Scroll yapıldığında devreye giren üst düzey Kırılmaz Glassmorphism Barı */
.layout-header-holder-bc.is-scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 85px !important; 
    padding: 10px 24px !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
    
    /* MODÜLER GLASSMORPHISM AKIŞI: Saydamlık derinleşti, blur artırıldı */
    background: rgba(17, 19, 22, 0.75) !important; 
    background-color: rgba(17, 19, 22, 0.75) !important;
    backdrop-filter: blur(20px) !important; 
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ÇAKIŞMA ÖNLEYİCİ KRİTİK KATMAN: Scroll anında iç elemanların katı renklerini sıfırlıyoruz ki cam bluru kusursuz sızsın */
.layout-header-holder-bc.is-scrolled .header-bc,
.layout-header-holder-bc.is-scrolled .hdr-main-content-bc,
.layout-header-holder-bc.is-scrolled .nav-content-bc,
.layout-header-holder-bc.is-scrolled .nav-content-menu,
.layout-header-holder-bc.is-scrolled .nav-menu-container,
.layout-header-holder-bc.is-scrolled .nav-menu {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Sticky modda üst duyuru bandını gizleme */
.layout-header-holder-bc.is-scrolled .hdr-dynamic-content { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; }

/* KESKİN HİZALAMA KİLİDİ: Sol sınırı logodan uzağa (280px) açar, sağ sınırı butonların önüne (560px) çeker */
.layout-header-holder-bc.is-scrolled .nav-content-bc {
    position: absolute !important;
    top: 50% !important; 
    left: 280px !important; 
    transform: translateY(-50%) !important; 
    width: auto !important;
    right: 560px !important; 
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    
    z-index: 999999 !important; 
    pointer-events: auto !important; 
}

/* 6 ADET ANA KATEGORİNİN RESPONSIVE (SIVI ÖLÇEKLİ) SIRALANMASI */
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu {
    gap: clamp(6px, 0.8vw, 16px) !important; 
    width: 100% !important;
    justify-content: flex-start !important; 
    pointer-events: auto !important;
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li {
    pointer-events: auto !important;
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu-item {
    min-width: auto !important; 
    padding: 4px clamp(4px, 0.5vw, 10px) !important; 
    pointer-events: auto !important; 
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .CMSIconSVGWrapper {
    width: clamp(20px, 1.2vw, 24px) !important; 
    height: clamp(20px, 1.2vw, 24px) !important;
    margin-bottom: 4px !important; 
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu-item > span:not(.CMSIconSVGWrapper) {
    font-size: clamp(9.5px, 0.6vw, 11px) !important; 
    letter-spacing: 0.5px !important; 
    white-space: nowrap !important;
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu-sub { margin-top: 24px !important; }

/* ==========================================================================
   12. SÄ°LÄ°CÄ° MATRIX: ALTYAPI "DAHA" ELEMENTÄ°NÄ° VE Ä°STENMEYENLERÄ° ZORLA EZME
   ========================================================================== */
.layout-header-holder-bc .nav-menu-other,
.layout-header-holder-bc .nav-menu > li.more,
.layout-header-holder-bc .nav-menu > li[class*="other"],
.layout-header-holder-bc .nav-menu > li[class*="more"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(3),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(4),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(5),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(6),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(10),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(11) {
    display: flex !important; 
    opacity: 1 !important;
    visibility: visible !important;
}

.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(1),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(2),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(7),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(8),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(9),
.layout-header-holder-bc.is-scrolled .nav-content-bc .nav-menu > li:nth-child(12) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

    /* ==========================================================================
   Öne Çıkan Etkinlikler
1. SWIPER SINIRLARINI KIRMA VE ANA PANEL ÇAPA KİLİDİ (STRUCTURAL FIX)
   ========================================================================= */
body .featuredGames {
    position: relative !important; /* Okların başlık şeridine kilitlenmesi için mutlak ana referans noktası */
}

/* KESKİN DÜZELTME: Kartların hover anında yukarı kayarken kesilmesini önleyen emniyet tamponu */
body .featuredGames .featuredGamesContent {
    padding-top: 8px !important;
    margin-top: -8px !important;
    position: static !important;
    overflow: visible !important;
}

/* Okların ve yükselen kartların dışarı taşmasını engelleyen tüm altyapı kilitleri tamamen kırıldı */
body .featuredGames .featuredGamesContent .carouselWrapper,
body .featuredGames .featuredGamesContent .swiper,
body .featuredGames .swiper-wrapper,
body .featuredGames .swiper-slide {
    position: static !important; 
    overflow: visible !important; /* Kartların dikey sınırda kesilmesini (clipping) engelleyen hayati kilit */
}

/* ==========================================================================
   2. BAÅžLIK ALANI MODERNAZÄ°SYONU (PREMIUM CYBER SPORTS BANNER)
   ========================================================================= */
body .featuredGames .page-view-more {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    
    /* Koyu lüks spor platformu gradyanı ve sol imza gold çizgisi */
    background: linear-gradient(90deg, rgba(223, 190, 98, 0.08) 0%, #161920 30%, #111316 100%) !important;
    border-left: 4px solid #DFBE62 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
    
    padding: 16px 20px !important;
    border-radius: 6px !important;
    margin-bottom: 28px !important; /* Başlık şeridi ile kartlar arasında kusursuz nefes alma boşluğu */
    min-height: 56px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Başlık Yazısı: Yüksek kontrastlı gümüş-kristal gradyen tipografisi */
body .featuredGames .view-title-more {
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    
    /* Yazı içi metalik gradyen maskesi */
    background: linear-gradient(90deg, #ffffff 0%, #cbd5e1 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    padding-left: 0 !important;
}

/* Eski çizgileri tamamen imha etme */
body .featuredGames .page-view-more .view-title-more::before {
    display: none !important;
    content: none !important;
}

/* ==========================================================================
   3. OKLARIN BAÅžLIK SATIRINA MÃœKEMMEL GEOMETRÄ°K MERKEZLEME KÄ°LÄ°DÄ°
   ========================================================================= */
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-prev,
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-next {
    position: absolute !important;
    /* 56px yüksekliğindeki barda 32px kare butonun dikeyde milimetrik ortalanması (12px üst + 32px buton + 12px alt = 56px) */
    top: 12px !important; 
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important; /* Esnemeye sebep olan yerleşik transform hesabı tamamen iptal edildi */
    
    /* ULTRA RIJIT KARE KİLİDİ: Dikdörtgen gibi uzamayı engelleyen 3 katmanlı boyut muhafazası */
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    line-height: 1 !important; /* İç metin hizalaması için kritik */
    padding: 0 !important; /* Altyapıdan gelen iç boşluk deformasyonu sıfırlandı */
    border-radius: 4px !important; /* Köşeler 4px keskin geçiş */
    box-sizing: border-box !important;
    align-self: center !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* RENK MATRIXI: Kurumsal Sarı Arka Plan */
    background: #DFBE62 !important;
    background-color: #DFBE62 !important;
    border: none !important;
    
    z-index: 1 !important; /* Katmanların en üstünde kalma güvencesi */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* İkonların mutlak siyah yapılması ve dikeyde sıkışmaması */
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-prev:after,
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-next:after {
    position: static !important; /* Absolute bağları tamamen koparıldı */
    transform: none !important;
    font-size: 14px !important; /* Ok sembolleri daha asil ve okunaklı boyuta çekildi */
    font-weight: 900 !important;
    color: #111316 !important; /* Ok simgeleri siyaha yakın net tona kilitlendi */
    line-height: 1 !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Ä°leri (SaÄŸ) Ok Konumu */
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-next {
    right: 20px !important; /* Başlık şeridinin sağ iç padding çizgisine tam hizalama */
    left: auto !important;
}

/* Geri (Sol) Ok Konumu (Sağ okun hemen soluna jilet gibi yapışma) */
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-prev {
    /* 20px sağ boşluk + 32px sağ ok genişliği + 8px aralarındaki gap mesafesi = 60px */
    right: 60px !important;
    left: auto !important;
}

/* Ok Butonları Hover İnteraksiyonu (Premium Parlama) */
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-prev:hover,
body .featuredGames .featuredGamesContent .carouselWrapper .swiper .swiper-button-next:hover {
    background: #ffe082 !important; /* Hover anında mikro sarı aydınlanması */
    transform: scale(1.05) !important; /* Sadece kendi içinde temiz bir büyüme */
    box-shadow: 0 0 14px rgba(223, 190, 98, 0.4) !important;
}

/* ==========================================================================
   4. ETKİNLİK KART GÖVDELERİ (YÜKSELME VE NEON GÖLGE ETKİSİ GÜNCELLEMESİ)
   ========================================================================= */
.featuredGames .featuredGameItem {
    /* Arka plan görselinin çok daha görünür olması için koyu katman opaklığı ayarı */
    background: linear-gradient(135deg, rgba(21, 24, 31, 0.01) 0%, rgba(17, 19, 22, 0.65) 100%), 
                url('https://images2.imgbox.com/56/7a/X1ZbDwF6_o.jpg') !important;
    
    /* YAPTIĞINIZ DEĞİŞİKLİK KORUNDU: Görsel boyutu auto olarak yapılandırıldı */
    background-size: auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    
    min-height: 220px !important;
    padding: 24px 16px !important;
    
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* KESKİN DÜZELTME: Kart hover anında yukarı kesilmeden yükselir ve kurumsal asil sarı neon parlama efekti yayar */
.featuredGames .featuredGameItem:hover {
    transform: translateY(-5px) !important; /* Yükselme payı pürüzsüzleştirildi */
    border-color: rgba(223, 190, 98, 0.35) !important;
    
    /* Yapıya mükemmel oturan derin tabanlı siber gold parlama matrisi */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.75), 
                0 0 25px rgba(223, 190, 98, 0.18), 
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Header alanı tamamen transparan */
.featuredGames .featuredGameItemHeader { 
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0px solid rgba(255, 255, 255, 0.05) !important; 
    padding-bottom: 12px !important; 
    margin-bottom: 16px !important; 
}

.featuredGames .featuredGameItemHeaderContent { display: flex !important; align-items: center !important; gap: 8px !important; }
.featuredGames .featuredGameItemSportAliasIcon { font-size: 14px !important; color: #94a3b8 !important; display: inline-flex !important; align-items: center; }
.featuredGames .featuredGameItemFlag { width: 16px !important; height: 11px !important; border-radius: 2px !important; object-fit: cover !important; display: inline-block !important; }
.featuredGames .featuredGameItemCompetitionName { font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; color: #A1A1AA !important; text-transform: uppercase !important; }

/* Body alanı ve iç player katmanları tamamen transparan */
.featuredGames .featuredGameItemBody {
    background: transparent !important;
    background-color: transparent !important;
}

.featuredGames .featuredGameItemPlayersContainer { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 24px !important; width: 100% !important; background: transparent !important; }
.featuredGames .featuredGameItemPlayer { display: flex !important; align-items: center !important; width: 40% !important; gap: 10px !important; background: transparent !important;}
.featuredGames .featuredGameItemPlayer.team1 { justify-content: flex-end !important; text-align: right !important; }
.featuredGames .featuredGameItemPlayer.team2 { justify-content: flex-start !important; text-align: left !important; }

/* Metinlerin okunabilirliğini artıran gölgeler */
.featuredGames .featuredGameItemPlayerName { font-size: 14px !important; font-weight: 700 !important; color: #e2e8f0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important; }
.featuredGames .featuredGameItemPlayerImg { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; object-fit: contain !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) !important; flex-shrink: 0 !important; }
.featuredGames .featuredGameItemTimeBlock { width: 20% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; background: transparent !important; }

.featuredGames .featuredGameItemTime { 
    background: transparent !important; 
    border: none !important; 
    padding: 0 !important; 
    border-radius: 0 !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    min-width: auto !important; 
    box-shadow: none !important;
}

.featuredGames .featuredGameItemTime time:first-child { font-size: 11px !important; font-weight: 700 !important; color: #94a3b8 !important; margin-bottom: 4px !important; }
.featuredGames .featuredGameItemTime time:last-child { font-size: 13px !important; font-weight: 800 !important; color: #ffffff !important; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important; }

/* ==========================================================================
   5. ORAN BUTONLARI VE FLAÅž ORAN ALANI (CASCADING & HIGHLIGHT MATRIX)
   ========================================================================= */
.featuredGames .market-group-holder-bc { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; background: transparent !important; }
.featuredGames .market-group-item-bc { flex: 1 !important; min-width: 0 !important; background: transparent !important; }

/* Oran Hücreleri Temel Kuralları */
.featuredGames .sgm-market-g-i-cell-bc.market-bc { 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    padding: 12px 14px !important; 
    background: rgba(255, 255, 255, 0.03) !important; 
    border: 1px solid rgba(255, 255, 255, 0.05) !important; 
    border-radius: 8px !important; 
    cursor: pointer !important; 
    box-sizing: border-box !important; 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; 
    box-shadow: none !important;
}

.featuredGames .sgm-market-g-i-cell-bc.market-bc:hover { background: rgba(223, 190, 98, 0.08) !important; border-color: rgba(223, 190, 98, 0.3) !important; }
.featuredGames .market-name-bc { font-size: 11px !important; font-weight: 700 !important; color: #cbd5e1 !important; text-transform: uppercase !important; }
.featuredGames .market-coefficient-bc { display: flex !important; align-items: center !important; gap: 4px !important; }
.featuredGames .market-odd-bc { font-size: 14px !important; font-weight: 800 !important; color: #ffffff !important; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important; }

/* Flaş Oran Hücre Yapıları (Normal Durum Kuralları) */
.featuredGames .sgm-market-g-i-cell-bc.market-bc:has(.bc-i-boost) { background: rgba(16, 185, 129, 0.03) !important; border-color: rgba(16, 185, 129, 0.2) !important; }
.featuredGames .sgm-market-g-i-cell-bc.market-bc:has(.bc-i-boost):hover { background: rgba(16, 185, 129, 0.08) !important; border-color: rgba(16, 185, 129, 0.4) !important; }
.featuredGames .market-icon-bc.bc-i-boost { color: #10b981 !important; font-size: 12px !important; display: inline-flex !important; align-items: center !important; filter: drop-shadow(0 0 4px rgba(16, 185, 129, 0.4)) !important; }
.featuredGames .sgm-market-g-i-cell-bc.market-bc:has(.bc-i-boost) .market-odd-bc { color: #10b981 !important; }

/* KESKİN DÜZELTME: SEÇİLİ/AKTİF HÜCRELERİN ROKETLİ OLSA BİLE HER KOŞULDA GOLD RENGİNE DÖNMESİNİ SAĞLAYAN SIRA KİLİDİ */
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.selected,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.active,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="selected"],
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="active"] {
    background: #DFBE62 !important;
    background-color: #DFBE62 !important;
    border-color: #DFBE62 !important;
    box-shadow: 0 4px 15px rgba(223, 190, 98, 0.3) !important;
}

/* Seçili durumdaki butonların iç metinlerini saf siyaha çekerek okunabilirliği kusursuzlaştırıyoruz */
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.selected .market-name-bc,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.active .market-name-bc,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="selected"] .market-name-bc,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="active"] .market-name-bc {
    color: #111316 !important;
}

body .featuredGames .sgm-market-g-i-cell-bc.market-bc.selected .market-odd-bc,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.active .market-odd-bc,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="selected"] .market-odd-bc,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="active"] .market-odd-bc {
    color: #111316 !important;
    text-shadow: none !important; /* Arka plan açık renk olduğu için siyah gölgeyi sıfırlıyoruz */
}

/* Arttırılmış/Flaş oranlı butonlar seçildiğinde yeşil roket simgesini de mat siyaha çekme koruması */
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.selected .market-icon-bc.bc-i-boost,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc.active .market-icon-bc.bc-i-boost,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="selected"] .market-icon-bc.bc-i-boost,
body .featuredGames .sgm-market-g-i-cell-bc.market-bc[class*="active"] .market-icon-bc.bc-i-boost {
    color: #111316 !important;
    filter: none !important;
}
    /* ==========================================================================
   SOSYAL SIDEBAR - SIFIR ÇAKIŞMALI HOVER VE DİKEY MERKEZLEME MATRIXI
   ========================================================================= */

body .sidebar-content {
    /* 1. KONUM KİLİDİ: Üst menünün koordinat düzleminde kalması için absolute modu korunur */
    display: none !important; 
}
    /* ==========================================================================
   YENİ BÖLÜM: TURNUVA GERİ SAYIM SAYACI - DIŞ İŞARET VE PREMIUM KONTRAST MATRIX
   ========================================================================= */

/* 1. ANA SAYAÇ KAPSAYICISI: Dikey ortalı nizam ve yüksek kontrastlı premium arka plan */
body .slider-bc .countdown-banner-content {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: 24px !important;
    transform: translateY(-50%) !important;
    
    /* Düzen Ayarları */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* İçerideki tüm bağımsız elementleri dikeyde ortalar */
    gap: 12px !important; /* DÜZELTME: İki nokta işaretlerinin dışarıda rahat nefes alması için boşluk 12px'e çıkarıldı */
    padding: 10px 14px !important;
    
    /* Arka Plan ve Siber Altın Çerçeve */
    background: #14171f !important;
    border: 2px solid #DFBE62 !important; 
    border-radius: 8px !important;
    
    /* Derinlik ve seçilebilirliği artıran güçlü siber gold neon gölgesi */
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85), 
                0 0 20px rgba(223, 190, 98, 0.25) !important;
    z-index: 20 !important;
    box-sizing: border-box !important;
}

/* 2. ZAMAN HÜCRELER/KUTULARI: Kutuların iç sınırlarını netleştiriyoruz */
body .slider-bc .countdown-banner-content .countdown-banner-counter {
    position: relative !important; /* Dışarı fırlatacağımız iki noktaların kutuyu referans alması için */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Kutuların stabil kalması ve rakam kaymalarını önlemek için rijit ölçü */
    min-width: 48px !important;
    padding: 6px 4px !important;
    background: rgba(255, 255, 255, 0.04) !important; 
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   KÄ°LÄ°T DÃœZELTME: Ä°KÄ° NOKTA ( : ) Ä°ÅžARETLERÄ°NÄ° KUTU DIÅžINA ALMA VE ORTALAMA
   ========================================================================= */
/* KESKİN DÜZELTME: Altyapıdan gelen tüm iki nokta seperatörlerini kutunun sol iç 
   duvarından söküyor, negatif değerle (-10px) kutu dışındaki gap boşluğuna tam ortalıyoruz. */
body .slider-bc .countdown-banner-content .countdown-banner-counter::before,
body .slider-bc .countdown-banner-content .countdown-banner-counter::after,
body .slider-bc .countdown-banner-content div::before,
body .slider-bc .countdown-banner-content div::after {
    position: absolute !important;
    top: 50% !important;
    left: -10px !important; /* Kutunun dış sınırından sola, iki kutunun tam ortasına fırlatır */
    transform: translateY(-50%) !important; /* Dikeyde milimetrik merkezleme kilit çizgisi */
    
    /* Tipografi ve Estetik Parlama */
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #DFBE62 !important;
    text-shadow: 0 0 8px rgba(223, 190, 98, 0.5) !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 3. DİNAMİK RAKAMLAR: Yüksek görünürlüklü, kurumsal altın sarısı tipografi */
body .slider-bc .countdown-banner-content .countdown-banner-counter .countdown-banner-date {
    font-size: 17px !important;
    font-weight: 900 !important;
    font-family: 'Roboto Mono', 'Courier New', monospace, sans-serif !important; 
    
    color: #DFBE62 !important;
    text-shadow: 0 0 10px rgba(223, 190, 98, 0.4) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    display: block !important;
}

/* 4. SABİT ETİKETLER (GÜN, SAAT, DK, SN): Muted kristal gümüş tonda okunaklı alt yazılar */
body .slider-bc .countdown-banner-content .countdown-banner-counter .countdown-banner-names {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #cbd5e1 !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin-top: 4px !important;
    line-height: 1 !important;
    display: block !important;
}
/* ==========================================================================
   YENİ BÖLÜM: ÖNE ÇIKAN MAÇLAR - CANLI YAYIN İKON SİNYALİZASYON MATRİSİ
   ========================================================================= */

/* TAM İZOLASYON KİLİDİ: Sadece öne çıkan maç kartlarının içindeki ilgili ikonu hedefler */
html body .featuredGames .featuredGameItem .featuredGameItemFlag {
    /* KESKÄ°N EMÄ°R: Ä°konu istediÄŸiniz kurumsal yeÅŸil tona kilitler */
    color: #10B981 !important; 
    
    /* Altyapıdan gelebilecek yerleşik renk kodlarını veya filtreleri zorla ezer */
    background-color: transparent !important;
    
    /* CANLI YAYIN EFEKTİ: Sonsuz döngüde, yumuşak geçişli canlı yayın sinyal animasyonu */
    animation: live-stream-pulse 1.3s infinite ease-in-out !important;
    
    /* Görünürlüğü ve derinliği zirveye çıkaran yeşil siber neon gölgesi */
    filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.85)) !important;
    
    display: inline-block !important;
}

/* KESKÄ°N ANÄ°MASYON MOTORU (LIVE BROADCAST PULSE) */
@keyframes live-stream-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.35; /* Görseli kapatmadan arkadaki nabız hissini veren sönme payı */
        transform: scale(0.93); /* Hafifçe içe büzülerek gerçekçi bir radar sinyali taklidi yapar */
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* ==========================================================================
   YENİ BÖLÜM: CASINO JACKPOT WIDGET - ARKA PLAN VE KONTRAST TAM DÜZELTME
   ========================================================================= */

/* TAM İZOLASYON KİLİDİ: Sadece ve sadece bu widget alanına kilitlenir */
html body .casinoJackpotWrapper.isWidget {
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    
    /* Çerçeve, padding ve lüks gölge derinliği buraya senkronize edildi */
    padding: 24px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.65) !important;
    
    /* GÖRSELİN TÜM WIDGET'I KAPLAMA MOTORU */
    background-image: linear-gradient(135deg, rgba(17, 19, 22, 0.45) 0%, rgba(11, 13, 16, 0.80) 100%), 
                      url('https://images2.imgbox.com/7e/79/Lu8AdRja_o.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* ==========================================================================
   1. SAÄžLAYICI BUTONLARI - KESKÄ°N SÄ°YAH SÄ°LÃœET VE KONTRAST KÄ°LÄ°DÄ°
   ========================================================================= */
html body .casinoJackpotWrapper.isWidget .horizontalSliderWrapper,
html body .casinoJackpotWrapper.isWidget .horizontalSliderRow {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    transform: none !important; /* Kayma hatasını sıfırlar */
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

html body .casinoJackpotWrapper.isWidget .horizontalCategoryItemWrp {
    flex: 1 1 0% !important; /* 4 Butonun tam genişlikte jilet gibi eşit yayılması */
    margin: 0 !important;
    padding: 0 !important;
}

/* Pasif Butonlar: Daha belirgin, okunaklı koyu karbon tonu */
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem {
    background: #1f232b !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 6px !important;
    min-height: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

/* Pasif Buton İkonları: Parlak berrak gümüş */
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem i,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem svg,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem img {
    color: #cbd5e1 !important;
    font-size: 42px !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Aktif ve Hover Butonlar: Kurumsal İmza Sarısı */
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItemWrp.active .horizontalCategoryItem,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem:hover {
    background: #DFBE62 !important;
    border-color: #DFBE62 !important;
    box-shadow: 0 4px 15px rgba(223, 190, 98, 0.35) !important;
}

/* KESKİN DÜZELTME: Aktif ve hover butonun içindeki logonun her koşulda jilet gibi 
   okunması için rengini mat siyaha çeker ve altyapı filtrelerini siyah silüetle ezer. */
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItemWrp.active .horizontalCategoryItem i,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItemWrp.active .horizontalCategoryItem svg,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItemWrp.active .horizontalCategoryItem img,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItemWrp.active .horizontalCategoryItem *,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem:hover i,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem:hover svg,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem:hover img,
html body .casinoJackpotWrapper.isWidget .horizontalCategoryItem:hover * {
    color: #111316 !important;
    fill: #111316 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    filter: brightness(0) !important; /* Altyapı logo biçimi ne olursa olsun kapkara ve net yapar */
}

/* ==========================================================================
   2. GÖVDE VE KESİNTİSİZ TAM BOY ARKA PLAN GÖRSELİ (BACKGROUND FIX)
   ========================================================================= */
html body .casinoJackpotWrapper.isWidget .casinoJackpotBody {
    /* KESKİN DÜZELTME: Arka plan görseli en dış sarmalayıcıya taşındığı için 
       gövdenin kendi katı renkleri, paddingleri ve gölgeleri tamamen transparan yapıldı. */
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* KESKİN DÜZELTME 2: Arka plan görselinin altına binen o siyah kesinti şeridini/maskesini kökten yok ediyoruz */
html body .casinoJackpotWrapper.isWidget .casinoJackpotBody::before,
html body .casinoJackpotWrapper.isWidget .casinoJackpotBody::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
}

/* Başlık */
html body .casinoJackpotWrapper.isWidget .casinoJackpotTitle {
    color: #DFBE62 !important;
    text-align: center !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 20px !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important;
}

/* ==========================================================================
   3. SIFIR GİRİNTİ VE SİBER YEŞİL CANLI RAKAM ENJEKSİYONU
   ========================================================================= */
html body .casinoJackpotWrapper.isWidget .casinoJackpotPoolBig,
html body .casinoJackpotWrapper.isWidget .casinoJackpotLevelList,
html body .casinoJackpotWrapper.isWidget .jackpotPoolWrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Büyük Havuz (Pikes) Konteyneri */
html body .casinoJackpotWrapper.isWidget .casinoJackpotPoolBig .jackpotPoolWrapper {
    background: rgba(20, 23, 31, 0.85) !important;
    border: 1px solid rgba(223, 190, 98, 0.25) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 14px !important;
}

/* Küçük Havuzlar (Kupa, Karo, Sinek) */
html body .casinoJackpotWrapper.isWidget .casinoJackpotBody .casinoJackpotLevelList {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
}

html body .casinoJackpotWrapper.isWidget .casinoJackpotBody .casinoJackpotLevelList .tooltipIconWrapper {
    flex: 1 1 0% !important;
}

html body .casinoJackpotWrapper.isWidget .casinoJackpotBody .casinoJackpotLevelList .jackpotPoolWrapper {
    background: rgba(20, 23, 31, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    padding: 12px !important;
}

/* Havuz Yazıları */
html body .casinoJackpotWrapper.isWidget .jackpotPoolTitle {
    color: #A1A1AA !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.5px !important;
}

html body .casinoJackpotWrapper.isWidget .jackpotPoolMoneyInner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Odometer Sabitleme */
html body .casinoJackpotWrapper.isWidget .jackpotPoolPrice.odometer * {
    font-family: 'Roboto Mono', 'Courier New', monospace, sans-serif !important;
    font-weight: 800 !important;
}

/* KESKİN DÜZELTME 3: Büyük Havuz Rakamlarını (Pikes) Net Olarak Canlı Siber Yeşile Boyama */
html body .casinoJackpotWrapper.isWidget .casinoJackpotPoolBig .jackpotPoolPrice.odometer .odometer-inside,
html body .casinoJackpotWrapper.isWidget .casinoJackpotPoolBig .jackpotPoolPrice.odometer .odometer-digit-inner,
html body .casinoJackpotWrapper.isWidget .casinoJackpotPoolBig .jackpotPoolPrice.odometer .odometer-value,
html body .casinoJackpotWrapper.isWidget .casinoJackpotPoolBig .jackpotPoolMoneyCurrencySymbol {
    color: #10B981 !important;
    font-size: 28px !important;
    text-shadow: 0 0 10px rgba(16, 185, 129, 0.4) !important;
}

/* Küçük Havuz Rakamları */
html body .casinoJackpotWrapper.isWidget .casinoJackpotLevelList .jackpotPoolPrice.odometer .odometer-inside,
html body .casinoJackpotWrapper.isWidget .casinoJackpotLevelList .jackpotPoolPrice.odometer .odometer-digit-inner,
html body .casinoJackpotWrapper.isWidget .casinoJackpotLevelList .jackpotPoolPrice.odometer .odometer-value,
html body .casinoJackpotWrapper.isWidget .casinoJackpotLevelList .jackpotPoolMoneyCurrencySymbol {
    color: #ffffff !important;
    font-size: 18px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}

/* ==========================================================================
   4. DAHA FAZLA GÖSTER BUTONU
   ========================================================================= */
html body .casinoJackpotWrapper.isWidget button.btn {
    background: #DFBE62 !important;
    color: #111316 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    border: none !important;
    margin: 20px auto 0 auto !important;
    display: block !important;
    width: auto !important;
    box-shadow: 0 4px 12px rgba(223, 190, 98, 0.25) !important;
    transition: all 0.2s ease !important;
}

html body .casinoJackpotWrapper.isWidget button.btn:hover {
    background: #ffe082 !important;
    box-shadow: 0 6px 18px rgba(223, 190, 98, 0.45) !important;
}
/* ==========================================================================
   YENİ BÖLÜM: BOŞ STORIES (HİKAYE) SATIRI - HAYALET BOŞLUK İMHA MATRİSİ
   ========================================================================= */

/* TAM İZOLASYON KİLİDİ: Sadece içinde hikaye widget'ı barındıran satırı hedef alır,
   diğer tüm normal oyun ve banner satırlarını (:not/:has kombinasyonuyla) tamamen özgür bırakır. */
html body .hm-row-bc:has(.storiesWidgetWrapper) {
    /* 1. YERLEŞİM İMHASI: Grid aksını ve tüm görüntülenme modunu kapatır */
    display: none !important;
    
    /* 2. GEOMETRİK SIFIRLAMA: Altyapıdan gelen tüm gizli dikey pikselleri eritir */
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    
    /* 3. TAMPON TEMİZLİĞİ: Sayfada yukarı/aşağı boşluk yaratan tüm padding ve marginleri sıfırlar */
    margin: 0 !important;
    padding: 0 !important;
    
    /* 4. GÜVENLİK KİLİDİ: Tarayıcı render motoru için katmanı tamamen boşa çıkarır */
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* ==========================================================================
   YENİ BÖLÜM: TREND SLOTLAR - PREMIUM BAŞLIK VE NAVİGASYON MATRİSİ
   ========================================================================= */

/* ANA ÇAPA KİLİDİ */
html body .casinoHorizontalGamesList {
    position: relative !important;
}

/* ==========================================================================
   1. BAÅžLIK ALANI MODERNAZÄ°SYONU (PREMIUM CYBER SLOT BANNER)
   ========================================================================= */
html body .casinoHorizontalGamesList .sectionTitle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    
    /* KİLİT DÜZELTME: Okların bar içinde çakılı kalması için referans noktası buraya alındı */
    position: relative !important; 
    
    /* Öne Çıkanlar bölümüyle jilet gibi eşitlenen koyu lüks gradyan ve sol altın imza çizgisi */
    background: linear-gradient(90deg, rgba(223, 190, 98, 0.08) 0%, #161920 30%, #111316 100%) !important;
    border-left: 4px solid #DFBE62 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
    
    padding: 16px 20px !important;
    border-radius: 6px !important;
    
    /* KESKÄ°N BOÅžLUK DÃœZELTMELERÄ° */
    margin-top: 25px !important;    /* Başlık ile üstündeki widgetlar arasındaki net boşluk */
    margin-bottom: 4px !important;  /* KESKİN DÜZELTME: Alttaki oyunlarla aradaki boşluk sıfıra yakın çekildi */
    
    min-height: 56px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* KESKİN DÜZELTME 2: Alttaki oyun bandının yerleşik üst boşluklarını imha ederek mesafeyi tamamen kapatıyoruz */
html body .casinoHorizontalGamesList .carouselWrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Başlık Yazısı (Trend): Yüksek kontrastlı gümüş-kristal gradyen tipografisi */
html body .casinoHorizontalGamesList .sectionTitleText {
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    
    /* Yazı içi metalik gradyen maskesi */
    background: linear-gradient(90deg, #ffffff 0%, #cbd5e1 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   2. OKLARIN BAÅžLIK SATIRINA MÃœKEMMEL GEOMETRÄ°K MERKEZLEME KÄ°LÄ°DÄ°
   ========================================================================= */
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button {
    position: absolute !important;
    
    /* KESKİN DÜZELTME 3: Sabit piksel yerine dikey aksın tam ortasına (%50) çivileme motoru */
    top: 50% !important; 
    transform: translateY(-50%) !important; /* Kusursuz dikey merkezleme kilit çizgisi */
    bottom: auto !important;
    margin: 0 !important;
    
    /* ULTRA RIJIT KARE KİLİDİ: Dikdörtgen gibi uzamayı engelleyen koruma boyutu */
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 0 !important; 
    border-radius: 4px !important; 
    box-sizing: border-box !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* RENK MATRIXI: Kurumsal Sarı Arka Plan */
    background: #DFBE62 !important;
    border: none !important;
    z-index: 10 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

/* Pasif/Disabled Durum Yönetimi */
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button:disabled {
    background: #3a321d !important; 
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* Sağa İlerleme Okunun Görünürlük Kilidi */
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button:nth-child(2) {
    right: 20px !important; 
    left: auto !important;
    display: flex !important;
}

/* Geri (Sol) Ok Konumu */
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button:nth-child(1) {
    right: 60px !important;
    left: auto !important;
}

/* İç SVG İkon Katmanlarının mutlak mat siyah yapılması ve tam ortalanması */
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button .CMSIconSVGWrapper,
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button svg {
    width: 14px !important;
    height: 14px !important;
    color: #111316 !important; 
    fill: #111316 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ok Butonları Hover İnteraksiyonu (Dikey nizamı bozmadan pürüzsüz parlama) */
html body .casinoHorizontalGamesList .sectionTitleBtnWrapper button:not(:disabled):hover {
    background: #ffe082 !important; 
    transform: translateY(-50%) scale(1.05) !important; /* Hizalamayı koruyarak mikro büyüme */
    box-shadow: 0 0 14px rgba(223, 190, 98, 0.4) !important;
}

/* Üst Köşe İkonlarının Filtre Koruması */
html body .casinoHorizontalGamesList .casinoGameItemContent button:not(:last-of-type):not(:nth-last-of-type(2)),
html body .casinoHorizontalGamesList .casinoGameItemContent a:not(:last-of-type):not(:nth-last-of-type(2)) {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
}
/* ==========================================================================
   YENİ BÖLÜM: ÜST MENÜ AKTİF ELEMAN (ACTIVE NAVIGATION) - PREMIUM GOLD MODU
   ========================================================================= */

/* KESKİN DÜZELTME: O rüküş yeşil blok arka planı tamamen imha edilir, 
   sadece header menüsündeki aktif elemanlar kurumsal kimliğe senkronize edilir. */
html body .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
html body .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active {
    /* Çiğ yeşil arka planı silip asil transparanlığa geri dönüyoruz */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* AKTİF İKON DÜZENLEMESİ: Aktif olan kategorinin ikonunu gold yapar ve siber neon ışıma verir */
html body .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active .CMSIconSVGWrapper svg,
html body .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active .CMSIconSVGWrapper svg {
    color: #DFBE62 !important;
    fill: #DFBE62 !important;
    
    /* İkonun aktif olduğunu belirten asil gold drop-shadow aydınlatması */
    filter: drop-shadow(0 0 6px rgba(223, 190, 98, 0.65)) !important;
    transform: scale(1.04) !important;
    transition: all 0.2s ease !important;
}

/* AKTİF METİN DÜZENLEMESİ: İkon sarı olduğunda yazının kristal beyaz kalması kusursuz bir kontrast yaratır */
html body .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active > span:not(.CMSIconSVGWrapper),
html body .layout-header-holder-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active > span:not(.CMSIconSVGWrapper) {
    color: #f8fafc !important; /* Net, yüksek görünürlüklü premium beyaz */
    font-weight: 800 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}
/* ==========================================================================
   YENİ BÖLÜM: SPOR ALT MENÜSÜ - %100 GERÇEK İZOLASYON VE TAM KAPLAMA KİLİDİ
   ========================================================================= */

/* KESKİN SIFIRLAMA: Üst ana menüye sızan tüm hatalı arka plan ve şerit hatlarını tamamen imha eder */
html body .layout-header-holder-bc .nav-menu-container .nav-menu-hide-items {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 1. KESKİN ALT MENÜ ÇAPASI (.nav-content-bc Doğrudan Çocuk Seçici)
   Arka planın ikonları dışarıda bırakmasını engellemek için dikeyde TAM GEOMETRİK KAPLAMA sağlar. */
html body .nav-content-bc > .nav-menu-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* Alt menü elemanlarını tam yatay aksa ortalar */
    width: 100% !important;
    
    /* İkon + Metin dikey yüksekliğini eksiksiz kaplayan lüks bar boyutu */
    height: auto !important;
    min-height: 85px !important; 
    padding: 10px 0 !important;
    margin: 12px 0 0 0 !important;
    box-sizing: border-box !important;
    
    /* PREMIUM AKRÄ°LÄ°K ZEMÄ°N */
    background: rgba(20, 23, 31, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    border-top: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 2. İÇ LİSTE YAPISI SIFIRLAMA */
html body .nav-content-bc > .nav-menu-container .nav-menu-hide-items {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important; /* Kategoriler arası asil boşluk */
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 100% !important;
}

/* 3. LİNK ÇAPALARI: Ana menüyle uyumlu, ikon üstte metin altta dikey nizam kilitlendi */
html body .nav-content-bc > .nav-menu-container .nav-menu-item {
    display: inline-flex !important;
    flex-direction: column !important; /* İkon üstte, yazı altta kusursuz simetri */
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    height: auto !important;
    min-height: 65px !important;
    line-height: normal !important;
    
    color: #94a3b8 !important; 
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important; /* Yazıların kırılmasını kesin olarak önler */
    
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

/* Altyapıdan miras kalan küçük ok ikonları imha */
html body .nav-content-bc > .nav-menu-container .nav-menu-sub-arrow {
    display: none !important;
}

/* 4. HOVER INTERAKSÄ°YONU */
html body .nav-content-bc > .nav-menu-container .nav-menu-item:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

/* 5. ALT MENÜ AKTİF ELEMAN (ACTIVE CAPSULE)
   Altyapı ezmelerini engellemek için seçici hiyerarşisi maksimum derinliğe ulaştırıldı 
   ve arka plan tonu lüks bir akrilik griyle belirginleştirildi. */
html body .nav-content-bc > .nav-menu-container .nav-menu-hide-items > li > a.nav-menu-item.active {
    color: #ffffff !important;
    
    /* Belirgin Arka Plan: Kendini çok şık belli eden yarı saydam akrilik capsule dokusu */
    background: rgba(255, 255, 255, 0.07) !important; 
    background-color: rgba(255, 255, 255, 0.07) !important;
    
    border: 1px solid rgba(223, 190, 98, 0.30) !important; /* İnce gold çerçeve bağı */
    border-radius: 4px !important;
    
    /* Derinlik ve hafif aura ışıması */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 
                0 0 8px rgba(223, 190, 98, 0.1) !important;
}
html body .nav-content-bc > .nav-menu-container .nav-menu-hide-items > li > a.nav-menu-item.active:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important; 
    background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(223, 190, 98, 0.30) !important; 
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 
                0 0 8px rgba(223, 190, 98, 0.1) !important;
}

/* Aktif Eleman Ä°konu (Kupa) Gold Kilidi */
html body .nav-content-bc > .nav-menu-container .nav-menu-hide-items > li > a.nav-menu-item.active .CMSIconSVGWrapper svg {
    color: #DFBE62 !important;
    fill: #DFBE62 !important;
    filter: drop-shadow(0 0 5px rgba(223, 190, 98, 0.5)) !important;
}

/* 6. Ä°KON METRÄ°KLERÄ° */
html body .nav-content-bc > .nav-menu-container .CMSIconSVGWrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important; 
    height: 20px !important;
    margin: 0 !important;
}

html body .nav-content-bc > .nav-menu-container .CMSIconSVGWrapper svg {
    width: 100% !important;
    height: 100% !important;
}

/* 7. MİKRO "ÖZEL" ROZETİ (DATA-BADGE GEOMETRİSİ) */
html body .nav-content-bc > .nav-menu-container .nav-menu-item[data-badge] {
    overflow: visible !important;
}

html body .nav-content-bc > .nav-menu-container .nav-menu-item[data-badge]::after {
    content: attr(data-badge) !important;
    position: absolute !important;
    top: -4px !important; 
    right: 2px !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    background: linear-gradient(135deg, #e4c264, #bfa04e) !important;
    color: #111316 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================================================
   8. STICKY MODDA ALT MENÜ İMHA MOTORU (SCROLL BUG FIX)
   Sayfa aşağı kaydırılıp ana header jilet gibi daraldığında (is-scrolled), 
   görsel kalabalığı ve alan daralmasını önlemek için alt menüyü tamamen gizler. 
   Sayfa en tepeye çıktığında alt menü pürüzsüzce geri yüklenir.
   ========================================================================= */
html body .layout-header-holder-bc.is-scrolled .nav-content-bc > .nav-menu-container {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* ==========================================================================
   5li spor slot canlı - %100 İZOLE BULLETPROOF MATRIX (5'Lİ SIVI SİSTEM)
   ÜRÜN BANNERLARI - SADECE ANA NAVİGASYON SATIRINI HEDEF ALIR
   ========================================================================= */

/* 1. ANA KAPSAYICI: Gap sıfırlanırken tüm kavisler ve taşmalar kontrol altına alındı */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Alt satıra sarkmaları kesin olarak engeller */
    gap: 0 !important; /* Görseller arasındaki boşlukları sıfırlar */
    padding: 0 !important;
    margin: 20px 0 !important; /* Üst ve alt bileşenlerle asil nefes alma payı */
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* Dışa taşan subpixel hatalarını keser */
    float: none !important;
    min-height: auto !important;
    border-radius: 0 !important;
}

/* 2. REKÜRSİF DIV SABİTLEME: 5 butonun ekrana otomatik, eşit ve kusursuz sığma motoru */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) > div {
    flex: 1 1 0% !important; /* Katı %20 yerine sıvı 0% tabanlı eşit dağılım kilitlendi */
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important; 
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: auto !important;
    border-radius: 0 !important;
}

/* 3. LİNK KAPSÜLLERİ: Tam ekran uyumu için esnek oranlama */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) .product-banner-bc {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
    overflow: hidden !important; /* İçerideki hover ışığının dışarı taşmasını engeller */
    transform: none !important;
    scale: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 0 !important;
}

/* 4. GÖRSEL KATMANLAR: Responsive subpixel sızıntı koruması */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) .product-banner-img-bc {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; /* En-boy oranını koruyarak büzülmeyi sağlar */
    object-fit: cover !important; 
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    opacity: 1 !important;
    filter: none !important;
    border-radius: 0 !important;
}

/* ==========================================================================
   5. PREMIUM HOVER EFEKTİ (GLINT MATRIX & GOLD LINE)
   ========================================================================= */

/* Banner'ların içinden akıp geçen asil saf beyaz ışık lazeri katmanı */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) .product-banner-bc::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 40% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.16) 50%, 
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: skewX(-25deg) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* SADECE HOVER OLANA ETKİ: Net kurumsal altın alt çizgi vurgusu ve iç gölge derinliği */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) .product-banner-bc:hover {
    box-shadow: inset 0 -4px 0 0 #DFBE62, inset 0 0 40px rgba(0, 0, 0, 0.6) !important;
}

/* Lazer ışık hüzmesinin hover anında kartın içinden pürüzsüzce akıp geçmesi */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) .product-banner-bc:hover::after {
    left: 160% !important;
    transition: left 0.45s ease-out !important;
}

/* Hover olan kartın renklerini ve parlaklığını canlandırma motoru */
html body .product-banner-container-bc.product-banner-without-titles:has(a[aria-label="Spor"]) .product-banner-bc:hover .product-banner-img-bc {
    filter: brightness(1.12) contrast(1.04) !important;
}
/* ==========================================================================
   YENİ BÖLÜM: RESMİ HTML MATRIX - ÖZEL GLASSMORPHISM POPUP SİSTEMİ
   ========================================================================= */

/* 1. ANA MODAL GÖVDESİ: Altyapısal daralmaları çözen akrilik cam kalkanı */
html body #base_popup_id.popup-inner-bc {
    display: block !important;
    position: fixed !important;
    
    /* Ekranın tam ortasına geometrik çivileme motoru */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Geometri ve Ölçek Nizamı (Dar şerit çökmesini önleyen katı yükseklik tamponu) */
    width: calc(100% - 40px) !important;
    max-width: 460px !important;
    height: auto !important;
    min-height: 420px !important; /* İnce bir çizgi haline gelmesini engelleyen koruma barajı */
    box-sizing: border-box !important;
    overflow: visible !important; /* Görsel ve butonların kırpılmasını tamamen durdurur */
    
    /* Premium Akrilik Cam Dokusu & Kurumsal Altın (#E4C264) Üst İmza Çizgisi */
    background: rgba(4, 6, 9, 0.76) !important;
    background-color: rgba(4, 6, 9, 0.76) !important;
    backdrop-filter: blur(35px) !important;
    -webkit-backdrop-filter: blur(35px) !important;
    
    /* Kristal ışık hatları ve dairesel köşe radius kilidi */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: 4px solid #E4C264 !important;
    border-radius: 22px !important;
    
    /* X ikonunun metinlere bindirme yapmaması için üst boşluk 42px yapıldı */
    padding: 42px 28px 28px 28px !important;
    
    /* Lüks derinlik veren neon sarı gölge matrisi */
    box-shadow: 0 0 25px 2px rgba(228, 194, 100, 0.35),
                0 30px 60px rgba(0, 0, 0, 0.85) !important;
                
    z-index: 999999 !important;
    pointer-events: auto !important;
}

/* 2. İÇ İÇERİK SARMALAYICISI: Çökmeye sebep olan katı arka plan katmanını eritir */
html body #base_popup_id.popup-inner-bc .status-popup-content-w-bc {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. BAŞLIK: "LÜTFEN DİKKAT" Tipografi Yapılandırması */
html body #base_popup_id.popup-inner-bc .casino-popup-title {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #E4C264 !important; /* Kurumsal altın rengi */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    margin: 0 0 14px 0 !important;
    text-shadow: 0 2px 8px rgba(228, 194, 100, 0.2) !important;
}

/* 4. İÇERİK PARAGRAFI VE KAMPANYA GÖRSELİ KORUMA KİLİDİ */
html body #base_popup_id.popup-inner-bc .casino-popup-content {
    background: transparent !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 16px 0 !important;
}

html body #base_popup_id.popup-inner-bc .casino-popup-content img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 12px !important; /* Görsel kenarları şık kavisli */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    margin: 0 auto !important;
}

/* 5. GERÇEK KAPATMA BUTONU: Sağ üst köşeye çakılan aktif cam dairesel buton */
html body #base_popup_id.popup-inner-bc #close_popup_button_id.e-p-close-icon-bc {
    display: flex !important; /* Önceki kodlardaki 'display: none' kuralını zorla imha eder */
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    
    width: 32px !important;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    
    font-size: 14px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(228, 194, 100, 0.25) !important;
    border-radius: 50% !important;
    
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 1000000 !important;
    transition: all 0.22s ease-in-out !important;
}

/* Kapatma Butonu Hover EtkileÅŸimi */
html body #base_popup_id.popup-inner-bc #close_popup_button_id.e-p-close-icon-bc:hover {
    color: #040609 !important;
    background: #E4C264 !important;
    border-color: #E4C264 !important;
    transform: rotate(90deg) scale(1.05) !important;
    box-shadow: 0 0 12px rgba(228, 194, 100, 0.4) !important;
}

/* 6. "TAMAM" BUTONU VE SARMALAYICI BLOÄžU */
html body #base_popup_id.popup-inner-bc .casino-popup-button-block {
    background: transparent !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 16px !important;
}

html body #base_popup_id.popup-inner-bc .casino-popup-button-block button.btn.a-color {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    
    /* Kodunuzdaki kurumsal sarı buton gradyanı ve asil siyah font yapısı */
    background: linear-gradient(135deg, #ffe082 0%, #e4c264 50%, #b89332 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    
    color: #040609 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    
    box-shadow: 0 4px 15px rgba(228, 194, 100, 0.3) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Tamam Butonu Hover Ä°nteraksiyonu */
html body #base_popup_id.popup-inner-bc .casino-popup-button-block button.btn.a-color:hover {
    background: linear-gradient(135deg, #ffea9f 0%, #e9ca74 50%, #ccaa11 100%) !important;
    box-shadow: 0 6px 20px rgba(228, 194, 100, 0.5) !important;
    transform: translateY(-1px) !important;
}

/* 7. "BİR DAHA GÖSTERME" CHECKBOX VE METİN MATRİSİ */
html body #base_popup_id.popup-inner-bc .checkbox-control-content-bc.popup-checkbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
}

/* Seçim Kutusu Tıklama Ergonomisi */
html body #base_popup_id.popup-inner-bc .checkbox-control-input-bc {
    cursor: pointer !important;
    accent-color: #E4C264 !important; /* Tik işaretini kurumsal sarı yapar */
    margin: 0 8px 0 0 !important;
    width: 15px !important;
    height: 15px !important;
    pointer-events: auto !important;
}

/* "Bir daha gösterme" Yazı Stili */
html body #base_popup_id.popup-inner-bc .checkbox-control-text-bc {
    color: #94a3b8 !important; /* Kristal pasif gri */
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    display: inline-block !important;
    padding-left: 5px !important;
}
/* ==========================================================================
   YENİ BÖLÜM: KORUMALI FOOTER BİLEŞENLERİ - %100 İZOLE MATRIX
   ========================================================================= */

/* 1. ÖDEME YÖNTEMLERİ LOGO ALANI */
html body .layout-footer-holder-bc .footer-bc .ftr-payments-row-img-bc {
    background: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* 2. FOOTER BLOK BAÅžLIKLARI (H4 ve DIV VARYASYONLARI) */
html body .layout-footer-holder-bc h4.footer-title,
html body .layout-footer-holder-bc div.footer-title {
    color: #E4C264 !important; 
    text-transform: none !important;
}

/* 3. FOOTER LÄ°NK KOLON BAÅžLIKLARI */
html body .layout-footer-holder-bc .footerLinkColTitle {
    color: #E4C264 !important;
}

/* 4. TELÄ°F VE LÄ°SANS LÄ°NK RENKLERÄ° */
html body .layout-footer-holder-bc .ftr-copy-rights-bc a {
    color: rgba(var(--b-sc), .5) !important;
}

/* 5. ÖDEME YÖNTEMLERİ SLIDER GÖRSELLERİ (Sadece Web Sürümü ve Footer İçin) */
html body .layout-footer-holder-bc [class*=is-web] .horizontalSliderElem .horizontalSliderImg {
    opacity: 1 !important;
    filter: none !important;
}

/* 6. SLIDER HÃœCRE GEOMETRÄ°SÄ° */
html body .layout-footer-holder-bc .horizontalSliderElem {
    width: 120px !important;
    height: auto !important;
    padding: 0px !important;
    background: transparent !important;
    background-color: transparent !important;
}
/* topbar guncel domain */
.informative-widget-link {
    background: #111316 !important;
    border-radius: 0px !important;
}


/*domain*/
.informative-widget-link p {
    font-size: 15px !important;
    color:#CBD5E1 !important;
}

/* ==========================================================================
   YENİ BÖLÜM: PROMOSYON DETAY PENCERESİ - ENİŞ NEON GLASSMORPHISM MATRİSİ
   ========================================================================= */

/* 1. ANA POPUP GÖVDESİ: Enine büyütülmüş ve etrafı neon sarı ışıkla donatılmış cam panel */
html body #base_popup_id.popup-inner-bc:has(.promotion-details-container) {
    display: block !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* ENİNE BÜYÜTME KİLİDİ: Metinlerin ve kuralların ferah okunması için genişlik optimize edildi */
    width: calc(100% - 40px) !important;
    max-width: 640px !important; /* 520px'den 640px'e çıkartılarak enine genişletildi */
    min-height: auto !important;
    height: auto !important;
    padding: 38px 0 0 0 !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    overflow: visible !important;

    /* PREMIUM GLASSMORPHISM: %75 opaklıkta koyu safir-karbon taban ve siber derinlik bulanıklığı */
    background: rgba(10, 12, 16, 0.75) !important;
    background-color: rgba(10, 12, 16, 0.75) !important;
    backdrop-filter: blur(35px) !important;
    -webkit-backdrop-filter: blur(35px) !important;
    
    /* Kristal Işık Çizgileri & Üst Kurumsal Altın Sınır Hattı */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: 4px solid #E4C264 !important;
    
    /* NEON IŞIKLI SHADOW: Kurumsal sarı (#E4C264) renginde, dışa doğru yoğunlaşan derin neon aura matrisi */
    box-shadow: 0 0 20px 2px rgba(228, 194, 100, 0.25),
                0 0 40px 10px rgba(228, 194, 100, 0.15),
                0 32px 64px -12px rgba(0, 0, 0, 0.95),
                inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    
    z-index: 999999 !important;
    pointer-events: auto !important;
}

/* 2. PROMOSYON DETAY SARMALAYICISI: İç akışı cam üzerinde pürüzsüzce kaydırır */
html body #base_popup_id.popup-inner-bc div.promotion-details-container {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 75vh !important; 
    overflow-y: auto !important;  
    overflow-x: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Cam panel için estetik, ince ve transparan kaydırma çubuğu (Scrollbar) */
html body #base_popup_id.popup-inner-bc div.promotion-details-container::-webkit-scrollbar {
    width: 5px !important;
}
html body #base_popup_id.popup-inner-bc div.promotion-details-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 10px !important;
}
html body #base_popup_id.popup-inner-bc div.promotion-details-container::-webkit-scrollbar-thumb {
    background: rgba(228, 194, 100, 0.25) !important;
    border-radius: 10px !important;
}
html body #base_popup_id.popup-inner-bc div.promotion-details-container::-webkit-scrollbar-thumb:hover {
    background: rgba(228, 194, 100, 0.45) !important;
}

/* 3. PROMOSYON AFİŞ ALANI VE GÖRSEL KİLİDİ */
html body #base_popup_id.popup-inner-bc .promotion-details-header {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html body #base_popup_id.popup-inner-bc .promotion-details-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 0 !important; 
    object-fit: cover !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 4. PROMOSYON METİN VE İÇERİK ALANI */
html body #base_popup_id.popup-inner-bc div.promotion-details-info {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    clear: both !important;
    padding: 0 24px 24px 24px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Başlık Metni */
html body #base_popup_id.popup-inner-bc div.promotion-details-info > p:first-child {
    color: #E4C264 !important; 
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    line-height: 1.5 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-bottom: 14px !important;
    margin-bottom: 18px !important;
    background: transparent !important;
}

html body #base_popup_id.popup-inner-bc div.promotion-details-info p {
    color: #f1f5f9 !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    background: transparent !important;
}

/* ==========================================================================
   5. SPOILER (AÇILIR KUTULAR) PREMIUM RE-DESIGN & GLASSMORPHISM ENTEGRASYONU
   ========================================================================= */
html body #base_popup_id.popup-inner-bc .spoiler {
    position: relative !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Kutu açıkken kurumsal altın rengi hafif neon iç süzülme */
html body #base_popup_id.popup-inner-bc .spoiler:has(input[type="checkbox"]:checked) {
    background: rgba(228, 194, 100, 0.03) !important;
    border-color: rgba(228, 194, 100, 0.3) !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.45) !important;
}

/* Görsel amatörlüğü kapatmak için checkbox gizleme ve tam alan tetikleyici kilit */
html body #base_popup_id.popup-inner-bc .spoiler input[type="checkbox"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 52px !important;
    opacity: 0 !important; /* Eski kaba kutuyu tamamen yok eder */
    cursor: pointer !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* BAŞLIK ALANI (SPOILER-TITLE): Tipografi ve hizalama premium seviyeye çekildi */
html body #base_popup_id.popup-inner-bc .spoiler-title {
    background: rgba(255, 255, 255, 0.01) !important;
    color: #f1f5f9 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    height: 52px !important;
    padding: 0 20px 0 44px !important; /* Sol tarafa eklenecek yeni siber ikon için alan */
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid transparent !important;
    pointer-events: none !important; /* Tıklamayı görünmez geniş checkbox yakalar */
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

/* Kutu açıkken başlık yazısının kurumsal altın sarısına dönmesi */
html body #base_popup_id.popup-inner-bc .spoiler:has(input[type="checkbox"]:checked) .spoiler-title {
    color: #E4C264 !important;
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

/* ESKİ AMATÖR OK İKONUNU TAMAMEN KAPATMA */
html body #base_popup_id.popup-inner-bc .spoiler-toggle {
    display: none !important; 
}

/* YENİ NESİL SİBER OK GÖSTERGESİ: Eski kaba 'v' yerine CSS tabanlı lüks gösterge */
html body #base_popup_id.popup-inner-bc .spoiler-title::before {
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    
    /* İnce şık sağa bakan ok matrisi */
    border-right: 2px solid #94a3b8 !important;
    border-bottom: 2px solid #94a3b8 !important;
    transform: translateY(-50%) rotate(-45deg) !important;
    
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Kutu açıldığında ok işaretinin altın rengini alıp pürüzsüzce aşağı dönmesi */
html body #base_popup_id.popup-inner-bc .spoiler:has(input[type="checkbox"]:checked) .spoiler-title::before {
    border-color: #E4C264 !important;
    transform: translateY(-65%) rotate(45deg) !important;
}

/* 🚨 KARA DELİKTEN KURTARILAN İÇERİK ALANI (SPOILER-CONTENT) */
html body #base_popup_id.popup-inner-bc .spoiler-content {
    display: none !important; /* Varsayılan kapalı konum koruması */
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 18px 22px !important;
    box-sizing: border-box !important;
    
    /* Katı siyahlığı eriten, transparan kristal yazı tabanı */
    background: rgba(0, 0, 0, 0.2) !important;
}

/* Checkbox aktif olduğunda içeriği kusursuz bir animasyonla canlandırıp görünür kılar */
html body #base_popup_id.popup-inner-bc .spoiler:has(input[type="checkbox"]:checked) .spoiler-content {
    display: block !important;
    animation: smooth_spoiler_fade 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* Yazıların Okunurluğunu En Üst Seviyeye Çıkaran Kristal Tipografi */
html body #base_popup_id.popup-inner-bc .spoiler-content p {
    font-size: 12.5px !important;
    color: #cbd5e1 !important; /* Gözü yormayan yüksek kontrastlı pürüzsüz mat beyaz */
    line-height: 1.65 !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    background: transparent !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
html body #base_popup_id.popup-inner-bc .spoiler-content p:last-child {
    margin-bottom: 0 !important;
}

/* Smooth Slide Açılış Sinematiği */
@keyframes smooth_spoiler_fade {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 6. LÄ°SANS VÄ°DEO IFRAME ENTEGRASYONU */
html body #base_popup_id.popup-inner-bc div.promotion-details-info iframe {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 320px !important; 
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    margin-top: 20px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
}
/* ==========================================================================
   YENİ BÖLÜM: ÜYE PROFİL & FİNANSAL PANEL PREMIUM İZOLE MATRIX
   ========================================================================= */

/* 1. ANA PANEL DIŞ KORUMA KALKANI: Diğer popuplardan ayrıştırılmış akrilik siber panel */
html body #base_popup_id.popup-inner-bc:has(.u-i-profile-page-container) {
    display: flex !important; /* Sol menü ve sağ içeriği jilet gibi yan yana dizer */
    flex-direction: row !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Panel Ölçek Kilidi: Geniş ekran ergonomisi sağlandı */
    width: calc(100% - 30px) !important;
    max-width: 960px !important; /* Yatayda ferah bir finans paneli boyutu */
    height: 85vh !important; /* Dikeyde sabit, ekrandan taşmayan rijit kilit */
    max-height: 680px !important;
    min-height: 520px !important;
    padding: 0 !important; /* İçeriği sıfırlayıp nizamı iç elementlere veriyoruz */
    border-radius: 20px !important;
    overflow: hidden !important; /* İç bileşenlerin dışarı sızmasını engeller */
    z-index: 9999999 !important;

    /* SİBER CAM DOKUSU */
    background: rgba(13, 16, 22, 0.82) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    
    /* Kristal Kontrast Çizgileri & Üst Kurumsal Altın Sınırı */
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-top: 4px solid #E4C264 !important;
    
    /* Derin Finansal Güvenlik Neon Shadow Matrisi */
    box-shadow: 0 0 30px rgba(228, 194, 100, 0.15),
                0 40px 80px rgba(0, 0, 0, 0.85),
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Kapatma 'X' Butonunun Sağ Üst Köşeye Cam Küre Olarak Çivilenmesi */
html body #base_popup_id.popup-inner-bc:has(.u-i-profile-page-container) #close_popup_button_id.e-p-close-icon-bc {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 100 !important;
    transition: all 0.2s ease !important;
}
html body #base_popup_id.popup-inner-bc:has(.u-i-profile-page-container) #close_popup_button_id.e-p-close-icon-bc:hover {
    background: #E4C264 !important;
    color: #0d1016 !important;
    border-color: #E4C264 !important;
    transform: rotate(90deg) !important;
}

/* 2. SOL SOL KISIM: KULLANICI PROFİL VE NAVİGASYON MENÜSÜ */
html body #base_popup_id.popup-inner-bc .u-i-profile-page-container {
    width: 300px !important; /* Menü sütun genişliği sabitlendi */
    height: 100% !important;
    background: rgba(8, 10, 15, 0.5) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-sizing: border-box !important;
}

html body #base_popup_id.popup-inner-bc .u-i-profile-page-bc,
html body #base_popup_id.popup-inner-bc .u-i-profile-page-content {
    height: 100% !important;
    width: 100% !important;
    background: transparent !important;
}

/* Kullanıcı Kimlik Alanı Düzenlemesi (Avatar ve ID) */
html body #base_popup_id.popup-inner-bc .u-i-p-p-u-i-edit-button-bc {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 12px !important;
    margin: 20px !important;
    padding: 12px !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-p-u-i-avatar-holder-bc {
    background: #E4C264 !important;
    color: #0d1016 !important;
    font-weight: 900 !important;
    box-shadow: 0 0 15px rgba(228, 194, 100, 0.3) !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-p-u-i-d-username-bc {
    color: #ffffff !important;
    font-weight: 700 !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-p-u-i-d-user-id-bc {
    color: #64748b !important;
}

/* Bakiye Hücreleri Düzenlemesi (Mat Gümüş ve Kristal Beyaz Dengesi) */
html body #base_popup_id.popup-inner-bc .u-i-p-amount-holder-bc {
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-amounts-bc {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 10px !important;
    padding: 12px !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-a-title-bc {
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-a-amount-bc {
    color: #10B981 !important; /* Canlı Bakiye Yeşili */
    font-size: 18px !important;
    text-shadow: 0 0 10px rgba(16, 185, 129, 0.2) !important;
}

/* Sol Menü Akordeon Başlıkları Ve Link Yapısı */
html body #base_popup_id.popup-inner-bc .user-profile-nav-header {
    background: rgba(255, 255, 255, 0.01) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    padding: 14px 20px !important;
    color: #cbd5e1 !important;
}
html body #base_popup_id.popup-inner-bc .user-profile-nav-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}
html body #base_popup_id.popup-inner-bc .user-profile-nav-item-title {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Sol Menüde O Anda Aktif Olan Sayfanın Premium Gold Modu */
html body #base_popup_id.popup-inner-bc .user-profile-nav-item.active {
    background: rgba(228, 194, 100, 0.06) !important;
    border-left: 3px solid #E4C264 !important;
}
html body #base_popup_id.popup-inner-bc .user-profile-nav-item.active .user-profile-nav-item-title {
    color: #E4C264 !important;
    font-weight: 800 !important;
}

/* Çıkış Yap Butonu */
html body #base_popup_id.popup-inner-bc .userLogoutBtn {
    background: rgba(239, 68, 68, 0.06) !important;
    border: 1px solid rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
    font-weight: 700 !important;
    margin: 20px !important;
    width: calc(100% - 40px) !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   3. SAĞ SAĞ KISIM: FİNANSAL İŞLEMLER VE PARA YATIRMA SAYFASI
   ========================================================================= */
html body #base_popup_id.popup-inner-bc .my-profile-info-block.deposit-page {
    flex: 1 !important; /* Kalan tüm sağ alanı jilet gibi kaplar */
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Sağ Üst Panel Başlığı (Para Yatır Overly) */
html body #base_popup_id.popup-inner-bc .my-profile-info-block.deposit-page .overlay-header {
    width: 100% !important;
    padding: 22px 30px !important;
    background: rgba(255, 255, 255, 0.01) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    box-sizing: border-box !important;
}

/* Finansal İçerik Ana Akış Gövdesi */
html body #base_popup_id.popup-inner-bc .dep-w-info-bc {
    flex: 1 !important;
    padding: 24px 30px !important;
    overflow-y: auto !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Ödeme Yöntemleri Grid Listesi (Banka, Kripto, Papara Logoları) */
html body #base_popup_id.popup-inner-bc .m-block-nav-items-bc {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important; /* Jilet gibi otomatik grid */
    gap: 12px !important;
    margin-bottom: 24px !important;
    background: transparent !important;
}

/* Yöntem Kartları Pasif Durum */
html body #base_popup_id.popup-inner-bc .m-nav-items-list-item-bc {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
html body #base_popup_id.popup-inner-bc .m-nav-items-list-item-bc:hover {
    border-color: rgba(228, 194, 100, 0.3) !important;
    background: rgba(228, 194, 100, 0.02) !important;
}

/* Seçili/Aktif Olan Ödeme Yöntemine Kurumsal Altın Neon Kenarlık */
html body #base_popup_id.popup-inner-bc .m-nav-items-list-item-bc.active {
    background: rgba(228, 194, 100, 0.08) !important;
    border-color: #E4C264 !important;
    box-shadow: 0 0 15px rgba(228, 194, 100, 0.15) !important;
}
html body #base_popup_id.popup-inner-bc .payment-logo {
    max-height: 28px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) !important;
}

/* Üst Ödeme Limitleri Detay Barları */
html body #base_popup_id.popup-inner-bc .description-c-row-bc.deposit {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    margin-bottom: 20px !important;
}
html body #base_popup_id.popup-inner-bc .description-c-row-c-title-bc {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}
html body #base_popup_id.popup-inner-bc .description-title {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}
html body #base_popup_id.popup-inner-bc .description-value {
    color: #f1f5f9 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* Önemli Uyarı Kutuları (Klon Site ve Güncel Link Metin Alanı) */
html body #base_popup_id.popup-inner-bc .expandable-info-wrapper {
    background: rgba(239, 68, 68, 0.04) !important; /* Hafif siber kırmızı panik tabanı */
    border: 1px solid rgba(239, 68, 68, 0.15) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 24px !important;
}
html body #base_popup_id.popup-inner-bc .expandable-info-body-content p {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* BÜYÜK FİNANSAL TETİKLEYİCİ: "PARA YATIR" SUBMIT BUTONU */
html body #base_popup_id.popup-inner-bc .u-i-p-c-footer-bc button.btn.deposit {
    width: 100% !important;
    height: 48px !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    
    /* Kurumsal Parlak Altın Sirkülasyonu */
    background: linear-gradient(135deg, #ffe082 0%, #e4c264 50%, #b89332 100%) !important;
    color: #0d1016 !important;
    box-shadow: 0 6px 20px rgba(228, 194, 100, 0.3) !important;
    transition: all 0.2s ease !important;
}
html body #base_popup_id.popup-inner-bc .u-i-p-c-footer-bc button.btn.deposit:hover {
    background: linear-gradient(135deg, #ffea9f 0%, #e9ca74 50%, #ccaa11 100%) !important;
    box-shadow: 0 8px 25px rgba(228, 194, 100, 0.45) !important;
    transform: translateY(-1.5px) !important;
}
/* ==========================================================================
   HEADER ÖZEL BUTONLAR (CÜZDAN & BONUS TALEBİ) KUSURSUZ İZOLASYON MOTORU
   ========================================================================= */

/* Ana kapsayıcının esnek nizamı ve dikey hizalanması */
.layout-header-holder-bc .header-custom-buttons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

/* 1. BUTON: Orijinal Cüzdan Butonunun Stil Varyasyonu (Özel Alan Kilidi) */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=deposit"][href*="selectedMethod=PayznetHavale"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 115px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;

    /* Orijinal Cüzdan CSS Esintisi: Mat Gold Aura Yapısı */
    background: rgba(223, 190, 98, 0.05) !important; 
    border: 1px solid rgba(223, 190, 98, 0.25) !important; 
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
    color: #DFBE62 !important;
}

/* 1. Buton Hover Etkileşimi */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=deposit"][href*="selectedMethod=PayznetHavale"]:hover {
    border-color: #f0d27a !important;
    background: rgba(223, 190, 98, 0.12) !important;
    box-shadow: 0 0 12px rgba(223, 190, 98, 0.2) !important;
}

/* Yerleşik Cüzdan İkonunu Geri Getirme ve Boyutlandırma */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=deposit"][href*="selectedMethod=PayznetHavale"]::before {
    display: inline-block !important;
    font-size: 14px !important;
    color: #DFBE62 !important;
    margin-right: 8px !important; /* Yazı ile ikon arasındaki kurumsal boşluk */
    line-height: 1 !important;
}

/* Boş Span İçine Yazı Enjeksiyonu */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=deposit"][href*="selectedMethod=PayznetHavale"] span::after {
    content: "CÜZDAN" !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    color: #DFBE62 !important; 
    display: inline-block !important;
    vertical-align: middle !important;
}


/* 2. BUTON: Bonus Talebi Butonunun Kayıt Butonu (Premium Gold) Stil Varyasyonu */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=bonus-request"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 115px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Orijinal Kayıt Butonu CSS Esintisi: Yoğun Siber Gold */
    background: linear-gradient(135deg, #ffe082 0%, #dfbe62 50%, #b89332 100%) !important;
    border: none !important;
    color: #0d1015 !important; 
    font-weight: 900 !important; 
    box-shadow: 0 4px 20px rgba(223, 190, 98, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* 2. Buton Hover Etkileşimi */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=bonus-request"]:hover {
    background: linear-gradient(135deg, #ffea9f 0%, #e9ca74 50%, #ccaa11 100%) !important;
    box-shadow: 0 6px 26px rgba(223, 190, 98, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1.5px) !important;
}

/* Yerleşik Hediye/Promosyon İkonunu Geri Getirme */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=bonus-request"]::before {
    display: inline-block !important;
    font-size: 14px !important;
    color: #0d1015 !important; /* Gold arka plan üzerinde net görünmesi için koyu ton */
    margin-right: 6px !important;
    line-height: 1 !important;
}

/* Boş Span İçine Yazı Enjeksiyonu */
.layout-header-holder-bc .header-custom-buttons .btn[href*="page=bonus-request"] span::after {
    content: "BONUS TALEBİ" !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    color: #0d1015 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   ÜYE PANELİ AKSİYON BUTONLARI (YATIR & ÇEK) MODERNİZASYON MATRIXI
   ========================================================================= */

/* Butonların yan yana nizami dizilmesi ve sığma stabilizasyonu */
html body #base_popup_id.popup-inner-bc .u-i-p-a-buttons-bc {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 14px !important;
}

/* 1. VE 2. BUTON ORTAK TABAN YAPILANDIRMASI (Modern Karbon Kalıp) */
html body #base_popup_id.popup-inner-bc .u-i-p-a-deposit-bc,
html body #base_popup_id.popup-inner-bc .u-i-p-a-withdraw-bc {
    flex: 1 !important;
    height: 38px !important; /* Yükseklik Giriş/Kayıt butonlarıyla senkronize edildi */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Altyapının o soluk transparan yeşilini ezen mat siber taban */
    background: rgba(13, 16, 22, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

/* Altyapıdan gelen orijinal uzun metinleri (PARA...) tarayıcı seviyesinde gizleme motoru */
html body #base_popup_id.popup-inner-bc .u-i-p-a-deposit-bc span,
html body #base_popup_id.popup-inner-bc .u-i-p-a-withdraw-bc span {
    font-size: 0 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Cüzdan ve Çekim İkonlarının Sabitlenmesi */
html body #base_popup_id.popup-inner-bc .u-i-p-a-deposit-bc i,
html body #base_popup_id.popup-inner-bc .u-i-p-a-withdraw-bc i {
    font-size: 14px !important;
    margin-right: 6px !important; /* Yeni yazıyla ikon arasındaki kurumsal boşluk */
    line-height: 1 !important;
    display: inline-block !important;
}


/* ==========================================================================
   YATIR BUTONU ÖZEL RE-DESIGN (SOL BUTON)
   ========================================================================= */
html body #base_popup_id.popup-inner-bc .u-i-p-a-deposit-bc {
    color: #10b981 !important; /* İkon ve yazı siber yeşil tonuna kilitlendi */
    border-bottom: 2px solid #10b981 !important; /* Alt tarafa şık bir yeşil vurgu hattı */
}

/* Yatır Butonu Hover (Canlı Parlama Modu) */
html body #base_popup_id.popup-inner-bc .u-i-p-a-deposit-bc:hover {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 14px rgba(16, 185, 129, 0.25) !important;
    transform: translateY(-1.5px) !important;
}

/* Yeni "YATIR" Metninin Enjeksiyonu */
html body #base_popup_id.popup-inner-bc .u-i-p-a-deposit-bc::after {
    content: "YATIR" !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #ffffff !important; /* Yazının net okunması için saf beyaz kontrast */
    display: inline-block !important;
    letter-spacing: 0.8px !important;
}


/* ==========================================================================
   ÇEK BUTONU ÖZEL RE-DESIGN (SAĞ BUTON)
   ========================================================================= */
html body #base_popup_id.popup-inner-bc .u-i-p-a-withdraw-bc {
    color: #dfbe62 !important; /* İkon ve yazı kurumsal gold tonuna kilitlendi */
    border-bottom: 2px solid #dfbe62 !important; /* Alt tarafa şık bir gold vurgu hattı */
}

/* Çek Butonu Hover (Canlı Parlama Modu) */
html body #base_popup_id.popup-inner-bc .u-i-p-a-withdraw-bc:hover {
    background: rgba(223, 190, 98, 0.08) !important;
    border-color: #dfbe62 !important;
    box-shadow: 0 0 14px rgba(223, 190, 98, 0.25) !important;
    transform: translateY(-1.5px) !important;
}

/* Yeni "ÇEK" Metninin Enjeksiyonu */
html body #base_popup_id.popup-inner-bc .u-i-p-a-withdraw-bc::after {
    content: "ÇEK" !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #ffffff !important; /* Yazının net okunması için saf beyaz kontrast */
    display: inline-block !important;
    letter-spacing: 0.8px !important;
}
/* ==========================================================================
   ÜYE PANELİ BAKİYE VE BONUS ALANI %100 SAF BEYAZ BAŞLIK MOTORU (NİHAİ MATRIX)
   ========================================================================= */

/* 🚨 NİHAİ ÇÖZÜM: Yazıların arkasındaki çirkin gölgeleri hapsetmek için 4px kavisli mat kalkan enjeksiyonu */
html body #base_popup_id.popup-inner-bc .u-i-p-a-title-bc {
    display: inline-block !important;
    color: #ffffff !important; /* Tamamen pürüzsüz saf kristal beyaz */
    opacity: 1 !important; /* Altyapının grilik veren tüm opaklık baskısını kırar */
    filter: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    
    /* 🚨 BAŞLIK KORUMA KALKANI: Altyapının gölgesini yutan ve harfleri bembeyaz okutan koyu mat katman */
    background: rgba(13, 16, 22, 0.75) !important;
    padding: 4px 10px !important;
    border-radius: 4px !important; /* İstediğin 4px border radius nizamı */
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    
    /* Eski çirkin harf konturlarını ve gölgelerini tamamen boşa çıkarır */
    text-shadow: none !important; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 6px !important;
}

/* Rakamların arkasındaki 4px kavisli özel siber bg kalkanları */
html body #base_popup_id.popup-inner-bc .u-i-p-a-amount-bc {
    display: inline-block !important;
    color: #ffffff !important; 
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    
    /* 4px Kavisli Koyu Arka Plan Kalkanı */
    background: rgba(13, 16, 22, 0.75) !important; 
    padding: 6px 12px !important;
    border-radius: 4px !important; 
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-top: 4px !important;
    
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

/* Alt Kırılım Alanı Rakam Muhafazası (Bonus Bakiyesi 0.00 yazan yer) */
html body #base_popup_id.popup-inner-bc .bonus-info-section b {
    display: inline-block !important;
    color: #ffffff !important; 
    font-weight: 900 !important;
    background: rgba(13, 16, 22, 0.75) !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

/* "Bonus Bakiyesi" alt yazısının okunurluk kontrastı */
html body #base_popup_id.popup-inner-bc .bonus-info-section span {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
}
/* ==========================================================================
   ÖDEME LİMİTLERİ VE DETAYLARI FLUID FLEX GRID RESIMSI MATRIXI (TEK SATIR)
   ========================================================================= */

/* Ana Satır Kartı: Altyapının tüm hantal yapısını silip lüks bir akrilik barda toplar */
html body #base_popup_id.popup-inner-bc .description-c-row-bc.deposit {
    display: flex !important;
    width: 100% !important;
    padding: 14px 20px !important;
    margin: 0 0 20px 0 !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    
    /* Premium Akrilik Doku: Koyu mat siber taban ve çok ince kristal ışık çizgisi */
    background: rgba(20, 23, 31, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-bottom: 2px solid rgba(228, 194, 100, 0.2) !important; /* Alt tarafa hafif gold loş parlaması */
    
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 
                inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

/* İç sarmalayıcıların genişlik bariyerlerini kırma */
html body #base_popup_id.popup-inner-bc .description-c-row-column-bc.texts,
html body #base_popup_id.popup-inner-bc .description-c-row-bc.deposit .description-c-row-c-title-bc {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 🚨 TEK SATIR KİLİDİ: Tüm kolonları yan yana kusursuz, eşit ve sıvı şekilde sıralayan motor */
html body #base_popup_id.popup-inner-bc .description-c-row-bc.deposit .description-c-row-c-title-bc {
    flex-direction: row !important; /* Dikey nizamı tamamen iptal edip tek satıra zorlar */
    flex-wrap: nowrap !important; /* Elemanların kesinlikle alt satıra sarkmasını engeller */
    justify-content: space-between !important; /* Kolonları satıra dengeli ve eşit yayar */
    align-items: center !important;
    gap: 8px !important;
}

/* Her bir bağımsız bilgi kolonu (Ödeme Yöntemi, Ücret vb. Hücreleri) */
html body #base_popup_id.popup-inner-bc .description-c-r-c-t-column-bc {
    flex: 1 !important; /* Tüm hücrelerin eşit sıvı genişlikte büzülmesini sağlar */
    display: flex !important;
    flex-direction: column !important; /* Hücre içinde başlık üstte, rakam altta dikey simetri */
    align-items: center !important; /* Yazıları kendi sütun ekseninde ortalar */
    justify-content: center !important;
    text-align: center !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
}

/* Hücreler arasına asil kristal dikey ayırıcı çizgiler ekleme (Son kolonda çizgiyi kapatır) */
html body #base_popup_id.popup-inner-bc .description-c-r-c-t-column-bc:not(:last-of-type) {
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* ÜST ETİKETLER: (ÖDEME YÖNTEMİ, ÜCRET, İŞLEM SÜRESİ vb.) */
html body #base_popup_id.popup-inner-bc .description-title {
    color: #94a3b8 !important; /* Gözü yormayan berrak matted kristal gümüş tonda font */
    font-size: clamp(9px, 0.65vw, 10.5px) !important; /* Ekran daraldıkça font sıvı küçülür */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 6px !important; /* Değer metni ile aradaki kusursuz mesafe */
    display: block !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* ALT DEĞERLER: (AnindaBanka, Ücretsiz, Anlık, 1 ₺ vb.) */
html body #base_popup_id.popup-inner-bc .description-value {
    color: #ffffff !important; /* Tüm mat tonları ezip ön plana çıkan saf beyaz veri fontu */
    font-size: clamp(11px, 0.8vw, 13px) !important; /* Responsive dinamik ölçek kilitlendi */
    font-weight: 900 !important;
    letter-spacing: 0.3px !important;
    display: block !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}

/* Dinamik Renk Enjeksiyonu: Ücretsiz veya Anlık gibi olumlu finansal statüleri siber yeşile boyar */
html body #base_popup_id.popup-inner-bc .description-value[title="Ücretsiz"],
html body #base_popup_id.popup-inner-bc .description-value[title="Anlık"] {
    color: #10b981 !important;
    text-shadow: 0 0 10px rgba(16, 185, 129, 0.25) !important;
}

/* Limitlerin (Min / Maks rakamlarının) kurumsal imza gold rengine kilitlenmesi */
html body #base_popup_id.popup-inner-bc .description-c-r-c-t-column-bc:nth-last-of-type(1) .description-value,
html body #base_popup_id.popup-inner-bc .description-c-r-c-t-column-bc:nth-last-of-type(2) .description-value {
    color: #dfbe62 !important;
    text-shadow: 0 0 10px rgba(223, 190, 98, 0.2) !important;
}
/* ==========================================================================
   NİHAİ ÇÖZÜM: ACTIVE LINK ODAKLI DUYURU & ALT MENÜ İMHA MOTORU
   ========================================================================= */

/* 🚨 1. ÜST DUYURU BANDININ KESİN GİZLENMESİ (SADECE OYUN AKTİFKEN):
   Casino veya oyun görünümü linklerinden herhangi biri aktif (.active) sınıfı aldığı an 
   en tepedeki "Güncel Giriş..." duyuru bandını tarayıcı seviyesinde tamamen yok eder. */
.layout-header-holder-bc:has(a[href*="casino"].active) > .hdr-dynamic-content,
.layout-header-holder-bc:has(a[href*="game-view"].active) > .hdr-dynamic-content,
.layout-header-holder-bc:has(a[href*="zeppelin"].active) > .hdr-dynamic-content {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    border: none !important;
}

/* 🚨 2. ALT MENÜNÜN (SUBMENU) KESİN GİZLENMESİ (ÜST MENÜ %100 KORUNUR):
   Ana üst menü `.nav-content-menu` içinde güvenle kaldığı için, doğrudan dışarıda sarkan 
   ve aktif oyun linkini barındıran 2. hantal nav şeridini nokta atışı yakalar ve uçurur.
   Ana sayfaya döndüğün an .active sınıfı linkten düşeceği için alt menü saniyeler içinde geri gelir. */
.nav-content-bc > nav.nav-menu-container.header-navigation:has(a[href*="casino"].active),
.nav-content-bc > nav.nav-menu-container.header-navigation:has(a[href*="game-view"].active),
.nav-content-bc > nav.nav-menu-container.header-navigation:has(a[href*="zeppelin"].active) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    border: none !important;
}

/* 🚨 3. OYUN ALANI SİNE-VİEW KİLİDİ (KUSURSUZ OTURTMA):
   Duyuru alanı ve alt menü yukarıdaki aktiflik kilidiyle temizlendiği için, 
   keşfettiğin o muazzam calc(100vh - 195px) formülü oyunu ekrana sıfıra sıfır sığdırır. */
.game-box__container, 
.no-footer .game-box__container,
div[class*="game-box__container"],
#desktop_landscape,
.desktop_landscape {
    display: block !important;
    width: 100% !important;
    height: calc(100vh - 195px) !important; /* Hayat kurtaran altın formülün */
    min-height: 560px !important;
    max-height: 960px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background: #0d1016 !important;
}

/* Orta Segment ve Laptop Ekranları İçin Responsive Koruma Barajı */
@media only screen and (max-width: 1279px) {
    .game-box__container, 
    .no-footer .game-box__container {
        height: calc(100vh - 195px) !important;
    }
}

/* 4. İç Viewport ve İskelet Yapısının %100 Esnetilmesi */
.game-box__container .game,
.game-box__container .viewport-wrapper,
html body #viewport {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: none !important; /* JS'nin yarattığı dikey basıklık ölçeğini tamamen kırar */
    transform-origin: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* 5. Canvas Çizim Alanının Sıfıra Sıfır Yayılması */
canvas#stage,
.game-box__container canvas,
.game-box__container iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    border: none !important;
    z-index: 10 !important;
    object-fit: fill !important; /* Grafikleri yeni açılan dikey alana pürüzsüzce yayar */
}