:root {
    --b: 0, 11, 36 !important;
    --hero: 255, 183, 0 !important;
    --oc-1: 255, 183, 0 !important;
    --oc-1-hover: 69, 86, 129 !important;
    --menu: 25, 35, 60 !important;
    --desktop-header-margin-bottom: 40px !important;
    --header: 0, 11, 36 !important;
}

.generic-search-btn:before,
.generic-search-close-btn:before {
    background: #09204f !important;
}


.m-block-nav-items-bc .nav-ico-w-row-bc:before {
    position: absolute;
    top: 48%;
    left: 26%;
    font-size: 10px;
}

.m-block-nav-items-bc .nav-ico-w-row-bc:after {
    position: absolute;
    top: 65%;
    left: 26%;
    font-size: 10px;
}

/* ===================== XPAY KRİPTO ===================== */
.m-block-nav-items-bc .deposit_xpayiocrypto .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 50 TL';
}

.m-block-nav-items-bc .deposit_xpayiocrypto .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

/* ===================== XPAY HAVALE ===================== */
.m-block-nav-items-bc .deposit_xpayiohavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_xpayiohavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_xpayiohavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_xpayiohavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== XPAY KREDİ KARTI ===================== */
.m-block-nav-items-bc .deposit_xpayiocard .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 250 TL';
}

.m-block-nav-items-bc .deposit_xpayiocard .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

/* ===================== XPAY PAPARA ===================== */
.m-block-nav-items-bc .deposit_xpayiopapara .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_xpayiopapara .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

/* ===================== X HAVALE ===================== */
.m-block-nav-items-bc .deposit_xhavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_xhavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_xhavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_xhavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== KOLAY HAVALE ===================== */
.m-block-nav-items-bc .deposit_kolayhavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_kolayhavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 5000 TL';
}

.m-block-nav-items-bc .withdraw_kolayhavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 5000 TL';
}

.m-block-nav-items-bc .withdraw_kolayhavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== VEVOPAY KRİPTO ===================== */
.m-block-nav-items-bc .deposit_vevopaycrypto .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 200 TL';
}

.m-block-nav-items-bc .deposit_vevopaycrypto .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 250 TL';
}

.m-block-nav-items-bc .withdraw_vevopaycrypto .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2500 TL';
}

.m-block-nav-items-bc .withdraw_vevopaycrypto .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== VEVOPAY PAPARA ===================== */
.m-block-nav-items-bc .deposit_vevopaypapara .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 2000 TL';
}

.m-block-nav-items-bc .deposit_vevopaypapara .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_vevopaypapara .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_vevopaypapara .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ANINDA QR ===================== */
.m-block-nav-items-bc .deposit_anindaqr .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 200 TL 🔥';
}

.m-block-nav-items-bc .deposit_anindaqr .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

.m-block-nav-items-bc .withdraw_anindaqr .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_anindaqr .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

/* ===================== ANINDA KRİPTO ===================== */
.m-block-nav-items-bc .deposit_aninda_kripto .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_aninda_kripto .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_aninda_kripto .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_aninda_kripto .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 1.000.000 TL';
}

/* ===================== ANINDA KREDİ KARTI ===================== */
.m-block-nav-items-bc .deposit_aninda_kredikarti .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_aninda_kredikarti .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

/* ===================== PARAMJET ===================== */
.m-block-nav-items-bc .deposit_paramjet .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_paramjet .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_paramjet .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_paramjet .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 500.000 TL';
}

/* ===================== NAKITX ===================== */
.m-block-nav-items-bc .deposit_nakitx .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_nakitx .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_nakitx .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_nakitx .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ANINDA HAVALE ===================== */
.m-block-nav-items-bc .deposit_aninda_havale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 250 TL 🔥';
}

.m-block-nav-items-bc .deposit_aninda_havale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 250 TL';
}

.m-block-nav-items-bc .withdraw_aninda_havale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 250 TL';
}

.m-block-nav-items-bc .withdraw_aninda_havale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== FULLPAYS ===================== */
.m-block-nav-items-bc .deposit_fullpayshavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL 🔥';
}

.m-block-nav-items-bc .deposit_fullpayshavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_fullpayshavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_fullpayshavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ONEPAY ===================== */
.m-block-nav-items-bc .deposit_jetpayv2_bank .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_jetpayv2_bank .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_jetpayv2_bank .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_jetpayv2_bank .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== EXPRESS ===================== */
.m-block-nav-items-bc .deposit_cash4uhavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_cash4uhavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 3000 TL';
}

.m-block-nav-items-bc .withdraw_cash4uhavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 3000 TL';
}

.m-block-nav-items-bc .withdraw_cash4uhavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== FULGURPAY ===================== */
.m-block-nav-items-bc .deposit_fulgurpay .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1 TL';
}

.m-block-nav-items-bc .deposit_fulgurpay .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 100 TL';
}

.m-block-nav-items-bc .withdraw_fulgurpay .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 100 TL';
}

.m-block-nav-items-bc .withdraw_fulgurpay .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 1.000.000 TL';
}

/* ===================== BIGPAYS ===================== */
.m-block-nav-items-bc .deposit_bigpayss_bank .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_bigpayss_bank .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2500 TL';
}

.m-block-nav-items-bc .withdraw_bigpayss_bank .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2500 TL';
}

.m-block-nav-items-bc .withdraw_bigpayss_bank .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ASPAYS ===================== */
.m-block-nav-items-bc .deposit_aspays .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_aspays .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 5000 TL';
}

.m-block-nav-items-bc .withdraw_aspays .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 5000 TL';
}

.m-block-nav-items-bc .withdraw_aspays .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== EN HIZLI ===================== */
.m-block-nav-items-bc .deposit_enhizlihavalenew .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 2000 TL';
}

.m-block-nav-items-bc .deposit_enhizlihavalenew .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_enhizlihavalenew .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_enhizlihavalenew .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ANLIKPAY ===================== */
.m-block-nav-items-bc .deposit_anlikpay .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_anlikpay .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_anlikpay .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_anlikpay .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ALLPAY ===================== */
.m-block-nav-items-bc .deposit_minimumhavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 750 TL';
}

.m-block-nav-items-bc .deposit_minimumhavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_minimumhavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_minimumhavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== MANIPAY ===================== */
.m-block-nav-items-bc .deposit_meeldevnew .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_meeldevnew .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_meeldevnew .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_meeldevnew .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ZENITPAY ===================== */
.m-block-nav-items-bc .deposit_havalem .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_havalem .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1500 TL';
}

.m-block-nav-items-bc .withdraw_havalem .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1500 TL';
}

.m-block-nav-items-bc .withdraw_havalem .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== WEXAPAY ===================== */
.m-block-nav-items-bc .deposit_wexapay .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_wexapay .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1500 TL';
}

.m-block-nav-items-bc .withdraw_wexapay .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 1500 TL';
}

.m-block-nav-items-bc .withdraw_wexapay .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== BLUEPAY HAVALE ===================== */
.m-block-nav-items-bc .deposit_paronapayv2havale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_paronapayv2havale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1500 TL';
}

.m-block-nav-items-bc .withdraw_paronapayv2havale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_paronapayv2havale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}


/* ===================== HD HAVALE ===================== */
.m-block-nav-items-bc .deposit_hdhavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 1000 TL';
}

.m-block-nav-items-bc .deposit_hdhavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 3000 TL';
}

.m-block-nav-items-bc .withdraw_hdhavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 3000 TL';
}

.m-block-nav-items-bc .withdraw_hdhavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

/* ===================== ÖDENET HAVALE ===================== */
.m-block-nav-items-bc .deposit_odenethavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_odenethavale .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 1000 TL';
}

.m-block-nav-items-bc .withdraw_odenethavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 2000 TL';
}

.m-block-nav-items-bc .withdraw_odenethavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}


/* ===================== DEPOZİT KRİPTO ===================== */
.m-block-nav-items-bc .deposit_cryptodeposit .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 200 TL';
}

.m-block-nav-items-bc .deposit_cryptodeposit .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 500 TL';
}

.m-block-nav-items-bc .withdraw_cryptodeposit .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 500 TL';
}

.m-block-nav-items-bc .withdraw_cryptodeposit .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 500.000 TL';
}

/* ===================== NEOPAYS ===================== */
.m-block-nav-items-bc .deposit_neopaysbanktransfer .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_neopaysbanktransfer .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 3000 TL';
}

.m-block-nav-items-bc .withdraw_neopaysbanktransfer .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 3000 TL';
}

.m-block-nav-items-bc .withdraw_neopaysbanktransfer .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 100.000 TL';
}

.m-block-nav-items-bc .deposit_neopayscrypto .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 100 TL';
}

.m-block-nav-items-bc .deposit_neopayscrypto .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 10000 TL';
}

.m-block-nav-items-bc .withdraw_neopayscrypto .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 10000 TL';
}

.m-block-nav-items-bc .withdraw_neopayscrypto .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 9000.000 TL';
}

.m-block-nav-items-bc .deposit_neopayscard .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 500 TL';
}

.m-block-nav-items-bc .deposit_neopayscard .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

/* ===================== PAYURUS ===================== */
.m-block-nav-items-bc .deposit_payurus .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 100 TL';
}

.m-block-nav-items-bc .deposit_payurus .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 100 TL';
}

.m-block-nav-items-bc .withdraw_payurus .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 100 TL';
}

.m-block-nav-items-bc .withdraw_payurus .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 500.000 TL';
}


/* ===================== MEGAPAY CARD ===================== */
.m-block-nav-items-bc .deposit_megapaycard .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 100 TL';
}

.m-block-nav-items-bc .deposit_megapaycard .nav-ico-w-row-bc:after {
    content: 'Min Çekim: 🔄';
}

/* ===================== OTOMONEY HAVALE ===================== */
.m-block-nav-items-bc .deposit_otomoneyhavale .nav-ico-w-row-bc:before {
    content: 'Min Yatırım: 100 TL';
}

.m-block-nav-items-bc .deposit_otomoneyhavale .nav-ico-w-row-bc:after {
    content: 'Max Yatırım: 500.000 TL';
}

.m-block-nav-items-bc .withdraw_otomoneyhavale .nav-ico-w-row-bc:before {
    content: 'Min Çekim: 5.000 TL';
}

.m-block-nav-items-bc .withdraw_otomoneyhavale .nav-ico-w-row-bc:after {
    content: 'Max Çekim: 500.000 TL';
}

body .layout-bc {
    background: #000c24 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}



.logo-container .hdr-logo-bc {
    max-width: 160px !important;
    width: 280px !important;
}

.is-home-page .layout-content-holder-bc {
    max-width: 1670px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 80px !important;
}

#root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav {
    max-width: 1670px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hdr-main-content-bc {
    max-width: 1670px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.hdr-main-content-bc {
    background: #000c24 !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
    height: 80px !important;

}



.sdr-item-bc:before {
    background: none !important;
}


.informative-widget {
    height: 100%;
    margin-top: 0px !important;
}

.hdr-dynamic-content {
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
}


.btn.sign-in {
    color: #000000 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    /*font-weight: bold !important;*/
    text-decoration: none !important;
    font-size: 14px !important;
    background-image: linear-gradient(to right, #ffcc34, #ffc200) !important;
    background-size: 200% auto !important;
}

.btn.s-small.register {
    color: #000000 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    /*font-weight: bold !important;*/
    text-decoration: none !important;
    font-size: 14px !important;
    background-image: linear-gradient(to right, #84ff00, #0cc000) !important;
    background-size: 200% auto !important;
}




.popup-inner-bc {
    border-radius: 20px !important;
    /*border-bottom: 2px solid #19233c !important;
	border-top: 2px solid #19233c !important;
	border-left: 2px solid #19233c !important;
	border-right: 2px solid #19233c !important;
	box-shadow: 0px -2px 30px #19233c !important;*/
    background: #000c24 !important;
}




#comm100-float-button-845e565e-8d84-4e87-b99b-6e0e68313969-2 img {
    width: 70px !important;
}




.sdr-iframe-backface-bc {
    max-height: 110px !important;
}

.sdr-item-bc:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62%, rgb(0 0 0 / 0%)) !important;
}

.nav-menu-container .nav-menu {
    width: 100% !important;
    justify-content: space-evenly !important;
}

.layout-header-holder-bc {
    box-shadow: 0 15px 0 0 #000b24 !important;
}




.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(1) {}










.page-view-more {
    margin-bottom: 20px !important;
}

.page-view-more {
    background: linear-gradient(90deg, #000423, #140c5a, #000423) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: left !important;
    justify-content: left !important;
    width: 100% !important;
    justify-self: center !important;
    height: 40px !important;
    border-top: 1px solid #00227d !important;
    border-bottom: 1px solid #00227d !important;
}

.view-title-more {
    color: #fff !important;
    padding-left: 60px;
    flex: none !important;
    font-size: 14px !important;
}





.nav-menu-container.header-navigation:first-child .nav-menu>li:first-child>.nav-menu-item {
    border-start-start-radius: 8px !important;
    border-end-start-radius: 8px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    padding: 0 9px !important;
    background: #09204f !important;
    margin-right: 8px;
    border-radius: 8px;
    font-size: 12px !important;
}

.nav-menu-container.header-navigation:first-child {
    background: transparent !important;
}







.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item {
    background: #14326e !important;
    box-shadow: inset 0 -3px 2px 0px #c1c1c1 !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: #141e36 !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item:hover:before {
    background: #c1c1c1 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active {
    background: #ffc403 !important;
    box-shadow: none !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item.active>* {
    color: #fff !important;
}








.nav-content-menu .nav-menu a[href="/tr/promotions"].nav-menu-item {
    padding: 0 9px !important;
    background: #04d632;
    background: linear-gradient(10deg, rgba(4, 214, 50, 1) 0%, rgba(28, 142, 26, 1) 55%, rgba(27, 73, 7, 1) 100%) !important;
    margin-right: 8px;
    border-radius: 8px;
    border: 2px solid #454e64;
}

.nav-content-menu .nav-menu a[href="/tr/promotions"].nav-menu-item.active {
    padding: 0 9px !important;
    background: #04d632;
    background: linear-gradient(10deg, rgba(4, 184, 43, 1) 0%, rgba(20, 102, 18, 1) 55%, rgba(17, 46, 5, 1) 100%) !important;
    margin-right: 8px;
    border-radius: 8px;
    border: 2px solid #454e64;
}








.informative-widget-link {
    display: flex;
    justify-content: center;
    background: linear-gradient(90deg, #000c25, #44008a, #000c25) !important;
    border-radius: 10px !important;
    border-top: 0.5px solid #6300ff !important;
    border-right: 0.5px solid #6300ff !important;
    border-left: 0.5px solid #6300ff !important;
    border-bottom: 0.5px solid #6300ff !important;
    animation: textclip 4s linear infinite !important;
}

.informative-widget-container {
    padding: 15px 0px 0px 0px !important;
}

.informative-widget-container>span {
    line-height: 12px !important;
}

.informative-widget-container img {
    max-width: 1080px !important;
    max-height: 80px !important;
}












.layout-footer-holder-bc {
    background: #000c24 !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center;
}

/*
.is-home-page .layout-footer-holder-bc::before {
  content: "";
  background: url('assets/images/footer-mor-isik.png');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10px;
}
*/

/*.footerLinkCols {
    background: url(assets/images/web-footer-menu-bg.png);
    padding: 45px 0px 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 370px;
}*/



.footerContainer .sliderGroup .sliderContent .sliderTitle {
    display: none;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) {
    position: absolute;
    top: 19px;
    max-width: 900px;
    left: 50%;
    transform: translateX(-50%);
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage {
    min-width: 100px;
    width: 130px;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage img {
    width: 120px;
    opacity: 1 !important;
    filter: none !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(1) img {
    content: url(assets/images/android.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(2) img {
    content: url(assets/images/apple.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(3) img {
    content: url(assets/images/macos.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(4) img {
    content: url(assets/images/huawei.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(5) img {
    content: url(assets/images/linux.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(6) img {
    content: url(assets/images/windows.png) !important;
}












.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(2) {
    width: 100%;
    position: absolute;
    bottom: -14%;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #000c24;
}

.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(2) .sliderSingleEl {
    padding: 15px;
}

.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) {
    position: absolute;
    bottom: 0;
    left: 0;
}

.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl a:nth-child(1) {
    position: absolute;
    left: 12%;
    bottom: -15px;
}

.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl a:nth-child(2) {
    position: absolute;
    left: 47%;
    bottom: -38px;
}

.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl a:nth-child(2) img {
    width: auto !important;
    height: 87px;
}


[class*=is-web] .sliderSingleEl .sliderImage img {
    display: block;
    width: auto;
}

.is-home-page .footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl iframe {
    width: 90px;
    /*right: 45% !important;*/
    /*transform: translateX(-50%) !important;*/
    position: absolute;
    height: 120px !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) {
    display: none;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(5) {
    display: none;
}






.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderImage:nth-child(1) {}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderImage:nth-child(1) img {
    height: 130px;
}



.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderImage:nth-child(2) {}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderImage:nth-child(2) img {
    height: 450px;
}



.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderImage:nth-child(3) {}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderImage:nth-child(3) img {
    height: 130px;
}




.hdr-dynamic-content {
    display: none;
}


.header-bc {
    background: #000c24 !important;
}

.nav-content-bc {
    background: transparent !important;
}

.layout-header-holder-bc {
    background: #000c24 !important;
}





.hdr-main-content-bc .logo-container .header-icon {
    display: none;
}





/*login olmadan once*/

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-of-type(1) {
    position: absolute;
    left: 430px;
    transform: translateX(0%);
    height: auto !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(1) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(1) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(1) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_ebe97b5e9bf4d3fb911f3f45094e2cd9.svg') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 35px !important;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-of-type(2) {
    position: absolute;
    left: 300px;
    transform: translateX(0%) !important;
    height: auto !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(2) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(2) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(2) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_d5c01d9b0b6cc4a63700bd51a4bc9ef5.svg') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 35px !important;
}



header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(3) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(3) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(3) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_082c43d097fa9ef4c4d32a9f49a31162.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(4) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(4) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(4) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_b3896dd1b730e63d143e24563ad144cc.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(5) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(5) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(5) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_fc8b6d68fd6216472f963cd201515991.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}













/*login olduktan sonra*/

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-of-type(1) {
    position: unset;
}




.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1) {
    /*
  position: absolute;
    left: -542px;
    transform: translateX(0%) !important;
  */
    height: 41px !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1) span {
    display: none;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1) {
    background-image: url('assets/images/deposit-btn.png') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 117px;
    height: 41px;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2) {
    /*
  position: absolute;
    left: -672px;
    transform: translateX(0%) !important;
  */
    height: 41px !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2) span {
    display: none;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2) {
    background-image: url('assets/images/media_18755722_d5c01d9b0b6cc4a63700bd51a4bc9ef5.svg') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 35px;
}



.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(3):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(3) {
    background-image: url('assets/images/media_18755722_082c43d097fa9ef4c4d32a9f49a31162.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(4):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(4) {
    background-image: url('assets/images/media_18755722_b3896dd1b730e63d143e24563ad144cc.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(5):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(5) span {
    display: none;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(5) {
    background-image: url('assets/images/media_18755722_fc8b6d68fd6216472f963cd201515991.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}

















.header-bc .sidebar-content .sidebar-item:nth-child(1) img {
    content: url(assets/images/box1.png) !important;
}

.header-bc .sidebar-content .sidebar-item:nth-child(2) img {
    content: url(assets/images/telefon1.png) !important;
}

.header-bc .sidebar-content .sidebar-item:nth-child(3) img {
    content: url(assets/images/telegram1.png) !important;
}

.header-bc .sidebar-content .sidebar-item:nth-child(4) img {
    content: url(assets/images/elmas1.png) !important;
}

.header-bc .sidebar-content .sidebar-item:nth-child(5) img {
    content: url(assets/images/tv1.png) !important;
}



.sidebar-imageSrc {
    background: linear-gradient(-20deg, rgb(0 11 36) 0%, rgb(27 53 102) 50%, rgb(0 11 36) 100%) !important;
}

.sidebar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px !important;
    height: 35px !important;
    border-radius: 100% !important;
    background: none !important;
}

.sidebar-item {
    padding: 8px !important;
}

.sidebar-title {
    font-size: 16px;
}

.sidebar-imageSrc:hover {
    background: linear-gradient(-90deg, #19233c 0%, #16003a 50%, #ddb568 100%) !important;
    border-bottom: 1px solid #ddb568 !important;
    border-top: 1px solid #ddb568 !important;
    border-left: 1px solid #ddb568 !important;
}

.sidebar-imageSrc {
    background: none !important;
}

.sidebar-image img {
    animation: Toastify__zoomIn2 3.5s infinite;
}

@keyframes Toastify__zoomIn2 {
    50% {
        opacity: 50;
        transform: scale3d(.9, .9, .9)
    }

    100% {
        opacity: 1
    }
}

[dir=ltr] .sidebar-item {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}

.sidebar-content .sidebar-item .sidebar-image {
    position: relative;
}

.sidebar-image img {
    width: 200px !important;
    height: 40px !important;

}

.sidebar-image::before {
    content: '';
    position: absolute;
    width: 39px;
    height: 38px;
    border-radius: 100%;
    background: linear-gradient(180deg, #ddb5681f, 10%, transparent, 90%, #ddb568) !important;
    z-index: 0;
    animation: rotate 1s linear infinite;
    top: -2px;
    left: -2px;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%)rotate(0)
    }

    100% {
        transform: translate(-50%, -50%)rotate(360deg)
    }
}

.sidebar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px !important;
    height: 35px !important;
    border-radius: 100% !important;
    background: none !important;
    padding: 0px -0px 0px -40px !important;
}
























.promotionsListEl-bc:hover {
    background: url(assets/images/media_18755722_919c3265bedcb75f735b617c54f281b0.gif) !important;
    background-size: auto;
    background-size: cover !important;
    border-radius: 20px !important;
}

.promotionsArticleThumbnail-bc {
    display: flex;
    width: 100%;
    height: auto;
    opacity: 0;
    border-radius: 4px 4px 0 0;
    animation: promo-img .24s .1s forwards;
}

.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.promotionsArticleThumbnail-bc {
    backdrop-filter: blur(10px) !important;
    box-shadow: inset -5px 0px 4px 0px rgba(0, 0, 0, 0) !important;
    border-radius: 10px !important;
}

.promotionsListEl-bc img {
    opacity: 0.9 !important;
}

.promotions-article-title.ellipsis {
    display: none !important;
}

.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    transform: scale(1.05);
    background: #0000007a !important;
}

/* Promosyon ızgarası mobilde taşmasın: sütun min'i kapsayıcıyı aşmasın.
   Bundle kuralı minmax(345px,1fr) dar ekranda 345px'i zorlayıp yatay taşma yapıyordu;
   min(345px,100%) ile <345px viewport'ta sütun %100'e iner (geniş ekranda hâlâ 345px). */
.promotionsList-bc:not(.gridView) {
    grid-template-columns: repeat(auto-fill, minmax(min(345px, 100%), 1fr)) !important;
}









.footerSocialLink .bc-i-instagram {
    background: url(assets/images/media_18755722_9880aacb5c98ebcf74b757c9f8039915.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}

.footerSocialLink .bc-i-twitter {
    background: url(assets/images/media_18755722_a012469067e06e8743ac0594bd65fcf4.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}

.footerSocialLink .bc-i-telegram {
    background: url(assets/images/media_18755722_cb546f35385b47112ae854788e39e4bc.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}


.footerSocialLink .bc-i-youtube {
    background: url(assets/images/media_18755722_5089a3e39394daaaf67657907407ed0a.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}



.footerSocialLink {
    background-color: transparent !important;
}

.footerSocialLink a {
    background: transparent !important;
}

.footerSocialLink .bc-i-instagram::before {
    color: transparent !important;
}

.footerSocialLink .bc-i-twitter::before {
    color: transparent !important;
}

.footerSocialLink .bc-i-telegram::before {
    color: transparent !important;
}

.footerSocialLink .bc-i-youtube::before {
    color: transparent !important;
}

.nav-menu-container .nav-menu .nav-menu-item,
.nav-menu-container .nav-menu-other .nav-menu-item Specificity: (0, 3, 0) {
    font-size: 12px !important;
}

.hdr-user-avatar-icon-bc {
    color: #5f76ae !important;
}







.m-nav-items-list-item-bc.active,
.m-nav-items-list-item-bc:hover {
    border: none !important;
    background: transparent !important;
}

.m-nav-items-list-item-bc:not(.active) {
    background: transparent !important;
    border: transparent !important;
}

/*
.m-nav-items-list-item-bc .nav-ico-w-row-bc:before{
  content: 'test';
}
.m-nav-items-list-item-bc .nav-ico-w-row-bc:after{
  content: 'test2';
}
*/

.m-nav-items-list-item-bc .nav-ico-w-row-bc .payment-logo {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.m-nav-items-list-item-bc .nav-ico-w-row-bc {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    width: 100%;
    height: 90px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}









.payment-logo {
    max-width: 100% !important;
    max-height: 100% !important;
}


.dep-w-info-bc .nav-ico-w-row-bc {}

.dep-w-info-bc .m-block-nav-items-bc {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 0px;
}

.dep-w-info-bc .m-nav-items-list-item-bc {
    background: #fff0 !important;
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
}







.ftr-copy-rights-bc a {
    color: #b0abb8;
}

[class*=is-web] .copyRightBlock {
    padding-bottom: 20px !important;
}

.featuredGameItem {
    background-color: #000c25 !important;
}
/* yapilacaklar.txt (2026-07-13) — Madde 10: oyun kartında hareket ("hareketli hale
 * getirelim"). Provider thumbnail'ları statik → hover'da hafif yakınlaşma. Blurlu
 * Demo/Oyna overlay'i bundle'ın casino-game-layer keyframe'i zaten sağlar. */
.casinoGameItemImage { transition: transform var(--slow-transition-duration, .3s) ease, filter var(--default-transition-duration) ease; }
.casinoGameItem:hover .casinoGameItemImage,
.casinoGameItem:has(> .casinoGameItemBlock) .casinoGameItemImage {
    transform: scale(1.06);
}

/* ============================================================================
 * dekstop.txt (2026-07-13) — masaüstü düzeltmeleri
 * ========================================================================= */

/* Madde 5: oyun kartına hover/dokun'da BULANIKLAŞMA alanı. Bundle .casinoGameItemBlock
 * overlay'ini gösteriyor ama blur/koyu arka plan vermiyordu ("blur vardı gitmiş"). */
.casinoGameItemBlock {
    background: rgba(0, 6, 24, .62) !important;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.casinoGameItemBlock .casinoGameItemLabelBc { color: #fff; }
.casinoGameItem:hover .casinoGameItemImage { filter: blur(2px) brightness(.72); }

/* Madde 2: "yukarı çık" butonu aşağı inince görünsün. Bundle onu .header-bc içinde
 * static + opacity:0 bırakıyordu → hiç görünmüyordu. ui.js body'ye taşır (header'ın dinamik
 * transform'u fixed'i hapsetmesin) + eşikte (y>400) .nav-floating-btn-show ekler.
 * hatalar #10: native GÖRÜNÜM (yatayda ortalı, alttan 90px, saydam yuvarlak). */
.center-bottom-btn {
    position: fixed !important;
    left: 0; right: 0; margin: 0 auto;   /* native center-bottom: yatayda ortala */
    bottom: 90px;
    z-index: 930;
    width: 56px; height: 56px;
    display: flex !important; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none;
    transition: opacity .25s ease;
}
.center-bottom-btn.nav-floating-btn-show { opacity: 1 !important; pointer-events: auto; }
/* hatalar #10: ESKİ altın-gradient blob KALDIRILDI. Görünüm = native `.layout-bc .nav-floating-btn`
 * (butonu body'ye taşıdığımız için o scoped kural artık ulaşmıyor → aynı değerler burada). */
.center-bottom-btn .nav-floating-btn {
    width: 56px; height: 56px; border-radius: 50%;
    background: rgba(var(--b-sc), .15);
    color: rgba(var(--b-sc), .8);
    font-size: 14px;
    backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
    display: flex; align-items: center; justify-content: center;
}

/* Madde 3: sidebar-content (Bonus talep/Beni Ara/Telegram/VIP/TV promo rayı) yanlış div içine
 * (kısa .header-bc kapsayıcısına) düşmüştü → top:50% HEADER'ın %50'si (=58px, ekran üstü) oluyor,
 * translateY(-50%) ile üstte kırpılıyordu (kullanıcı: "farklı div içine atılmış, ortada olmalı").
 * position:fixed ile kapsayıcı VIEWPORT olur → top:50% ekran ortası; dikey ortalanır. */
.header-bc .sidebar-content {
    display: none !important;          /* yan butonlar (Bonus talep/Beni Ara/Telegram/WhatsApp/TV rayı) kaldırıldı — istek gereği */
    position: fixed !important;
    top: 50vh !important;              /* vh = daima viewport; header'ın will-change/transform'u kapsayıcı olsa da ekran ortası */
    bottom: auto !important;
    z-index: 60;
}
/* hatalar #2: iletişim rayı VARSAYILAN KAPALI gelmeli (şu an açık geliyordu). Native BC zaten
 * hover yokken translate(135px) ile rayı sağa kaydırıp kapatıyor AMA yukarıdaki eski kuralın
 * koşulsuz `transform: translateY(-50%) !important`i bu kapanmayı eziyordu → ray hep açık.
 * Kapanmayı hover-durumuna bağla: hover yok = 135px kay (yalnız yuvarlak ikon peek), item hover = tam açıl.
 * (top:50vh + fixed korunur; sadece transform artık koşullu.) */
[dir=ltr] .header-bc .sidebar-content:not(:has(.sidebar-item:hover)) {
    transform: translate(135px) translateY(-50%) !important;
}
[dir=rtl] .header-bc .sidebar-content:not(:has(.sidebar-item:hover)) {
    transform: translate(-135px) translateY(-50%) !important;
}
.header-bc .sidebar-content:has(.sidebar-item:hover) {
    transform: translate(0) translateY(-50%) !important;
}

/* Madde 10: kartlarda idle "hareket" — periyodik ışık geçişi (shine). GPU-dostu, kart
 * hover değilken. Yalnız slot grid'inin İLK 10 kartında (kullanıcı isteği). */
.casinoGameItem { position: relative; }
.casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.16) 48%, transparent 62%);
    transform: translateX(-130%);
    animation: casinoCardShine 6s ease-in-out infinite;
}
.casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem:hover::after,
.casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem:has(> .casinoGameItemBlock)::after { display: none; }
@keyframes casinoCardShine {
    0%, 62%   { transform: translateX(-130%); }
    82%, 100% { transform: translateX(130%); }
}
@media (prefers-reduced-motion: reduce) {
    .casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem::after { animation: none; display: none; }
}

/* dekstop.txt #7: ANLIK KAZANÇLAR altı HIZLI ERİŞİM — bölüm kısayol kartları tek sırada eşit
 * genişlik (eski $__promo İade bannerları aşağı taşındı, bkz. home.php $__quick). */
.home-quick-access {
    display: grid !important;
    grid-template-columns: none !important;   /* base .product-banner-container-bc auto-fill 322px'i ez */
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 10px;
    width: 100%;
}
.home-quick-access > div { min-width: 0; }
.home-quick-access .product-banner-bc { display: block; width: 100%; }
.home-quick-access .product-banner-img-bc { width: 100%; height: auto; display: block; border-radius: 10px; }

@media (max-width: 900px) {
    .home-quick-access { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); grid-auto-columns: auto; }
}

/* dekstop.txt: native promo slider (hm-row-bc has-slider). BC bundle .sdr-image-bc'ye object-fit:cover
 * veriyor → 4000x1000 betronix bannerı ~3.34:1 kutuya sığarken KIRPILIYOR. unset(=fill) tüm bannerı gösterir.
 * ponytail: BC bundle CSS'i düzenleyemiyoruz → custom.css override. KULLANICI ONAYLI CSS istisnası (bu seferlik). */
.sdr-image-bc { object-fit: unset !important; }

/* hatalar #3/#4/#5/#6: smart panel drawer'ları (Bildirim/Favori/Ayarlar/Betslip) sadece BAŞLIK
 * gösterip içeriği KIRPIYORDU. Kök neden: BC `.sidePanel-holder { height: calc(100% - header) }`
 * ama panel `.smartPanel-bc` (transform'lu header) içinde → position:fixed % viewport yerine
 * transform'lu ATAYA çözülüyor → 116px-57px = 59px'e çöküyor. vh ATADAN BAĞIMSIZ → tam yükseklik.
 * (mobil QA'daki "fixed-torun→vh" dersi.) İçerik fixed başlığın altından başlasın diye padding-top. */
.sidePanel-holder {
    height: calc(100vh - var(--desktop-header-height, 56px) - var(--dynamic-header, 0px) - 1px) !important;
    padding-top: 44px;
    overflow-y: auto;
}
.sidePanel-holder-bc:before {
    height: calc(100vh - var(--desktop-header-height, 56px)) !important;
}
/* hatalar: modal açılınca en üstte olsun (iletişim rayı/sayfa içeriğinin ÜSTÜNDE). */
.sidePanel-holder-bc:not(.hidden) { z-index: 99990; }
.sidePanel-holder-bc:not(.hidden):before { z-index: 99989; }
.sidePanel-holder-bc:not(.hidden) .sidePanel-holder { z-index: 99991; }

/* hatalar: BAHİS KUPONU footer'a yakın AYRI alan (betslip-dock.php). Betslip butonu toggle;
 * iç `.betslip-bc.full.Full` = BC fixed alt-dock (bottom:0, 340px). Kapalıyken tamamen gizli. */
#footer-betslip.hidden { display: none; }
/* #root'ta sabit `betslip-Hidden` state + bs-first-bet-content animasyonu betslip'i translateY(100%)
 * ile aşağı (fold altına) itiyordu. Kendi toggle'ımız görünürlüğü zaten yönetiyor → itmeyi iptal et. */
#footer-betslip .betslip-bc.full.Full { animation: none !important; transform: none !important; }

/* Ayarlar dropdown menüsü (Oran formatı / Dil / Saat formatı) — BC select'e tık → seçenek listesi. */
.js-setting-select { position: relative; cursor: pointer; }
.js-setting-menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 5; margin: 4px 0 0; padding: 4px; list-style: none; background: rgba(var(--b, 0,11,36), 1); border: 1px solid rgba(var(--b-sc, 255,255,255), .15); border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
.js-setting-menu[hidden] { display: none; }
.js-setting-option { padding: 9px 12px; border-radius: 6px; font-size: 13px; color: rgba(var(--b-sc, 255,255,255), .85); cursor: pointer; }
.js-setting-option:hover { background: rgba(var(--b-sc, 255,255,255), .08); }
.js-setting-option.active { background: rgba(var(--hero, 245,197,24), .18); color: rgba(var(--b-sc, 255,255,255), 1); }

/* dekstop.txt: ANLIK KAZANÇLAR — bir kazancın üstüne gelince marquee DURSUN (hareket etmesin).
 * .runningLine inline animation-play-state:running → hover'da paused (!important şart, inline'ı ez). */
.casinoTopWinnersWidget .runningLine:hover { animation-play-state: paused !important; }

/* hatalar #11 (revize): casino alt-navigasyonu artık HEADER'da — referans yapısı: `.nav-content-bc`
 * içinde `.nav-content-menu`den (ana nav) SONRA ayrı bir `nav.header-navigation` = :nth-child(2).
 * Native BC ":nth-child(2)" = underline şerit ama bizim temada --menu-sc koyu (şeritte görünmez) +
 * unscoped `.nav-menu{justify:space-evenly}` sızıyor → explicit override. `.nav-content-bc > ...`
 * DOĞRUDAN çocuk = yalnız alt-nav (ana nav `.nav-content-menu` torunu, `>` ile HARİÇ). */
.nav-content-bc > .nav-menu-container.header-navigation {
    background: rgba(var(--menu, 25,35,60), 1) !important;
    border-radius: 6px !important;
    margin-top: 6px;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu {
    justify-content: space-between !important;
    width: 100% !important;
}
/* hatalar #11 (geri bildirim): 4 öğe ortada toplanmıştı (yanyana) → sayfaya tam yayıl, 4 EŞİT parça.
 * Her li 1/4 genişlik (flex:1), öğe kendi çeyreğinde ortalı; underline = metin genişliği. */
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li {
    flex: 1 1 0 !important;
    display: flex !important;
    justify-content: center !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item,
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item {
    background: transparent !important;
    color: rgba(var(--b-sc, 255,255,255), .5) !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    box-shadow: none !important;
    padding: 0 6px !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu-item > .CMSIconSVGWrapper {
    width: 14px !important; height: 14px !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu-item > i {
    font-size: 15px !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item:hover,
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item.active {
    background: transparent !important;
    color: rgba(var(--b-sc, 255,255,255), 1) !important;
    box-shadow: inset 0 -2px rgba(var(--hero, 245,197,24), 1) !important;
}