.sliderImage img[src="/__/toto.casiveraetkinlik.com/media_18750178_556067fa306d172a5b63fc5d0b16f2a9.jpeg"] {
    content: url('/__/toto.casiveraetkinlik.com/media_18750178_7ed74a83a0f48cdc7f54be88ee5335ec.png');
}




.compact-footer .layout-footer-holder-bc.active {
    transform: translateZ(0);
    background: black !important;
}

[class*=is-web] .compact-footer .layout-footer-holder-bc.active .footerWrapper {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: black !important;
}

body .casino-winners-info>span {
    color: #ffffff !important;
}


.layout-content-holder-bc {
    padding: 0 30px !important;
    margin: 0 auto !important;
    margin-bottom: 15px !important;
    max-width: 1470px !important;
}

.payment-logo {
    transition: transform 200ms ease-in-out;

}

.payment-logo:hover {
    transform: scale(1.1);
    transition object-fit: contain
}

#root>div.layout-content-holder-bc>div:nth-child(4)>div>div>div.games-horiz>div {
    padding-bottom: 20px;
}

#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div {
    display: none;
}


body #root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav>ul.nav-menu.nav-menu-hide-items>li:nth-child(1)>ul,
body #root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav>ul.nav-menu.nav-menu-hide-items>li:nth-child(2)>ul,
body #root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav>ul.nav-menu.nav-menu-hide-items>li:nth-child(3)>ul {
    display: none;
}



body #\31 3140_Aninda_Banka {
    display: none;
}


#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.u-i-e-p-p-content-bc.u-i-common-content.user-profile>form>div.userProfile-content>div.userProfileWrapper-bc.userProfileSection-1,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.u-i-e-p-p-content-bc.u-i-common-content.user-profile>form>div.u-i-p-c-footer-bc {
    display: none;
}

#root .nav-menu-container .nav-menu-sub {
    top: 105%;
    /* margin-top: 20px; */
}

#root .nav-menu-item {
    font-size: 13px;
    row-gap: 10px;
    padding-top: 10px;
}

#root .nav-menu-item[aria-label="Bakiye"],
#root .nav-menu-item[aria-label="Bakiye"]:hover {
    padding-top: 1px;
}

#root .nav-menu-item span {
    /* justify-content: center; */
    font-size: 13px;
    /* text-align: center; */
    /* color: #ffffff; */
}

#root .nav-menu-container .nav-menu>li>.nav-menu-item>i,
.nav-menu-container .nav-menu-other>.nav-menu-item>i {
    margin-inline-end: 0px;
}

#root .nav-menu-item i {
    /* display: grid; */
    /* padding-top: 4px; */
    font-size: 25px;
    margin-bottom: 4px;
    color: #0cfed7;
}

#root .nav-content-bc {
    background-color: #16332e;
}

#root .nav-menu-container.header-navigation:nth-child(2) .nav-menu {
    justify-content: center;
}





#root>div.layout-content-holder-bc>div:nth-child(1)>div>div>div.carousel-viewport>div>div.carousel-slide.active-slide {
    .sdr-item-bc:before {
        background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 62%, rgb(0 0 0 / 0%))
    }
}

@media (min-width: 1339px) {
    .nav-menu-container.header-navigation:nth-child(1) .nav-menu {
        justify-content: center;
    }
}


@media (max-width: 913px) {
    #root>div.layout-header-holder-bc>header>div.hdr-main-content-bc>div.crypto-currency-data {
        display: none;
    }
}

#root .nav-menu-container.header-navigation:first-child .nav-menu>li:first-child>.nav-menu-item {
    padding-inline-start: 20px;
}


@keyframes borderFlash {
    0% {
        border-color: #01eec7;
    }

    25% {
        border-color: #01e4bf;
    }

    50% {
        border-color: #01eec7;
    }

    100% {
        border-color: #02fed5;
    }
}

#root .horizontalSliderElem {
    animation: borderFlash 5s infinite;
    width: 113px !important;
    height: 100% !important;
    border-radius: 40px;

    padding: 0px !important;
    border: 2px solid #01fed5e3 !important;
}

.horizontalSliderElem .horizontalSliderImg {
    opacity: .9 !important;
    filter: none !important;
    animation: borderFlash 2s infinite;
    border-radius: 40px;
    transition: none !important;
}


.casinoGameItemImage {
    animation: borderFlash 2s infinite;
    border: 3.2px solid #02fed5;
    border-radius: 20px;
    /* Kenarların oval olması için */
    /* İçerik ile sınır arasındaki boşluğu artırmak için */
    box-sizing: border-box;
    /* Padding ve border ile birlikte kutunun tam genişliğini hesaba katmak için */
}

.casino-game-item-content {
    .casino-game-item {
        animation: borderFlash 2s infinite;
        border: 3.2px solid #02fed5;
        border-radius: 20px;
        /* Kenarların oval olması için */
        /* İçerik ile sınır arasındaki boşluğu artırmak için */
        box-sizing: border-box;
        /* Padding ve border ile birlikte kutunun tam genişliğini hesaba katmak için */
    }
}



/* GiriÅŸ Butonu Stili */
#root .btn.sign-in {
    background: #875e5e00;
    /* Siyah arka plan */
    color: #fff;
    /* Beyaz yazı rengi */
    border: none;
    /* Kenarlık yok */
    border-radius: 0;
    /* Köşeler yuvarlak değil */
    font-weight: bold;
    /* Yazı kalınlaştırıldı */
    font-family: Arial, sans-serif;
    /* Aynı font kullanıldı */
    text-decoration: none;
    /* Alt çizgi yok */
    /* Diğer stil özellikleri */
}

#root .btn.register {
    background: #0cfed7;
    color: #0e121a;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-decoration: none;

    transition: box-shadow .25s ease, filter .2s ease;
}

#root .btn.register:hover {
    box-shadow:
        0 0 8px rgb(12 254 215 / 53%),
        0 0 18px rgb(12 254 215 / 57%);
    filter: brightness(1.05);
}


#root .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: #122a26;
    border-top: 3px solid #0cfed7;
    color: #FFFFFF;
}

.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 {
    background: #16332e;
    height: 45px !important;
    display: flex;
    flex-direction: column;
    /* Flex yönünü dikey yapar */
    align-items: center;
    /* İçerikleri ortalar */
    margin: 0px 0;
    /* Her bir liste öğesi arasında boşluk bırakır */
}


#root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav {
    background: #16332e;
    height: 60px !important;
}

.hdr-main-content-bc,
.logo {
    height: 80px !important;
}





.nav-menu-item i {
    padding-top: 4px;
    font-size: 24px;
    /* Ä°kon boyutu */
    margin-bottom: 5px;
    /* İkon ve metin arasına boşluk eklemek için */
    color: #0cfed7;
    /* İkon rengini ayarlamak için */
}

.nav-menu-item span {
    /* text-align: center; */
    /* Metni ortalamak için */
    /* color: #ffffff; */
    /* Metin rengini ayarlamak için */
}





.nav-menu-item:hover .nav-menu-sub {
    display: block;
    /* Hover ile alt menüyü göster */
}

.nav-menu-sub .nav-menu-item {
    margin: 5px 0;
    /* Alt menü öğeleri arasına boşluk */
    padding: 5px 10px;
    /* Alt menü öğeleri iç boşluk */
    background-color: #555;
    /* Alt menü öğesi arka plan rengi */
    border-radius: 3px;
    /* Alt menü öğesi köşelerini yuvarla */
}










#root>div.layout-footer-holder-bc>div>div>div>div.footerSliderGroup>div:nth-child(1)>div>div:nth-child(1)>div>a:nth-child(1) {
    display: none;

}



.layout-betslip-holder-bc {
    .bs-bet-i-b-amount-bc {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        white-space: nowrap;
        font-weight: 700;
        color: rgba(var(--oc-1), )
    }
}






.nav-content-bc {

    display: flex;
    flex-direction: column;
    position: relative;
    background: rgba(var(--menu), 1);
    border-radius: var(--border-radius);
}







.popup-inner-bc {

    border-radius: 20px !important;
}





.sdr-item-bc:before {

    background: none !important;
}


body {
    background-color: #1a3d37 !important;

}



.product-banner-info-bc:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: none !important;
    z-index: -1;
}

.layout-footer-holder-bc {
    background: none !important;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 5px;
    padding-inline-end: 5px;
}

.multi-column-content .market-odd-bc,
.multi-column-content .multi-column-base {
    font-size: 12px !important;
    font-weight: 600 !important;
}



.bs-bet-item-bc.blocked .bs-bet-i-b-coefficient-bc.c-1,
.bs-bet-item-bc.blocked .bs-bet-i-b-coefficient-bc.c-2,
.bs-bet-item-bc.blocked .bs-bet-i-b-title-bc.t-1,
.bs-bet-item-bc.blocked .bs-bet-i-b-title-bc.t-2,
.bs-bet-item-bc.blocked .bs-bet-i-h-c-icon-checkbox-bc,
.bs-bet-item-bc.blocked .bs-bet-i-h-title-bc,
.bs-bet-item-bc.blocked .bs-item-date-v-bc,
.bs-bet-item-bc.deleted .bs-bet-i-b-coefficient-bc.c-1,
.bs-bet-item-bc.deleted .bs-bet-i-b-coefficient-bc.c-2,
.bs-bet-item-bc.deleted .bs-bet-i-b-title-bc.t-1,
.bs-bet-item-bc.deleted .bs-bet-i-b-title-bc.t-2,
.bs-bet-item-bc.deleted .bs-bet-i-h-c-icon-checkbox-bc,
.bs-bet-item-bc.deleted .bs-bet-i-h-title-bc,
.bs-bet-item-bc.deleted .bs-item-date-v-bc {
    opacity: 1 !important;
}

.bs-item-date-v-bc {
    width: 100%;
    margin-top: 4px;
    color: #ffffff !important;
    font-size: 11px;
    line-height: 13px;
    font-weight: 600 !important;
}

.casino-winners-info>span {
    color: #1d1d25 !important;
}

.casino-winners-amount {
    flex-shrink: 0;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700 !important;
}

.payment-field-info {
    margin-top: 10px;
    margin-bottom: 0;
    color: rgb(0 0 0) !important;
    font-size: 13px;
    text-indent: 20px;
    position: relative;
    font-family: sans-serif;
    line-height: 18px;
}

.payment-call-to-action {
    width: 100%;
    text-align: center;
    color: #000000 !important;
    font-size: 14px;
    line-height: 18px;
    font-family: sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
}

.payment-rate {
    width: 100%;
    text-align: center;
    color: rgb(0 0 0) !important;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.payment-rate {
    width: 100%;
    text-align: center;
    color: rgb(0 0 0 / 60%) !important;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.promotions-article-title {
    height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    color: rgba(var(--b-sc), 1);
    background: rgba(var(--b-sc), .1);
    font-size: 12px;
    line-height: 34px;
    display: none !important;
}





@keyframes slide {
    from {
        left: 100%;
    }

    to {
        left: -250%;
    }
}

.layout-content-holder-bc::before {
    content: "Günlük 2.500.000₺ ye kadar çekim hakkı (Minimum günlük çekim 200.000₺) • HAVALE ile MİNİMUM 50 TL YATIRIM • Doğum Günü Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Kriptoya Özel %10 Yatırım Bonusu + %20 Kayıp Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Geceye Özel %30 Anlık Casino ve Spor Kayıp Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Haftalık Kayıp Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Günlük 2.500.000₺ ye kadar çekim hakkı (Minimum günlük çekim 200.000₺) • HAVALE ile MİNİMUM 50 TL YATIRIM • Doğum Günü Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Kriptoya Özel %10 Yatırım Bonusu + %20 Kayıp Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Geceye Özel %30 Anlık Casino ve Spor Kayıp Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM • Haftalık Kayıp Bonusu • HAVALE ile MİNİMUM 50 TL YATIRIM";

    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #ffffff;

    /* OKUNURLUK */
    text-shadow:
        0 1px 2px rgb(12 28 25),
        0 0 6px rgb(0 0 0);

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

    position: fixed;
    bottom: 0;
    left: 0;
    width: max-content;
    padding: 6px 20px;

    white-space: nowrap;
    z-index: 999;

    /* Gradient (aynı) */
    background: #1b3e38b5;



    /* Cam efekti */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border-radius: 999px;

    animation: slide 45s linear infinite;
}

/* headerdaki ikonların akışlı olması  */
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

ul.nav-menu.nav-menu-hide-items>li>a>i {
    text-transform: uppercase;
    background-image: linear-gradient(140deg, #01fbd2 0%, #1f4841 29%, #01fcd3 67%, #01fbd2 100%) !important;

    background-size: 200% auto;
    color: #fff !important;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.4s linear infinite;

}

body .nav-menu-container.header-navigation:first-child .nav-menu-other>li>i {
    color: #0cfed7 !important;
    fill: #0cfed7 !important;
    height: 20px !important;
    width: 20px !important;
}


@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.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 {

    height: 60px !important;


}

body .nav-menu-container.header-navigation:nth-child(2) {
    background: #16332e !important;

}


.layout-header-holder-bc {

    box-shadow: 0 0 0 rgba(var(--b), 1) !important;
}

/* DEPOSIT PAGE */
/* DEPOSIT PAGE */
/* DEPOSIT PAGE */
/* DEPOSIT PAGE */

.my-profile-info-block.deposit-page {
    background: #0e121a;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Header */
.my-profile-info-block.deposit-page .overlay-header {
    padding: 14px 16px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .3px;
    background: linear-gradient(90deg, #183732, #01ebc5);
    color: #0e121a;
}

/* Payment method icons */
.my-profile-info-block.deposit-page .m-block-nav-items-bc {
    padding: 12px 12px 4px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.my-profile-info-block.deposit-page .m-nav-items-list-item-bc {
    background: rgb(0 0 0 / 5%);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 12px;
    padding: 8px;
    cursor: pointer;
    border-color: #01f2cb;
    transition: border-color .15s ease, transform .15s ease;
    width: 45% !important;
}

.my-profile-info-block.deposit-page .m-nav-items-list-item-bc:hover {
    transform: translateY(-1px);
    border-color: #01f2cb;
    width: 45% !important;

}

.my-profile-info-block.deposit-page .m-nav-items-list-item-bc.active {
    border-color: #0efed7;
    box-shadow: 0 0 0 1px rgba(14, 254, 215, .4);
    width: 45% !important;
}

.my-profile-info-block.deposit-page .payment-logo {
    width: auto;
    height: 57px;
    border-radius: 10px;
    object-fit: contain;
}

/* Info box */
.my-profile-info-block.deposit-page .payment-info-bc {
    margin: 12px;
    padding: 12px;
    background: rgb(0 0 0 / 4%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Info rows */
.my-profile-info-block.deposit-page .description-c-r-c-t-column-bc {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 10px;
    background: #000000;
    border: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 6px;
}

.my-profile-info-block.deposit-page .description-title {
    font-size: 11px;
    color: #bfc3c9;
}

.my-profile-info-block.deposit-page .description-value {
    font-size: 12px;
    font-weight: 600;
    color: #f8fefe;
}

/* Helper text */
.my-profile-info-block.deposit-page .expandable-info-body-content {
    padding: 0 14px;
    font-size: 12px;
    color: rgba(248, 254, 254, .7);
}

/* Select box */
.my-profile-info-block.deposit-page .form-control-bc {
    margin: 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .10);
}

.my-profile-info-block.deposit-page .form-control-select-bc {
    font-size: 13px;
    font-weight: 600;
}

/* Submit button */
.my-profile-info-block.deposit-page .btn.deposit {
    margin: 12px;
    width: calc(100% - 24px);
    background: linear-gradient(90deg, #01ebc5, #0efed7);
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: .3px;
}

.description-c-row-column-bc:not(.pay-logo) {
    width: 100%;
    background: #000000;
}

body .dep-w-info-bc {
    padding: 0 15px 15px;
    background: black;
}

body .dep-w-info-bc .multi-select-bc .form-control-label-bc .form-control-select-bc {
    line-height: 30px;
    background: #000000;
}

/* Withdraw ana kart */
.dep-w-info-bc {
    background: #0e121a;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    overflow: hidden;
}

/* Withdraw ödeme yöntemleri */
.dep-w-info-bc .m-block-nav-items-bc {
    padding: 12px 12px 4px !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc {
    width: 45% !important;
    padding: 8px;
    background: black !important;
    border: 1px solid #01f2cb !important;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color .15s ease, transform .15s ease;
}

.dep-w-info-bc .m-nav-items-list-item-bc:hover {
    transform: translateY(-1px);
    background: black;
    border-color: #01f2cb;
}

.dep-w-info-bc .m-nav-items-list-item-bc.active {
    border-color: #0efed7;
    background: black;
    box-shadow: 0 0 0 1px #0efed766;
}

/* Payment logo */
.dep-w-info-bc .payment-logo {
    height: 42px;
    border-radius: 10px;
    object-fit: contain;
}

/* Info box */
.dep-w-info-bc .payment-info-bc {
    margin: 12px;
    padding: 12px;
    background: rgb(0 0 0 / 4%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Info satırları */
.dep-w-info-bc .description-c-r-c-t-column-bc {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 10px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 6px;
}

.dep-w-info-bc .description-title {
    font-size: 11px;
    color: #bfc3c9;
}

.dep-w-info-bc .description-value {
    font-size: 12px;
    font-weight: 600;
    color: #f8fefe;
}

/* DEPOSIT PAGE END */
/* DEPOSIT PAGE END */
/* DEPOSIT PAGE END */
/* DEPOSIT PAGE END */


/* Withdraw amount alanı */
.dep-w-info-bc .WithdrawAmount-All {
    margin: 12px;
    background: #000;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
}

.dep-w-info-bc .WithdrawAmount-Row {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.dep-w-info-bc .WithdrawAmount-Row:last-child {
    border-bottom: none;
}

.dep-w-info-bc .WithdrawAmount-Row-Title {
    font-size: 12px;
    color: #bfc3c9;
}

.dep-w-info-bc .WithdrawAmount-Row-Value,
.dep-w-info-bc .WithdrawAmount-Row-ValueBalance {
    font-size: 13px;
    font-weight: 700;
    color: #f8fefe;
}
.my-profile-info-block.withdraw-page .payment-logo {
    width: auto;
    height: 57px;
}

/* Helper text */
.dep-w-info-bc .expandable-info-body-content {
    padding: 0 14px;
    font-size: 12px;
    color: rgba(248, 254, 254, .7);
}

/* Input */
.dep-w-info-bc .form-control-bc {
    margin: 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid #ffffff1a;
}

/* Button */
.dep-w-info-bc .btn.withdraw {
    margin: 12px;
    width: calc(100% - 24px);
    background: linear-gradient(90deg, #01ebc5, #0efed7);
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: .3px;
}

/* Header */
.my-profile-info-block.withdraw-page .overlay-header {
    padding: 14px 16px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .3px;
    background: linear-gradient(90deg, #183732, #01ebc5);
    color: #0e121a;
}

/* Header arka plan rengi değişikliği - Şablon tasarımına uygun */
.header-bc {
    background-color: #16332e !important;
}

/* Crypto currency data alanını tamamen gizle - daha güçlü selector */
.crypto-currency-data {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Header custom buttons alanını gizle */
@media (max-width: 1073px) {
    div.header-custom-buttons {
        display: none !important;
    }
}

@media (max-width: 956px) {
    div.header-buttons-wallet {
        display: none !important;
    }
}






/* Flex item'ların arasındaki separator'ları kaldır */
.hdr-main-content-bc>div:not(:last-child)::after {
    display: none !important;
}

/* Buton container'larının border'larını kaldır */
.btn.sign-in::before,
.btn.sign-in::after,
.btn.register::before,
.btn.register::after {
    display: none !important;
}

/* Header main content position ayarı - mevcut kod */
.hdr-main-content-bc {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Logo container'ını ortalama */
.hdr-main-content-bc .logo-container {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1.2) !important;
    z-index: 10 !important;
}

/* Saat (time.infoTime) arkasındaki background'u kaldır */
.infoTime {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Header main content içindeki separator'ları kaldır */
.hdr-main-content-bc .infoTime::before,
.hdr-main-content-bc .infoTime::after {
    display: none !important;
    content: none !important;
}

/* En sağdaki kare kutu (smart panel holder) rengini değiştir */
.smartPanel-bc {
    background-color: #7e7e7e0d !important;
}

/* Header main content içindeki separator'ları kaldır */
.hdr-main-content-bc .smartPanel-bce::before,
.hdr-main-content-bc .smartPanel-bc:after {
    background: #ffffff1a !important;
    border-color: #ffffff !important;
    width: 3px !important;
}


/* Ana içerik menüsü (SANAL SPORLAR, CANLI, SPOR vb.) altına border ekle */
.nav-content-bc {
    border-bottom: 2px solid #275a52 !important;
}

/* Mevcut logo'yu gizle ve yeni logo'yu ekle */
.hdr-logo-bc img,
.logo img {
    max-height: 60px !important;
    width: auto !important;
    scale: 1.1 !important;
}

/* Layout footer holder arka plan rengi */
.layout-footer-holder-bc {
    background: #16332e !important;
    background-color: #16332e !important;
}

/* Footer container arka planı */
#root>div.layout-footer-holder-bc {
    background: #16332e !important;
}

/* CMSIconSVGWrapper rengini pembe yap */
.nav-menu-item .CMSIconSVGWrapper {
    color: #0cfed7 !important;
    fill: #0cfed7 !important;
    height: 20px !important;
    width: 20px !important;
}

/* TREND başlığını gizle */
.view-title-more.ellipsis {
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 50px !important;
}

.justiceGames h3.view-title-more.ellipsis:first-of-type {
    font-size: 0 !important;
    background-image: url('/__/toto.casiveraetkinlik.com/media_18750178_9c7d929038a4df13acb485dc6ebd3eab.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    height: 50px !important;
    padding: 0 !important;
}

#root>div.layout-content-holder-bc>div:nth-child(4)>div>div>div.page-view-more>h3 {
    font-size: 0 !important;
    background-image: url('/__/toto.casiveraetkinlik.com/media_18750178_02d97a449a090044b178cd62c998a01e.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    height: 50px !important;
    padding: 0 !important;
}


#root>div.layout-content-holder-bc>div:nth-child(5)>div>div>div.page-view-more>h3 {
    font-size: 0 !important;
    background-image: url('/__/toto.casiveraetkinlik.com/media_18750178_cb9e4b6a8f3743eedd97eb676c129d25.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    height: 50px !important;
    padding: 0 !important;
}

/* "DAHA FAZLASI" yazılarını gizle */
.view-see-more,
a.view-see-more {
    display: none !important;
}

body .sliderGroup .horizontalSliderRow,
.sliderGroup .horizontalSliderWrapper {
    height: 40px !important;
}

/* Footer container'ına yeni görsel ekle */
.layout-footer-holder-bc::before {
    content: "" !important;
    margin-top: 15px !important;
    display: block !important;
    width: auto !important;
    height: 945px !important;
    background-image: url('/__/toto.casiveraetkinlik.com/250.png?mk=eg3') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 500px !important;
}

.informative-widget-link {
    display: flex;
    justify-content: center;
    background: #16332eab !important;
    border-top: 2px solid rgba(var(--hero), 1);
    border-radius: var(--border-radius)
}

#root .nav-menu-item:hover {
    font-size: 13px;
    row-gap: 10px;
    background: #275a52ab;
    padding-top: 10px;
}

/* Giriş/Kayıt butonları sağda kalsın */
.hdr-main-content-bc .hdr-user-bc {
    margin-left: auto !important;
    position: relative !important;
}

/* Alternatif - son slider element lisans logolar */
div.sliderSingleEl>div:last-child {
    display: none !important;
}

/* Tüm footer yazıları bembeyaz */
.footerLinkCol1 *,
.footerLinksSection * {
    color: #ffffff !important;
}

/* Yatırım Yöntemleri slider'ını gizle */
.sliderContent {
    display: none !important;
}

/* 1. Saat ve dil seçeneği divini gizle */
.footerInfoColumn,
time.infoTime,
.form-control-bc.select.languageDropdown {
    display: none !important;
}

/* 2. Sosyal medya logolarını ortalama */
ul.footerSocialLinks {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
}

/* 3. En sağdaki Bluesky logosunu gizle */
ul.footerSocialLinks li:last-child {
    display: none !important;
}

/* Footer başlıklarını büyüt (HAKKINDA, YARDIM, BİZE ULAŞIN) */
.footerLinkCol1Title,
h3.footerLinkCol1Title {
    font-size: 18px !important;
    font-weight: bold !important;
}

/* Footer link yazılarını büyüt */
.footerLinkCol1 a,
.footerLinkCol1 li,
.footerLinksSection a {
    font-size: 15px !important;
}

.promotionsArticleThumbnail-bc {
    flex: none !important;
    object-fit: cover;
    transition: var(--default-transition-duration);
}

/* Ortak ayarlar */
.footerSocialLinks .footerSocialLink a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    /* ikon boyutu */
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* İçteki icon fontu gizle */
.footerSocialLinks .footerSocialLink a i {
    display: none !important;
}

/* X (Twitter) */
.footerSocialLinks .footerSocialLink a[href*="CasiveraXSocial"] {
    background-image: url("/__/toto.casiveraetkinlik.com/media_18750178_e582cd0adff35b29545b2cd6215f2910.png");
}

/* Instagram */
.footerSocialLinks .footerSocialLink a[href*="CasiveraInstagramSocial"] {
    background-image: url("/__/toto.casiveraetkinlik.com/media_18750178_f46b117d14d8b9ecc3013782e97bbe4d.png");
}

/* Telegram */
.footerSocialLinks .footerSocialLink a[href*="CasiveraTelegramSocial"] {
    background-image: url("/__/toto.casiveraetkinlik.com/media_18750178_a8c96fe1d10a4096e06e1542aeaf7198.png");
}

/* Sosyal ikon arka planlarını tamamen kaldır */
.footerSocialLinks .footerSocialLink,
.footerSocialLinks .footerSocialLink a {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.hdr-smart-panel-holder-bc {
    background: #01d5b35e !important;
    /* NOTIFICATIONS */
}


/* SPOR ALANI TASARIMI */
.left-menu-container {
    background: transparent !important;
}

.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-wrp>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc {
    background: #1a3d37 !important;
    /* çok acik oldu tekrar bak, sidebar takım ismi, skor arkaplan*/
}

.left-menu-scroll>.sp-sub-list-bc.active>.sp-s-l-head-bc {
    background: transparent !important;
    /* SIDEBAR BASLIK*/
}

.game-events-list-block-bc {
    background: transparent !important;
    /* ORTA OYUN ETKINLIKLERI, GOL KORNER VS */
}

.sportsbook .sgm-market-search {
    background: transparent !important;
    /* ORTADAKI BARLAR */
}

[class*=is-web] .sgm-market-g-h-fav-icon-wrapper {
    background: transparent !important;
    /* YILDIZLARAKI BUG */
}

.left-menu-container input {
    background: transparent !important;
    /* SIDEBAR EN UST SEARCH BAR INPUT*/
}

.left-menu-search div {
    background: #06020a94 !important;
    /* SIDEBAR EN UST SEARCH BAR BUTON */
}

.sportsbook-container.multi-column-view .multi-column-resize-block {
    background: #01fed500 !important;
    /* MAC ONCESI TURNUVA VS  */

}




/* PROMOSYONLAR SAYFASI POPUP */
.popup-inner-bc {
    background: #112723 !important;
}




/* CASINO SAYFASI */
[class*=is-web] .casinoCategoryChooserContainer {
    background: #9991ab00 !important;
}

.casinoProviderRow {
    background: #18373221 !important;
}

.casinoGameListBlockHeader {
    background: #1b3f3900 !important;
}

.searchInput {
    color: #ffffffe3 !important;
}

[class*=is-web] .searchInputWrp {
    background-color: rgb(32 254 218 / 0%) !important;
}

body .horizontalSliderRow {
    background-color: rgb(1 213 179 / 23%) !important;
}






.nav-menu-container .nav-menu-sub .nav-menu-item {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden !important;
}

.nav-menu-container .nav-menu-sub i {
    font-size: 20px !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper,
.nav-menu-container .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper {
    margin-inline-end: 0px !important;
}



/* ANASAYFA DAHA BUTONU BACKGROUND */
.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: #16332e !important;
}


/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    transform: none !important;
}

.promotionsListEl-bc {
    position: relative;
    overflow: hidden;
}

/* Parlama katmanı */
.promotionsListEl-bc::before {
    content: "";
    position: absolute;
    inset: 0;
    left: -160%;
    width: 65%;
    background: linear-gradient(120deg,
            transparent 0%,
            rgba(255, 255, 255, 0.10) 35%,
            rgb(1 236 198 / 45%) 50%,
            rgba(255, 255, 255, 0.10) 65%,
            transparent 100%);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
    z-index: 900;
}

/* Hover animasyonu */
.promotionsListEl-bc:hover::before {
    animation: promo-shine 0.9s ease forwards;
    opacity: 1;
}

.promotionsListEl-bc:hover {
    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.10);
}



@keyframes promo-shine {
    from {
        left: -160%;
    }

    to {
        left: 160%;
    }
}

/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */

/* POPUP TÜM SAYFA */
body .popup-holder-bc.windowed .popup-inner-bc {
    width: 100%;
    background: #000000b3 !important;
    height: 100%;
}

body .status-popup-content-w-bc {
    width: 100% !important;
    height: 100% !important;
    align-content: center;
    background: #ff000000;
    padding: 15px var(--padding-page-aside);
}

.status-popup-content-w-bc {
    background: rgb(26 61 55 / 18%);
}

/* POPUP TÜM SAYFA */

/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
.footerHeader {
    position: relative;
    padding-bottom: 100px !important;
    padding-bottom: 100px !important;
}

.footerInnerLeftCol {
    position: relative;
}

/* LOGO / SEAL */
.footerInnerLeftCol::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 15px);
    width: 220px;
    height: 80px;
    background: url("/__/seal.gamecheck.cloud/seal/87609a2d-4622-4696-8e07-488dec44766a.png") center / contain no-repeat;
    z-index: 5;
    pointer-events: none;
}

/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */
/* GAMECHECK */

.bettingMateWidgetContent {
    display: none !important;
}
/* ============================================================================
   CASİVERA TEMA — Betconstruct custom.css bloğu
   ----------------------------------------------------------------------------
   Nasıl çalışır: aşağıdaki :root bloğundaki --cv-* değişkenleri değerleri tutar,
   altındaki kurallar bu değişkenleri okur. Panel (casivera-panel.js) yalnız
   :root satırlarını okur ve yazar; kurallara dokunulmaz.
   Her değişkenin yanındaki "@tip … | etiket | ipucu" yorumu panelin ayar
   listesidir: SİLME. Paneldeki "CSS'i kopyala" bu bloğu yeniden üretir.
   Üretim: node uret.js · 15 sekme · 318 ayar
   ============================================================================ */
/* @cv-baslangic */
:root {

/* @sekme zemin | Zemin & Yerleşim | Sayfa arkası, genişlikler, köşe ölçeği, marka rengi */
/* @kart Marka rengi | Hazır renkler bunu ve aktif/odak/seçili renkleri boyar */
  --cv-accent: rgb(12, 254, 215); /* @renk | Marka rengi | Bugün menü ikonlarındaki magenta. Aktif sekme, seçili oran, odak halkası gibi ayarların yedek rengi; onları tek tek de değiştirebilirsin. */
  --cv-accent-rgb: 12, 254, 215;
/* @kart Zemin | Sayfanın arkası */
  --cv-zemin-bg: rgb(26, 61, 55); /* @renk | Sayfa zemini | Bütün sitenin en arka rengi. */
  --cv-icerik-bg: rgba(0, 0, 0, 0); /* @renk | İçerik alanı zemini | Üst bar ile footer arasındaki alanın rengi. Saydamsa sayfa zemini görünür. */
/* @kart Genişlik ve boşluk | Sayfanın ne kadar yayıldığı */
  --cv-sayfa-w: 1600px; /* @px 1000 2200 10 | Site genişliği | Platformun --layout-width değeri; üst bar, içerik ve footer buna göre ortalanır. */
  --cv-icerik-w: 1328px; /* @px 900 2000 10 | Ana sayfa içerik genişliği | Ana sayfadaki şeritlerin genişliği (--desktop-home-page-content-width). */
  --cv-icerik-max: 1470px; /* @px 900 2200 10 | İçerik en fazla genişlik | İçerik kabının üst sınırı; custom.css bugün 1470 diyor. */
  --cv-icerik-pad: 30px; /* @px 0 80 1 | İçerik yan boşluğu | İçerik kabının sağ ve sol iç boşluğu. */
  --cv-satir-bosluk: 0px; /* @px 0 60 1 | Şeritler arası boşluk | Ana sayfadaki her satırın (slider, kartlar, oyun şeritleri) altındaki boşluk. */
/* @kart Köşe ölçeği | Platformun kendi köşe değişkenleri */
  --cv-radius: 5px; /* @px 0 24 1 | Genel köşe | Platformun --border-radius değeri; düğmeler, kutular, seçiciler buna bakar. */
  --cv-radius-small: 4px; /* @px 0 16 1 | Küçük köşe | --border-radius-small */
  --cv-radius-middle: 12px; /* @px 0 30 1 | Orta köşe | --border-radius-middle */
  --cv-radius-big: 16px; /* @px 0 40 1 | Büyük köşe | --border-radius-big */
  --cv-btn-h: 40px; /* @px 28 60 1 | Düğme yüksekliği | Platformun --btn-height değeri; standart düğmeler. */
/* @kart Hareket | Geçiş hızları */
  --cv-gecis: .24s; /* @secim Kapalı=0s;Hızlı=.12s;Normal=.24s;Yavaş=.4s | Geçiş hızı | Hover ve açılma animasyonlarının süresi (--default-transition-duration). */

/* @sekme tipografi | Tipografi | Yazı tipi ve ölçek */
/* @kart Yazı tipi | Sistem grubu indirme yapmaz, Google grubu seçince yüklenir */
  --cv-font: Roboto, Arial, Helvetica, sans-serif; /* @font | Gövde yazı tipi | Menü, düğme, kart, form: sitenin her yeri. */
  --cv-font-baslik: Roboto, Arial, Helvetica, sans-serif; /* @font | Başlık yazı tipi | Bölüm başlıkları, footer sütun başlıkları, pencere başlıkları. */
  --cv-font-buton: Arial, sans-serif; /* @font | Düğme yazı tipi | GİRİŞ, KAYIT gibi .btn düğmeleri; site bunlarda ayrı font (Arial) kullanıyor. */
/* @kart Ölçek | Tek kaydıraçla bütün yazıları büyüt/küçült */
  --cv-yazi-olcek: 1; /* @oran 0.8 1.3 0.01 | Yazı ölçeği | Platformun 11 yazı boyu değişkenini birden çarpar. 1 = bugünkü, 1.1 = %10 büyük. */
  --cv-baslik-kalinlik: 600; /* @sayi 300 900 100 | Başlık kalınlığı | 400 ince · 600 orta · 800 kalın */

/* @sekme duyuru | Duyuru Şeridi | En üstteki "Güncel adresimiz…" şeridi */
/* @kart Şerit | Görünürlük, zemin, yükseklik */
  --cv-duy-goster: block; /* @secim Göster=block;Gizle=none | Şerit | Şeridi tamamen kaldırmak için Gizle. */
  --cv-duy-bg: rgba(0, 0, 0, 0); /* @renk | Zemin | Şeridin arka rengi; saydamsa üst barın rengi görünür. */
  --cv-duy-h: 82px; /* @px 30 160 1 | En az yükseklik | Şeridin en az yüksekliği. */
/* @kart Yazı | Metin renkleri CMS içinden geliyor (yazının kendi stili); buradan boy ve kapat ikonu */
  --cv-duy-fs: 12px; /* @px 10 20 0.5 | Yazı boyu | Duyuru metninin boyu. */
  --cv-duy-kapat: rgba(255, 255, 255, 0.6); /* @renk | Kapat ikonu | Sağ üstteki × işareti. */

/* @sekme ustbar | Üst Bar | Logo, giriş/kayıt, para yatır, dil, saat, akıllı panel */
/* @kart Bar | Üst barın kendisi */
  --cv-hdr-bg: rgb(22, 51, 46); /* @renk | Bar zemini | Logo ve düğmelerin bulunduğu şerit. */
  --cv-hdr-ust-bg: rgb(26, 61, 55); /* @renk | Üst kap zemini | Duyuru + bar + menüyü saran dış kabın rengi; kenarlarda görünür. */
  --cv-hdr-h: 80px; /* @px 48 130 1 | Bar yüksekliği | Logo satırının yüksekliği. */
  --cv-hdr-pad: 0px; /* @px 0 60 1 | Yan boşluk | Barın sağ ve sol iç boşluğu. */
  --cv-hdr-cizgi: rgba(0, 0, 0, 0); /* @renk | Alt çizgi | Barın altına ince çizgi; saydam = yok. */
/* @kart Logo | Sol üstteki logo */
  --cv-logo-h: 60px; /* @px 20 120 1 | Logo yüksekliği | Logonun boyu; genişlik orantılı gider. */
  --cv-logo-maxw: 156px; /* @px 80 480 2 | Logo en fazla genişlik | Logonun yatayda sınırı. */
/* @kart GİRİŞ düğmesi | Sağ üstteki giriş */
  --cv-giris-bg: rgba(135, 94, 94, 0); /* @renk | Zemin |  */
  --cv-giris-metin: rgb(255, 255, 255); /* @renk | Yazı |  */
  --cv-giris-kenar: rgb(255, 255, 255); /* @renk | Kenar |  */
  --cv-giris-radius: 0px; /* @px 0 40 1 | Köşe |  */
  --cv-giris-h: 28px; /* @px 24 60 1 | Yükseklik |  */
  --cv-giris-fs: 12px; /* @px 10 18 0.5 | Yazı boyu |  */
  --cv-giris-hover: rgba(255, 255, 255, 0.12); /* @renk | Üzerine gelince zemin |  */
/* @kart KAYIT düğmesi | Sağ üstteki kayıt */
  --cv-kayit-bg: var(--cv-accent); /* @renk | Zemin |  */
  --cv-kayit-metin: rgb(14, 18, 26); /* @renk | Yazı |  */
  --cv-kayit-kenar: rgb(255, 255, 255); /* @renk | Kenar |  */
  --cv-kayit-radius: 20px; /* @px 0 40 1 | Köşe |  */
  --cv-kayit-h: 28px; /* @px 24 60 1 | Yükseklik |  */
  --cv-kayit-fs: 12px; /* @px 10 18 0.5 | Yazı boyu |  */
  --cv-kayit-hover: var(--cv-accent); /* @renk | Üzerine gelince zemin |  */
/* @kart PARA YATIR düğmesi | Özel yeşil düğme */
  --cv-yatir-bg: rgb(1, 213, 179); /* @renk | Zemin |  */
  --cv-yatir-metin: rgb(255, 255, 255); /* @renk | Yazı |  */
  --cv-yatir-radius: 5px; /* @px 0 40 1 | Köşe |  */
  --cv-yatir-h: 28px; /* @px 24 60 1 | Yükseklik |  */
  --cv-yatir-fs: 14px; /* @px 10 18 0.5 | Yazı boyu |  */
/* @kart Dil seçici | TUR / ENG kutusu ve açılan liste */
  --cv-dil-bg: rgba(0, 0, 0, 0); /* @renk | Kutu zemini |  */
  --cv-dil-metin: rgba(255, 255, 255, 0.9); /* @renk | Kutu yazısı |  */
  --cv-dil-ok: rgba(255, 255, 255, 0.8); /* @renk | Ok ikonu | Kutunun sağındaki aşağı ok. */
  --cv-dil-radius: 5px; /* @px 0 30 1 | Kutu köşesi |  */
  --cv-dil-liste-bg: rgb(26, 61, 55); /* @renk | Liste zemini | Açılan dil listesinin arkası. */
  --cv-dil-satir-bg: rgba(255, 255, 255, 0.1); /* @renk | Satır zemini | Listedeki her dil satırı. */
  --cv-dil-satir-aktif: rgba(255, 255, 255, 0.2); /* @renk | Seçili satır |  */
  --cv-dil-satir-metin: rgba(255, 255, 255, 0.9); /* @renk | Satır yazısı |  */
/* @kart Saat | Sağ üstteki saat */
  --cv-saat-goster: none; /* @secim Göster=block;Gizle=none | Saat | Gizle ile kaldırılır. */
  --cv-saat-renk: rgb(255, 255, 255); /* @renk | Renk |  */
  --cv-saat-fs: 12px; /* @px 9 20 0.5 | Yazı boyu |  */
/* @kart Akıllı panel | Sağdaki 5 düğme (bildirim, favori, ayar, destek, kupon) */
  --cv-sp-bg: rgba(1, 213, 179, 0.37); /* @renk | Kutu zemini | Beş düğmeyi saran kutu. */
  --cv-sp-radius: 5px; /* @px 0 30 1 | Kutu köşesi |  */
  --cv-sp-ikon: rgba(255, 255, 255, 0.85); /* @renk | İkon rengi |  */
  --cv-sp-ikon-fs: 18px; /* @px 12 32 1 | İkon boyu |  */
  --cv-sp-toggle-bg: rgba(255, 255, 255, 0.1); /* @renk | Aç/kapa düğmesi zemini | En sağdaki dikey ok. */
  --cv-sp-toggle-renk: rgba(255, 255, 255, 0.8); /* @renk | Aç/kapa ikonu |  */
  --cv-sp-rozet: rgba(0, 0, 0, 0); /* @renk | Sayaç rozeti | Bildirim sayısı balonu. */
/* @kart Yan panel | Akıllı panelden açılan YENİLİKLER / FAVORİLER paneli */
  --cv-yan-w: 500px; /* @px 300 720 10 | Genişlik |  */
  --cv-yan-bg: rgb(26, 61, 55); /* @renk | Zemin |  */
  --cv-yan-baslik-bg: rgb(26, 61, 55); /* @renk | Başlık şeridi zemini |  */
  --cv-yan-baslik-metin: rgb(255, 255, 255); /* @renk | Başlık yazısı |  */
  --cv-yan-bos-metin: rgba(255, 255, 255, 0.7); /* @renk | Boş durum yazısı | "Yeni bildiriminiz yok" gibi. */

/* @sekme menu | Ana Menü | BAHİS · CANLI BAHİS · CASİNO … şeridi */
/* @kart Şerit | Menünün kabı */
  --cv-nav-bg: rgb(22, 51, 46); /* @renk | Şerit zemini |  */
  --cv-nav-radius: 5px; /* @px 0 30 1 | Şerit köşesi |  */
  --cv-nav-h: 60px; /* @px 36 100 1 | Öğe yüksekliği | Her menü öğesinin boyu (ikon + yazı). */
  --cv-nav-alt: 0px; /* @px 0 40 1 | Şerit alt boşluğu | Menü ile içerik arası. */
/* @kart Öğe | Normal (seçili olmayan) öğeler */
  --cv-nav-item-bg: rgb(22, 51, 46); /* @renk | Zemin |  */
  --cv-nav-item-metin: rgb(255, 255, 255); /* @renk | Yazı |  */
  --cv-nav-item-fs: 13px; /* @px 10 18 0.5 | Yazı boyu |  */
  --cv-nav-item-fw: 400; /* @sayi 300 900 100 | Kalınlık |  */
  --cv-nav-item-tt: none; /* @secim Olduğu gibi=none;BÜYÜK HARF=uppercase;Baş Harf Büyük=capitalize;küçük harf=lowercase | Harf biçimi |  */
  --cv-nav-item-radius: 5px; /* @px 0 30 1 | Köşe |  */
  --cv-nav-item-padx: 20px; /* @px 0 40 1 | Yan iç boşluk | Öğenin kenarı ile yazı arası. */
  --cv-nav-item-gap: 0px; /* @px 0 24 1 | İkon–yazı arası |  */
  --cv-nav-ikon: var(--cv-accent); /* @renk | İkon rengi | Öğe ikonları. */
  --cv-nav-ikon-boy: 20px; /* @px 12 36 1 | İkon boyu |  */
/* @kart Üzerine gelince ve seçili | Hover ve aktif sayfa */
  --cv-nav-hover-bg: rgb(26, 61, 55); /* @renk | Hover zemini |  */
  --cv-nav-hover-metin: #ffffff; /* @renk | Hover yazısı |  */
  --cv-nav-aktif-bg: rgb(22, 51, 46); /* @renk | Seçili zemin | Bulunduğun sayfanın öğesi. */
  --cv-nav-aktif-metin: rgb(255, 255, 255); /* @renk | Seçili yazı |  */
  --cv-nav-aktif-ikon: var(--cv-accent); /* @renk | Seçili ikon |  */
/* @kart Alt menü | Öğenin altında açılan liste */
  --cv-alt-bg: rgb(26, 61, 55); /* @renk | Zemin |  */
  --cv-alt-radius: 5px; /* @px 0 24 1 | Alt köşeler |  */
  --cv-alt-w: 235px; /* @px 140 400 5 | Genişlik |  */
  --cv-alt-metin: rgb(255, 255, 255); /* @renk | Satır yazısı |  */
  --cv-alt-fs: 13px; /* @px 10 18 0.5 | Satır yazı boyu |  */
  --cv-alt-hover-bg: rgba(255, 255, 255, 0.08); /* @renk | Satır hover zemini |  */
  --cv-alt-golge: 0 12px 30px rgba(0, 0, 0, 0.45); /* @metin | Gölge | CSS box-shadow değeri; none = yok. */
/* @kart Yüzen düğme | Yukarı ok (menü kayınca) */
  --cv-nav-yuzen-bg: rgba(255, 255, 255, 0.15); /* @renk | Zemin |  */
  --cv-nav-yuzen-renk: rgba(255, 255, 255, 0.8); /* @renk | İkon |  */
  --cv-nav-yuzen-boy: 56px; /* @px 32 80 1 | Boyut |  */

/* @sekme banner | Banner / Slider | Ana sayfadaki büyük slider */
/* @kart Çerçeve | Köşe, gölge, oran */
  --cv-bnr-radius: 5px; /* @px 0 40 1 | Köşe |  */
  --cv-bnr-golge: none; /* @metin | Gölge | box-shadow değeri, örn. 0 20px 60px rgba(0,0,0,.5) */
  --cv-bnr-oran: auto; /* @secim Otomatik=auto;16:5=16 / 5;3:1=3 / 1;4:1=4 / 1;21:9=21 / 9;2:1=2 / 1;16:9=16 / 9 | En/boy oranı | Otomatik = görselin kendi oranı. */
  --cv-bnr-fit: cover; /* @secim Kırp (cover)=cover;Sığdır (contain)=contain;Ger (fill)=fill;Olduğu gibi=none | Görsel kırpma |  */
  --cv-bnr-poz: center center; /* @secim Orta=center center;Üst=center top;Alt=center bottom;Sol=left center;Sağ=right center | Görsel hizası |  */
  --cv-bnr-alt: 0px; /* @px 0 60 1 | Alt boşluk | Slider ile altındaki şerit arası. */
/* @kart Oklar | Sağ/sol geçiş okları */
  --cv-bnr-ok-goster: flex; /* @secim Göster=flex;Gizle=none | Oklar |  */
  --cv-bnr-ok-bg: rgba(0, 0, 0, 0.9); /* @renk | Zemin |  */
  --cv-bnr-ok-renk: rgb(0, 122, 255); /* @renk | Ok rengi |  */
  --cv-bnr-ok-boy: 18px; /* @px 20 64 1 | Boyut |  */
  --cv-bnr-ok-radius: 999px; /* @px 0 999 1 | Köşe | 999 = tam yuvarlak */
  --cv-bnr-ok-kenar: rgba(0, 0, 0, 0); /* @renk | Kenar |  */
/* @kart Sayaç | Sağ üstteki "5 / 8" */
  --cv-bnr-sayac-goster: block; /* @secim Göster=block;Gizle=none | Sayaç |  */
  --cv-bnr-sayac-bg: rgba(0, 0, 0, 0); /* @renk | Zemin |  */
  --cv-bnr-sayac-renk: rgba(255, 255, 255, 0.9); /* @renk | Yazı |  */
  --cv-bnr-sayac-fs: 13px; /* @px 9 18 0.5 | Yazı boyu |  */

/* @sekme urun | Ürün Kartları | Slider altındaki 8 kart (Spor, Slot, Canlı Casino …) */
/* @kart Kart | Çerçeve ve gölge */
  --cv-urun-radius: 5px; /* @px 0 40 1 | Köşe |  */
  --cv-urun-kenar: rgba(0, 0, 0, 0); /* @renk | Kenar rengi |  */
  --cv-urun-kenar-w: 0px; /* @px 0 4 1 | Kenar kalınlığı |  */
  --cv-urun-golge: none; /* @metin | Gölge | box-shadow değeri. */
  --cv-urun-gap: 10px; /* @px 0 32 1 | Kartlar arası |  */
/* @kart Üzerine gelince | Hover etkisi */
  --cv-urun-hover-buyut: 1; /* @oran 1 1.15 0.01 | Büyüt | 1 = yok, 1.05 = %5 */
  --cv-urun-hover-parlak: 1; /* @oran 0.6 1.5 0.01 | Parlaklık | 1 = yok */
  --cv-urun-gecis: .2s; /* @secim Kapalı=0s;Hızlı=.12s;Normal=.24s;Yavaş=.4s | Geçiş |  */

/* @sekme bolum | Bölüm Başlıkları | "Trend", "CASİNO OYUNLARI" satırları */
/* @kart Başlık | Yazının kendisi */
  --cv-bolum-fs: 18px; /* @px 12 32 0.5 | Boy |  */
  --cv-bolum-fw: 600; /* @sayi 300 900 100 | Kalınlık |  */
  --cv-bolum-renk: rgba(255, 255, 255, 0.9); /* @renk | Renk |  */
  --cv-bolum-tt: none; /* @secim Olduğu gibi=none;BÜYÜK HARF=uppercase;Baş Harf Büyük=capitalize;küçük harf=lowercase | Harf biçimi |  */
  --cv-bolum-harf: 0px; /* @px -1 4 0.1 | Harf aralığı |  */
  --cv-bolum-alt: 0px; /* @px 0 32 1 | Alt boşluk | Başlık ile kartlar arası. */
/* @kart Oklar | Sağdaki yuvarlak kaydırma düğmeleri */
  --cv-bolum-ok-boy: 32px; /* @px 20 48 1 | Boyut |  */
  --cv-bolum-ok-bg: rgba(255, 255, 255, 0.08); /* @renk | Zemin |  */
  --cv-bolum-ok-renk: rgba(255, 255, 255, 0.9); /* @renk | Ok rengi |  */
  --cv-bolum-ok-radius: 999px; /* @px 0 999 1 | Köşe | 999 = tam yuvarlak */
  --cv-bolum-ok-hover-bg: rgba(255, 255, 255, 0.16); /* @renk | Hover zemini |  */
/* @kart Bağlantı | "+16068" gibi tümünü gör */
  --cv-bolum-link-renk: rgba(255, 255, 255, 0.8); /* @renk | Renk |  */
  --cv-bolum-link-fs: 14px; /* @px 10 20 0.5 | Yazı boyu |  */

/* @sekme kart | Oyun Kartları | Her sayfadaki oyun kartı, rozet, kazananlar, sağlayıcılar */
/* @kart Kart | Çerçeve */
  --cv-kart-radius: 8px; /* @px 0 30 1 | Köşe |  */
  --cv-kart-bg: rgba(255, 255, 255, 0.12); /* @renk | İskelet zemini | Görsel yüklenene kadar görünen renk. */
  --cv-kart-kenar: rgba(0, 0, 0, 0); /* @renk | Kenar rengi |  */
  --cv-kart-kenar-w: 0px; /* @px 0 4 1 | Kenar kalınlığı |  */
  --cv-kart-golge: none; /* @metin | Gölge | box-shadow değeri. */
  --cv-kart-oran: auto; /* @secim Otomatik=auto;3:2=3 / 2;4:3=4 / 3;1:1=1 / 1;3:4=3 / 4 | Görsel en/boy | Otomatik = görselin kendi oranı (bugün 183×129). */
  --cv-kart-gap: 16px; /* @px 0 32 1 | Kartlar arası | Liste sayfalarındaki ızgara boşluğu. */
/* @kart Üzerine gelince | Hover etkisi */
  --cv-kart-hover-kalk: 0px; /* @px 0 16 1 | Yukarı kalk |  */
  --cv-kart-hover-buyut: 1; /* @oran 1 1.15 0.01 | Büyüt |  */
  --cv-kart-hover-parlak: 1; /* @oran 0.6 1.5 0.01 | Parlaklık |  */
  --cv-kart-hover-golge: none; /* @metin | Hover gölgesi |  */
  --cv-kart-gecis: .2s; /* @secim Kapalı=0s;Hızlı=.12s;Normal=.24s;Yavaş=.4s | Geçiş |  */
/* @kart Rozet | "YENİ", "HOT" etiketi */
  --cv-rozet-bg: var(--cv-accent); /* @renk | Zemin |  */
  --cv-rozet-renk: rgb(14, 18, 26); /* @renk | Yazı |  */
  --cv-rozet-radius: 4px; /* @px 0 20 1 | Köşe |  */
/* @kart Kazananlar şeridi | Lobideki son kazananlar */
  --cv-kazanan-bg: rgba(255, 255, 255, 0.08); /* @renk | Satır zemini |  */
  --cv-kazanan-radius: 8px; /* @px 0 24 1 | Satır köşesi |  */
  --cv-kazanan-ad: rgba(255, 255, 255, 0.64); /* @renk | Oyuncu adı |  */
  --cv-kazanan-oyun: rgba(255, 255, 255, 0.64); /* @renk | Oyun adı |  */
  --cv-kazanan-tutar: rgb(255, 255, 255); /* @renk | Tutar |  */
/* @kart Sağlayıcı düğmeleri | Lobideki sağlayıcı logoları */
  --cv-saglayici-bg: rgba(0, 0, 0, 0); /* @renk | Zemin |  */
  --cv-saglayici-kenar: rgba(255, 255, 255, 0.64); /* @renk | Kenar |  */
  --cv-saglayici-radius: 0px; /* @px 0 24 1 | Köşe |  */

/* @sekme lobi | Casino Lobisi | Kategori çipleri, arama, sağlayıcı seçici */
/* @kart Kategori çipleri | Lobi · Tüm Oyunlar · Popüler … */
  --cv-cip-bg: rgba(255, 255, 255, 0.08); /* @renk | Zemin |  */
  --cv-cip-metin: rgba(255, 255, 255, 0.8); /* @renk | Yazı |  */
  --cv-cip-radius: 999px; /* @px 0 999 1 | Köşe |  */
  --cv-cip-h: 40px; /* @px 24 56 1 | Yükseklik |  */
  --cv-cip-fs: 16px; /* @px 10 18 0.5 | Yazı boyu |  */
  --cv-cip-aktif-bg: rgba(12, 254, 215, 0.16); /* @renk | Seçili zemin | Bulunduğun kategori. */
  --cv-cip-aktif-metin: rgba(255, 255, 255, 0.8); /* @renk | Seçili yazı |  */
/* @kart Arama kutusu | "Oyun ara" */
  --cv-ara-bg: rgba(255, 255, 255, 0.08); /* @renk | Zemin |  */
  --cv-ara-kenar: rgb(0, 0, 0); /* @renk | Kenar |  */
  --cv-ara-radius: 999px; /* @px 0 30 1 | Köşe |  */
  --cv-ara-h: 40px; /* @px 28 60 1 | Yükseklik |  */
  --cv-ara-metin: rgba(255, 255, 255, 0.8); /* @renk | Yazı |  */
  --cv-ara-odak: var(--cv-accent); /* @renk | Odak kenarı | Kutuya tıklayınca kenar rengi. */
/* @kart Sağlayıcı seçici | Açılır liste */
  --cv-sec-bg: rgba(255, 255, 255, 0.08); /* @renk | Zemin |  */
  --cv-sec-kenar: rgb(0, 0, 0); /* @renk | Kenar |  */
  --cv-sec-radius: 999px; /* @px 0 30 1 | Köşe |  */
  --cv-sec-metin: rgba(255, 255, 255, 0.24); /* @renk | Yazı |  */
/* @kart Rastgele oyun düğmesi |  */
  --cv-rast-bg: rgba(255, 255, 255, 0.08); /* @renk | Zemin |  */
  --cv-rast-metin: rgba(255, 255, 255, 0.9); /* @renk | Yazı |  */
  --cv-rast-kenar: rgba(255, 255, 255, 0.9); /* @renk | Kenar |  */
  --cv-rast-radius: 999px; /* @px 0 999 1 | Köşe |  */
/* @kart Boş sonuç | "Kullanılabilir oyun yok" */
  --cv-bos-metin: rgba(255, 255, 255, 0.7); /* @renk | Yazı rengi |  */

/* @sekme spor | Spor & Kupon | Sol menü, maç satırları, oranlar, kupon, e-spor */
/* @kart Sol menü | Spor listesi */
  --cv-sm-w: 300px; /* @px 220 420 5 | Genişlik |  */
  --cv-sm-bg: rgba(0, 0, 0, 0); /* @renk | Zemin |  */
  --cv-sm-ara-bg: rgba(6, 2, 10, 0.58); /* @renk | Arama zemini |  */
  --cv-sm-ara-radius: 5px; /* @px 0 30 1 | Arama köşesi |  */
  --cv-sm-sekme-bg: rgba(255, 255, 255, 0.1); /* @renk | Sekme zemini | Canlı / Maç Öncesi */
  --cv-sm-sekme-metin: rgba(255, 255, 255, 0.5); /* @renk | Sekme yazısı |  */
  --cv-sm-sekme-aktif: var(--cv-accent); /* @renk | Seçili sekme zemini |  */
  --cv-sm-sekme-aktif-metin: rgb(14, 18, 26); /* @renk | Seçili sekme yazısı |  */
  --cv-sm-baslik-bg: rgba(0, 0, 0, 0); /* @renk | Spor başlığı zemini | "Futbol", "Basketbol" satırı */
  --cv-sm-baslik-metin: rgb(255, 255, 255); /* @renk | Spor başlığı yazısı |  */
  --cv-sm-baslik-h: 34px; /* @px 26 56 1 | Spor başlığı yüksekliği |  */
  --cv-sm-baslik-fs: 12px; /* @px 10 18 0.5 | Spor başlığı yazı boyu |  */
  --cv-sm-ikon: rgb(0, 151, 183); /* @renk | Spor ikonu |  */
  --cv-sm-sayac: rgba(255, 255, 255, 0.5); /* @renk | Maç sayısı | "1,088" gibi */
  --cv-sm-satir-hover: rgba(255, 255, 255, 0.06); /* @renk | Satır hover zemini |  */
/* @kart Maç satırı | Orta alandaki maçlar */
  --cv-mac-bg: rgba(0, 0, 0, 0); /* @renk | Satır zemini |  */
  --cv-mac-kenar: rgb(0, 0, 0); /* @renk | Satır çizgisi |  */
  --cv-mac-radius: 5px; /* @px 0 20 1 | Satır köşesi |  */
  --cv-takim: rgb(255, 255, 255); /* @renk | Takım adı |  */
  --cv-takim-fs: 13px; /* @px 10 18 0.5 | Takım yazı boyu |  */
  --cv-mac-saat: rgba(255, 255, 255, 0.5); /* @renk | Saat / tarih |  */
  --cv-lig-bg: rgba(255, 255, 255, 0.05); /* @renk | Lig başlığı zemini |  */
  --cv-lig-metin: rgba(255, 255, 255, 0.9); /* @renk | Lig başlığı yazısı |  */
  --cv-comp-bg: rgba(255, 255, 255, 0.1); /* @renk | Turnuva başlığı zemini | Lig görünümünün üst şeridi */
  --cv-comp-metin: rgba(255, 255, 255, 0.9); /* @renk | Turnuva başlığı yazısı |  */
/* @kart Oran kutusu | Tıklanan oranlar */
  --cv-oran-bg: rgba(255, 255, 255, 0.2); /* @renk | Zemin |  */
  --cv-oran-kenar: rgba(255, 255, 255, 0.7); /* @renk | Kenar |  */
  --cv-oran-radius: 5px; /* @px 0 20 1 | Köşe |  */
  --cv-oran-ad: rgb(255, 255, 255); /* @renk | Oran adı | "1", "X", "2" */
  --cv-oran-sayi: rgba(255, 255, 255, 0.7); /* @renk | Oran sayısı |  */
  --cv-oran-sayi-fs: 12px; /* @px 10 18 0.5 | Oran yazı boyu |  */
  --cv-oran-hover-bg: rgba(255, 255, 255, 0.14); /* @renk | Hover zemini |  */
  --cv-oran-secili-bg: var(--cv-accent); /* @renk | Seçili zemin | Kupona eklenmiş oran. */
  --cv-oran-secili-metin: rgb(14, 18, 26); /* @renk | Seçili yazı |  */
  --cv-oran-kilit: 0.5; /* @oran 0.2 1 0.05 | Kilitli oran saydamlığı |  */
/* @kart Kupon | Sağdaki bahis kuponu */
  --cv-kupon-w: 340px; /* @px 280 440 5 | Genişlik |  */
  --cv-kupon-bg: rgba(0, 0, 0, 0); /* @renk | Zemin |  */
  --cv-kupon-radius: 0px; /* @px 0 24 1 | Köşe |  */
  --cv-kupon-baslik-bg: rgba(0, 0, 0, 0); /* @renk | Başlık zemini |  */
  --cv-kupon-baslik-h: 49px; /* @px 36 70 1 | Başlık yüksekliği |  */
  --cv-kupon-govde-bg: rgba(0, 0, 0, 0); /* @renk | Gövde zemini |  */
  --cv-bahis-bg: rgba(255, 255, 255, 0.1); /* @renk | Bahis satırı zemini |  */
  --cv-bahis-btn-bg: var(--cv-accent); /* @renk | Bahis yap düğmesi | Kuponda bahis varken. Boşken soluk görünür. */
  --cv-bahis-btn-metin: rgb(14, 18, 26); /* @renk | Düğme yazısı |  */
  --cv-bahis-btn-radius: 5px; /* @px 0 30 1 | Düğme köşesi |  */
/* @kart E-spor | Takım logoları */
  --cv-espor-logo: 50px; /* @px 16 64 1 | Takım logosu boyu |  */

/* @sekme promo | Promosyonlar | Sekmeler, promosyon kartları, detay penceresi */
/* @kart Sekmeler | HEPSİ · SPOR · CASINO … */
  --cv-pr-sekme-bg: rgba(255, 255, 255, 0.1); /* @renk | Zemin |  */
  --cv-pr-sekme-metin: rgba(255, 255, 255, 0.5); /* @renk | Yazı |  */
  --cv-pr-sekme-ikon: rgba(255, 255, 255, 0.5); /* @renk | İkon |  */
  --cv-pr-sekme-aktif: var(--cv-accent); /* @renk | Seçili zemin |  */
  --cv-pr-sekme-aktif-metin: rgb(255, 255, 255); /* @renk | Seçili yazı |  */
  --cv-pr-sekme-radius: 5px; /* @px 0 30 1 | Köşe |  */
  --cv-pr-sekme-h: 38px; /* @px 26 56 1 | Yükseklik |  */
/* @kart Kartlar | Promosyon listesi */
  --cv-pr-radius: 5px; /* @px 0 30 1 | Köşe |  */
  --cv-pr-kenar: rgba(0, 0, 0, 0); /* @renk | Kenar |  */
  --cv-pr-golge: none; /* @metin | Gölge |  */
  --cv-pr-hover-buyut: 1; /* @oran 1 1.1 0.01 | Hover büyüt |  */
  --cv-pr-gap: 10px; /* @px 0 40 1 | Kartlar arası |  */
  --cv-pr-baslik-fs: 12px; /* @px 10 22 0.5 | Başlık boyu |  */
  --cv-pr-baslik-renk: rgb(255, 255, 255); /* @renk | Başlık rengi |  */
  --cv-pr-baslik-bg: rgba(255, 255, 255, 0.1); /* @renk | Başlık zemini |  */
  --cv-pr-baslik-fw: 700; /* @sayi 300 900 100 | Başlık kalınlığı |  */
/* @kart Detay penceresi | Karta tıklayınca açılan */
  --cv-prd-bg: rgba(0, 0, 0, 0.7); /* @renk | Zemin |  */
  --cv-prd-radius: 20px; /* @px 0 40 1 | Köşe |  */
  --cv-prd-baslik-bg: rgba(0, 0, 0, 0); /* @renk | Başlık şeridi zemini |  */
  --cv-prd-baslik-metin: rgb(255, 255, 255); /* @renk | Başlık yazısı |  */
  --cv-prd-akordeon-bg: rgba(0, 0, 0, 0); /* @renk | Akordeon başlığı zemini | Açılır kapanır bölüm başlıkları. */
  --cv-prd-akordeon-metin: rgb(255, 255, 255); /* @renk | Akordeon başlığı yazısı |  */
  --cv-prd-metin: rgba(255, 255, 255, 0.6); /* @renk | Metin |  */
  --cv-prd-metin-fs: 14px; /* @px 11 20 0.5 | Metin boyu |  */
  --cv-prd-btn-bg: linear-gradient(90deg, rgb(1, 254, 213), rgb(1, 254, 213)); /* @renk | "Bonusu Talep Et" zemini |  */
  --cv-prd-btn-metin: rgb(255, 255, 255); /* @renk | "Bonusu Talep Et" yazısı |  */
  --cv-prd-btn-radius: 12px; /* @px 0 30 1 | "Bonusu Talep Et" köşesi |  */

/* @sekme pencere | Giriş / Kayıt | Giriş-kayıt penceresi ve genel pencere çatısı */
/* @kart Perde ve kutu | Pencerenin arkası ve kendisi */
  --cv-pop-perde: rgba(0, 0, 0, 0.7); /* @renk | Perde | Pencerenin arkasındaki karartma. */
  --cv-pop-blur: 0px; /* @px 0 20 1 | Perde bulanıklığı | 0 = yok. */
  --cv-pop-bg: rgb(17, 39, 35); /* @renk | Kutu zemini |  */
  --cv-pop-radius: 20px; /* @px 0 40 1 | Kutu köşesi |  */
  --cv-pop-kenar: rgba(0, 0, 0, 0); /* @renk | Kutu kenarı |  */
  --cv-pop-golge: rgba(26, 61, 55, 0.1) 0px 0px 5px 0px; /* @metin | Kutu gölgesi |  */
/* @kart Kapat düğmesi | Sağ üstteki ×. Penceredeki KAYIT düğmesi üst bardaki KAYIT ayarlarını kullanır */
  --cv-pop-kapat-renk: rgba(255, 255, 255, 0.6); /* @renk | Kapat ikonu |  */
  --cv-pop-kapat-fs: 14px; /* @px 10 28 1 | Kapat ikonu boyu |  */
  --cv-pop-kapat-bg: rgba(0, 0, 0, 0); /* @renk | Kapat zemini |  */
/* @kart Form alanları | E-posta, şifre kutuları */
  --cv-inp-h: 52px; /* @px 36 64 1 | Yükseklik |  */
  --cv-inp-bg: rgba(255, 255, 255, 0.15); /* @renk | Zemin |  */
  --cv-inp-radius: 5px; /* @px 0 30 1 | Köşe |  */
  --cv-inp-kenar: rgba(0, 0, 0, 0); /* @renk | Kenar rengi |  */
  --cv-inp-kenar-w: 0px; /* @px 0 3 1 | Kenar kalınlığı |  */
  --cv-inp-metin: rgba(255, 255, 255, 0.9); /* @renk | Yazı |  */
  --cv-inp-placeholder: rgba(255, 255, 255, 0.5); /* @renk | Yer tutucu yazı |  */
  --cv-inp-odak: var(--cv-accent); /* @renk | Odak kenarı | Kutuya tıklayınca. */
  --cv-inp-label: rgba(255, 255, 255, 0.4); /* @renk | Etiket | "E-posta / Kullanıcı Adı" yazısı. */
/* @kart Düğme ve bağlantı | GİRİŞ düğmesi, şifremi unuttum */
  --cv-pop-btn-bg: rgb(5, 254, 213); /* @renk | Düğme zemini |  */
  --cv-pop-btn-metin: rgb(255, 255, 255); /* @renk | Düğme yazısı |  */
  --cv-pop-btn-radius: 5px; /* @px 0 30 1 | Düğme köşesi |  */
  --cv-pop-btn-h: 36px; /* @px 32 64 1 | Düğme yüksekliği |  */
/* @kart "Giriş yapın" uyarısı | Giriş isteyen sayfalardaki blok */
  --cv-gerek-metin: rgba(255, 255, 255, 0.7); /* @renk | Metin |  */
  --cv-gerek-btn: rgb(5, 254, 213); /* @renk | GİRİŞ düğmesi |  */

/* @sekme footer | Footer | Sosyal, bağlantı sütunları, logolar, alt satır */
/* @kart Zemin |  */
  --cv-ftr-bg: rgb(22, 51, 46); /* @renk | Zemin |  */
  --cv-ftr-cizgi: rgba(0, 0, 0, 0); /* @renk | Üst çizgi |  */
  --cv-ftr-cizgi-w: 0px; /* @px 0 4 1 | Üst çizgi kalınlığı |  */
  --cv-ftr-pad: 10px; /* @px 0 80 1 | Üst boşluk |  */
/* @kart Sosyal ikonlar | Instagram, Telegram … */
  --cv-sos-boy: 32px; /* @px 20 60 1 | Boyut |  */
  --cv-sos-bg: rgba(0, 0, 0, 0); /* @renk | Zemin |  */
  --cv-sos-renk: rgba(255, 255, 255, 0.6); /* @renk | İkon |  */
  --cv-sos-radius: 5px; /* @px 0 999 1 | Köşe |  */
  --cv-sos-gap: 0px; /* @px 0 30 1 | Aralık | Bugün ikonlar aralıksız (platformun kendi boşluğu). Artırınca araları açılır. */
  --cv-sos-hover: var(--cv-accent); /* @renk | Hover zemini |  */
/* @kart Bağlantı sütunları | Başlık, bağlantı, metin */
  --cv-ftr-baslik-renk: rgb(255, 255, 255); /* @renk | Başlık rengi |  */
  --cv-ftr-baslik-fs: 12px; /* @px 10 22 0.5 | Başlık boyu |  */
  --cv-ftr-baslik-fw: 700; /* @sayi 300 900 100 | Başlık kalınlığı |  */
  --cv-ftr-baslik-tt: uppercase; /* @secim Olduğu gibi=none;BÜYÜK HARF=uppercase;Baş Harf Büyük=capitalize;küçük harf=lowercase | Başlık harf biçimi |  */
  --cv-ftr-link-renk: rgb(255, 255, 255); /* @renk | Bağlantı rengi |  */
  --cv-ftr-link-fs: 15px; /* @px 10 18 0.5 | Bağlantı boyu |  */
  --cv-ftr-link-hover: #ffffff; /* @renk | Bağlantı hover |  */
  --cv-ftr-metin-renk: rgb(255, 255, 255); /* @renk | Açıklama metni |  */
/* @kart Logolar ve alt satır | Lisans/ortak logoları, 18+, telif */
  --cv-ftr-logo-opak: 1; /* @oran 0.2 1 0.05 | Logo saydamlığı |  */
  --cv-ftr-logo-gri: 0; /* @oran 0 1 0.05 | Logo gri tonu | 0 = renkli, 1 = tamamen gri */
  --cv-ftr-logo-baslik: rgba(255, 255, 255, 0.7); /* @renk | Logo şeridi başlığı | "Düzenlemeler ve İş Ortakları" */
  --cv-ftr-yas-bg: rgba(0, 0, 0, 0); /* @renk | 18+ zemini |  */
  --cv-ftr-yas-renk: rgb(1, 213, 179); /* @renk | 18+ yazısı |  */
  --cv-ftr-copy-renk: rgba(255, 255, 255, 0.5); /* @renk | Telif yazısı |  */
  --cv-ftr-copy-fs: 12px; /* @px 9 16 0.5 | Telif boyu |  */

/* @sekme yardim | Kural Sayfaları | Genel kurallar, gizlilik, SSS gibi metin sayfaları */
/* @kart Başlık şeridi |  */
  --cv-yrd-maxw: 1374px; /* @px 700 1600 10 | Sayfa genişliği |  */
  --cv-yrd-baslik-bg: rgba(0, 0, 0, 0); /* @renk | Şerit zemini |  */
  --cv-yrd-baslik-metin: rgb(255, 255, 255); /* @renk | Başlık yazısı |  */
  --cv-yrd-baslik-fs: 16px; /* @px 12 32 0.5 | Başlık boyu |  */
  --cv-yrd-geri: rgba(255, 255, 255, 0.8); /* @renk | Geri oku |  */
  --cv-yrd-btn-bg: rgb(5, 254, 213); /* @renk | "Yazdır" düğmesi zemini |  */
  --cv-yrd-btn-metin: rgb(255, 255, 255); /* @renk | "Yazdır" düğmesi yazısı |  */
/* @kart Metin | Kural metni */
  --cv-yrd-metin: rgba(255, 255, 255, 0.6); /* @renk | Metin rengi |  */
  --cv-yrd-metin-fs: 13px; /* @px 11 20 0.5 | Metin boyu |  */
  --cv-yrd-satir: 18px; /* @px 14 40 1 | Satır yüksekliği |  */
  --cv-yrd-alt-baslik: rgba(255, 255, 255, 0.6); /* @renk | Ara başlıklar | h2, h3, h5 */
  --cv-yrd-link: var(--cv-accent); /* @renk | Bağlantı rengi |  */
}
/* @cv-root-bitis */

/* Casivera tema — KURALLAR. Her değer bir --cv-* token'ından okunur; token'lar
   uret.js tarafından :root bloğuna, canlı siteden toplanan varsayılanlarla yazılır.
   Özgüllük: paket custom.css'ten SONRA yükleniyor → #root#root (iki ID) + !important.
   Kural değil, yalnız token değiştirilir. */

/* ===================================================================== ZEMİN */
:root {
  --layout-width: var(--cv-sayfa-w) !important;
  --desktop-home-page-content-width: var(--cv-icerik-w) !important;
  --border-radius: var(--cv-radius) !important;
  --border-radius-small: var(--cv-radius-small) !important;
  --border-radius-middle: var(--cv-radius-middle) !important;
  --border-radius-big: var(--cv-radius-big) !important;
  --btn-height: var(--cv-btn-h) !important;
  --default-transition-duration: var(--cv-gecis) !important;
  --font-family: var(--cv-font) !important;
  --desktop-dynamic-panel-width: var(--cv-kupon-w) !important;
  --betslip-header-height: var(--cv-kupon-baslik-h) !important;
  /* yazı ölçeği: platformun 11 boy değişkeni tek çarpanla */
  --fds-ref-font-size-40:  calc(8px  * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-50:  calc(10px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-60:  calc(12px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-70:  calc(14px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-80:  calc(16px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-90:  calc(18px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-120: calc(24px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-160: calc(32px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-200: calc(40px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-240: calc(48px * var(--cv-yazi-olcek)) !important;
  --fds-ref-font-size-280: calc(56px * var(--cv-yazi-olcek)) !important;
}
html body { background-color: var(--cv-zemin-bg) !important; }
#root#root .layout-content-holder-bc {
  background: var(--cv-icerik-bg) !important;
  max-width: var(--cv-icerik-max) !important;
  padding-left: var(--cv-icerik-pad) !important;
  padding-right: var(--cv-icerik-pad) !important;
}
#root#root .layout-content-holder-bc > .hm-row-bc { margin-bottom: var(--cv-satir-bosluk) !important; }

/* ================================================================= TİPOGRAFİ */
#root#root, #root#root .ds-label, #root#root .ds-body, #root#root .ds-caption, #root#root .ds-title {
  font-family: var(--cv-font) !important;
}
/* GİRİŞ / KAYIT gibi .btn düğmeleri sitede ayrı yazı tipi (Arial) kullanıyor; ikon düğmeleri hariç */
#root#root button.btn:not([class*="bc-i-"]) { font-family: var(--cv-font-buton) !important; }
#root#root .typography-heading, #root#root .sectionTitleText, #root#root .footerLinkColTitle,
#root#root .tournamentSectionInfoTitle, #root#root .casino-jackpot-widget__title,
#root#root .back-nav-title-bc-h1, #root#root .footerInfoTitleText, #root#root .promotions-article-title {
  font-family: var(--cv-font-baslik) !important;
}
#root#root .typography-heading { font-weight: var(--cv-baslik-kalinlik) !important; }

/* ==================================================================== DUYURU */
#root#root .hdr-dynamic-content { display: var(--cv-duy-goster) !important; background: var(--cv-duy-bg) !important; }
#root#root .hdr-dynamic-content .hm-row-bc { min-height: var(--cv-duy-h) !important; }
/* metin renkleri CMS'in satır içi stilinden geliyor; buradan yalnız boy */
#root#root .informative-widget p, #root#root .informative-widget span { font-size: var(--cv-duy-fs) !important; }
#root#root .hdr-dynamic-content .e-p-close-icon-bc { color: var(--cv-duy-kapat) !important; }

/* =================================================================== ÜST BAR */
#root#root .layout-header-holder-bc { background: var(--cv-hdr-ust-bg) !important; }
#root#root header.header-bc { background: var(--cv-hdr-bg) !important; box-shadow: inset 0 -1px 0 0 var(--cv-hdr-cizgi) !important; }
#root#root .hdr-main-content-bc {
  height: var(--cv-hdr-h) !important;
  padding-left: var(--cv-hdr-pad) !important;
  padding-right: var(--cv-hdr-pad) !important;
}
#root#root img.hdr-logo-bc { height: var(--cv-logo-h) !important; max-width: var(--cv-logo-maxw) !important; width: auto !important; object-fit: contain !important; }

#root#root .hdr-user-bc button.btn.sign-in {
  background: var(--cv-giris-bg) !important; color: var(--cv-giris-metin) !important;
  border-color: var(--cv-giris-kenar) !important; border-radius: var(--cv-giris-radius) !important;
  height: var(--cv-giris-h) !important; font-size: var(--cv-giris-fs) !important;
}
#root#root .hdr-user-bc button.btn.sign-in span { color: inherit !important; font-size: inherit !important; }
#root#root .hdr-user-bc button.btn.sign-in:hover { background: var(--cv-giris-hover) !important; }

#root#root .hdr-user-bc button.btn.register {
  background: var(--cv-kayit-bg) !important; color: var(--cv-kayit-metin) !important;
  border-color: var(--cv-kayit-kenar) !important; border-radius: var(--cv-kayit-radius) !important;
  height: var(--cv-kayit-h) !important; font-size: var(--cv-kayit-fs) !important;
}
#root#root .hdr-user-bc button.btn.register span { color: inherit !important; font-size: inherit !important; }
#root#root .hdr-user-bc button.btn.register:hover { background: var(--cv-kayit-hover) !important; }

#root#root .header-custom-buttons .btn {
  background: var(--cv-yatir-bg) !important; color: var(--cv-yatir-metin) !important;
  border-radius: var(--cv-yatir-radius) !important; height: var(--cv-yatir-h) !important; font-size: var(--cv-yatir-fs) !important;
}

#root#root header .form-control-bc.select .form-control-label-bc {
  background: var(--cv-dil-bg) !important; color: var(--cv-dil-metin) !important; border-radius: var(--cv-dil-radius) !important;
}
#root#root header .form-control-bc.select .form-control-label-bc span { color: var(--cv-dil-metin) !important; }
#root#root header .form-control-bc.select .form-control-label-bc i.form-control-icon-bc { color: var(--cv-dil-ok) !important; }
#root#root header .multi-select-label-bc { background: var(--cv-dil-liste-bg) !important; }
#root#root header .multi-select-label-bc .checkbox-control-content-bc { background: var(--cv-dil-satir-bg) !important; }
#root#root header .multi-select-label-bc .checkbox-control-content-bc.active { background: var(--cv-dil-satir-aktif) !important; }
#root#root header .multi-select-label-bc .checkbox-control-text-bc { color: var(--cv-dil-satir-metin) !important; }

#root#root header time.infoTime { display: var(--cv-saat-goster) !important; color: var(--cv-saat-renk) !important; font-size: var(--cv-saat-fs) !important; }

#root#root .hdr-smart-panel-holder-bc { background: var(--cv-sp-bg) !important; border-radius: var(--cv-sp-radius) !important; }
#root#root .sp-button-bc .sp-button-icon-bc { color: var(--cv-sp-ikon) !important; font-size: var(--cv-sp-ikon-fs) !important; }
#root#root #smart-panel-holder { background: var(--cv-sp-toggle-bg) !important; color: var(--cv-sp-toggle-renk) !important; }
#root#root .sp-button-bc .count-blink-even { background: var(--cv-sp-rozet) !important; }
#root#root .sidePanel-holder { width: var(--cv-yan-w) !important; background: var(--cv-yan-bg) !important; }
#root#root .sidePanel-holder .overlay-header { background: var(--cv-yan-baslik-bg) !important; color: var(--cv-yan-baslik-metin) !important; }
#root#root .sidePanel-holder .overlay-header span, #root#root .sidePanel-holder .overlay-header i { color: var(--cv-yan-baslik-metin) !important; }
#root#root .sidePanel-holder .empty-b-text-v-bc { color: var(--cv-yan-bos-metin) !important; }

/* ================================================================== ANA MENÜ */
/* Kapsam notu: alt sayfalardaki ikinci menü (Ana Sayfa, Jackpotlar) da .nav-menu
   sınıflarını kullanıyor. Ana menüyü .nav-content-menu ile ayırıyoruz, yoksa o küçük
   menü de ana menü ölçüsüne şişiyor. */
#root#root .nav-content-bc { background: var(--cv-nav-bg) !important; border-radius: var(--cv-nav-radius) !important; margin-bottom: var(--cv-nav-alt) !important; }
#root#root .nav-content-menu .nav-menu > li > .nav-menu-item, #root#root .nav-content-menu .nav-menu-other > .nav-menu-item {
  height: var(--cv-nav-h) !important;
  background: var(--cv-nav-item-bg) !important; color: var(--cv-nav-item-metin) !important;
  font-size: var(--cv-nav-item-fs) !important; font-weight: var(--cv-nav-item-fw) !important;
  text-transform: var(--cv-nav-item-tt) !important;
  padding-left: var(--cv-nav-item-padx) !important; padding-right: var(--cv-nav-item-padx) !important;
  column-gap: var(--cv-nav-item-gap) !important;
}
/* köşe: platform ilk öğeyi solda, DAHA'yı sağda yuvarlıyor; aynı desen korunur */
#root#root .nav-content-menu .nav-menu > li:first-child > .nav-menu-item { border-radius: var(--cv-nav-item-radius) 0 0 var(--cv-nav-item-radius) !important; }
#root#root .nav-content-menu .nav-menu > li:not(:first-child) > .nav-menu-item { border-radius: 0 !important; }
#root#root .nav-content-menu .nav-menu-other > .nav-menu-item { border-radius: 0 var(--cv-nav-item-radius) var(--cv-nav-item-radius) 0 !important; }
#root#root .nav-content-menu .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper),
#root#root .nav-content-menu .nav-menu-other > .nav-menu-item > span:not(.CMSIconSVGWrapper) { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
#root#root .nav-content-menu .nav-menu-item .CMSIconSVGWrapper { color: var(--cv-nav-ikon) !important; width: var(--cv-nav-ikon-boy) !important; height: var(--cv-nav-ikon-boy) !important; }
#root#root .nav-content-menu .nav-menu-other > .nav-menu-item > i.bc-i-apps { color: var(--cv-nav-ikon) !important; font-size: calc(var(--cv-nav-ikon-boy) * 1.25) !important; }
#root#root .nav-content-menu .nav-menu > li > .nav-menu-item:hover, #root#root .nav-content-menu .nav-menu-other > .nav-menu-item:hover { background: var(--cv-nav-hover-bg) !important; color: var(--cv-nav-hover-metin) !important; }
#root#root .nav-content-menu .nav-menu > li > .nav-menu-item.active { background: var(--cv-nav-aktif-bg) !important; color: var(--cv-nav-aktif-metin) !important; }
#root#root .nav-content-menu .nav-menu > li > .nav-menu-item.active .CMSIconSVGWrapper { color: var(--cv-nav-aktif-ikon) !important; }
#root#root .nav-content-menu .nav-menu-sub {
  background: var(--cv-alt-bg) !important;
  border-radius: 0 0 var(--cv-alt-radius) var(--cv-alt-radius) !important;
  width: var(--cv-alt-w) !important; min-width: var(--cv-alt-w) !important;
  box-shadow: var(--cv-alt-golge) !important;
}
#root#root .nav-content-menu .nav-menu-sub .nav-menu-item { color: var(--cv-alt-metin) !important; font-size: var(--cv-alt-fs) !important; }
#root#root .nav-content-menu .nav-menu-sub .nav-menu-item span { color: inherit !important; font-size: inherit !important; }
#root#root .nav-content-menu .nav-menu-sub .nav-menu-item:hover { background: var(--cv-alt-hover-bg) !important; }
#root#root .nav-floating-btn { background: var(--cv-nav-yuzen-bg) !important; color: var(--cv-nav-yuzen-renk) !important; width: var(--cv-nav-yuzen-boy) !important; height: var(--cv-nav-yuzen-boy) !important; }

/* ==================================================================== BANNER */
#root#root .slider-bc, #root#root .slider-bc .swiper, #root#root .slider-bc .swiper-slide,
#root#root .sdr-item-bc, #root#root img.sdr-image-bc { border-radius: var(--cv-bnr-radius) !important; }
#root#root .slider-bc { box-shadow: var(--cv-bnr-golge) !important; }
#root#root img.sdr-image-bc { aspect-ratio: var(--cv-bnr-oran) !important; object-fit: var(--cv-bnr-fit) !important; object-position: var(--cv-bnr-poz) !important; }
#root#root .hm-row-bc.has-slider { margin-bottom: var(--cv-bnr-alt) !important; }
#root#root .slider-bc .swiper-button-prev, #root#root .slider-bc .swiper-button-next {
  display: var(--cv-bnr-ok-goster) !important;
  background: var(--cv-bnr-ok-bg) !important; color: var(--cv-bnr-ok-renk) !important;
  --swiper-navigation-color: var(--cv-bnr-ok-renk);
  width: var(--cv-bnr-ok-boy) !important; height: var(--cv-bnr-ok-boy) !important;
  border-radius: var(--cv-bnr-ok-radius) !important; border: 1px solid var(--cv-bnr-ok-kenar) !important;
}
#root#root .slider-bc .swiper-pagination {
  display: var(--cv-bnr-sayac-goster) !important;
  background: var(--cv-bnr-sayac-bg) !important; color: var(--cv-bnr-sayac-renk) !important; font-size: var(--cv-bnr-sayac-fs) !important;
}
/* Örnek banner kaldırıldı. Sebep: kural ancak slaytta <img> yokken devreye giriyordu,
   sayfa açılırken görseller gelene kadar o koşul bir an doğru oluyor ve gömülü örnek
   banner kısa süre görünüyordu. Bu sitede bannerlar zaten yükleniyor, özelliğin
   karşılığı yok. Görselsiz bir sitede lazım olursa spec.js ve bu bölüm geri eklenir. */

/* ============================================================= ÜRÜN KARTLARI */
#root#root a.product-banner-info-bc, #root#root img.product-banner-img-bc { border-radius: var(--cv-urun-radius) !important; }
#root#root a.product-banner-info-bc {
  border: var(--cv-urun-kenar-w) solid var(--cv-urun-kenar) !important;
  box-shadow: var(--cv-urun-golge) !important; overflow: hidden !important;
  transition: transform var(--cv-urun-gecis), filter var(--cv-urun-gecis) !important;
}
#root#root a.product-banner-info-bc:hover { transform: scale(var(--cv-urun-hover-buyut)) !important; filter: brightness(var(--cv-urun-hover-parlak)) !important; }
#root#root .product-banner-container-bc { gap: var(--cv-urun-gap) !important; }

/* ========================================================== BÖLÜM BAŞLIKLARI */
#root#root .sectionTitleText {
  font-size: var(--cv-bolum-fs) !important; font-weight: var(--cv-bolum-fw) !important; color: var(--cv-bolum-renk) !important;
  text-transform: var(--cv-bolum-tt) !important; letter-spacing: var(--cv-bolum-harf) !important;
}
#root#root .sectionTitle { margin-bottom: var(--cv-bolum-alt) !important; }
#root#root .sectionTitleBtnWrapper .ds-btn {
  width: var(--cv-bolum-ok-boy) !important; height: var(--cv-bolum-ok-boy) !important;
  background: var(--cv-bolum-ok-bg) !important; color: var(--cv-bolum-ok-renk) !important; border-radius: var(--cv-bolum-ok-radius) !important;
}
#root#root .sectionTitleBtnWrapper .ds-btn[disabled] { color: color-mix(in srgb, var(--cv-bolum-ok-renk) 26.67%, transparent) !important; }
#root#root .sectionTitleBtnWrapper .ds-btn:not([disabled]):hover { background: var(--cv-bolum-ok-hover-bg) !important; }
#root#root .sectionTitle .ds-link .ds-label { color: var(--cv-bolum-link-renk) !important; font-size: var(--cv-bolum-link-fs) !important; }

/* ============================================================= OYUN KARTLARI */
#root#root .casinoGameItemContent, #root#root .casinoGameItem, #root#root img.casinoGameItemImage { border-radius: var(--cv-kart-radius) !important; }
#root#root .casinoGameItem {
  background: var(--cv-kart-bg) !important;
  border: var(--cv-kart-kenar-w) solid var(--cv-kart-kenar) !important;
  box-shadow: var(--cv-kart-golge) !important;
  transition: transform var(--cv-kart-gecis), filter var(--cv-kart-gecis), box-shadow var(--cv-kart-gecis) !important;
}
#root#root img.casinoGameItemImage { aspect-ratio: var(--cv-kart-oran) !important; object-fit: cover !important; }
#root#root .casinoGameItemContent:hover .casinoGameItem {
  transform: translateY(calc(-1 * var(--cv-kart-hover-kalk))) scale(var(--cv-kart-hover-buyut)) !important;
  filter: brightness(var(--cv-kart-hover-parlak)) !important;
  box-shadow: var(--cv-kart-hover-golge) !important;
}
#root#root .casinoGamesList { gap: var(--cv-kart-gap) !important; }
#root#root .casinoGameItemBadgeContainer .badge { background: var(--cv-rozet-bg) !important; color: var(--cv-rozet-renk) !important; border-radius: var(--cv-rozet-radius) !important; }
#root#root .casinoWinnerWidgetItem { background: var(--cv-kazanan-bg) !important; border-radius: var(--cv-kazanan-radius) !important; }
#root#root .casinoWinnerWidgetName { color: var(--cv-kazanan-ad) !important; }
#root#root .casinoWinnerWidgetGameName { color: var(--cv-kazanan-oyun) !important; }
#root#root .casinoWinnerWidgetAmount { color: var(--cv-kazanan-tutar) !important; }
#root#root .providerItemsBtn { background: var(--cv-saglayici-bg) !important; border-color: var(--cv-saglayici-kenar) !important; border-radius: var(--cv-saglayici-radius) !important; }

/* ============================================================== CASİNO LOBİSİ */
#root#root .casinoNavigationAndFilters .ds-chip {
  background: var(--cv-cip-bg) !important; color: var(--cv-cip-metin) !important;
  border-radius: var(--cv-cip-radius) !important; height: var(--cv-cip-h) !important; font-size: var(--cv-cip-fs) !important;
}
#root#root .casinoNavigationAndFilters .ds-chip .chip__label { color: inherit !important; font-size: inherit !important; }
#root#root .casinoNavigationAndFilters .ds-chip[class*="selected"],
#root#root .casinoNavigationAndFilters .ds-chip[class*="active"],
#root#root .casinoNavigationAndFilters .ds-chip[aria-selected="true"],
#root#root .casinoNavigationAndFilters .ds-chip[aria-pressed="true"],
#root#root .casinoNavigationAndFilters [class*="category-"].active .ds-chip,
#root#root .casinoNavigationAndFilters [class*="category-"][class*="selected"] .ds-chip {
  background: var(--cv-cip-aktif-bg) !important; color: var(--cv-cip-aktif-metin) !important;
}
#root#root .casinoSearchWrapper .ds-textfield__field {
  background: var(--cv-ara-bg) !important; border-color: var(--cv-ara-kenar) !important;
  border-radius: var(--cv-ara-radius) !important; height: var(--cv-ara-h) !important;
}
#root#root .casinoSearchWrapper .ds-textfield__field:focus-within { box-shadow: inset 0 0 0 1px var(--cv-ara-odak) !important; border-color: var(--cv-ara-odak) !important; }
#root#root .casinoSearchWrapper .ds-textfield__input { color: var(--cv-ara-metin) !important; }
#root#root .casinoGameProviderFilters .ds-select__field { background: var(--cv-sec-bg) !important; border-color: var(--cv-sec-kenar) !important; border-radius: var(--cv-sec-radius) !important; }
#root#root .casinoGameProviderFilters .ds-select__value, #root#root .casinoGameProviderFilters .ds-select__label { color: var(--cv-sec-metin) !important; }
#root#root .casinoRandomGameButtonWrapper .ds-btn { background: var(--cv-rast-bg) !important; color: var(--cv-rast-metin) !important; border-color: var(--cv-rast-kenar) !important; border-radius: var(--cv-rast-radius) !important; }
#root#root .casinoSearchNoResultsLabel { color: var(--cv-bos-metin) !important; }

/* ================================================================ SPOR & KUPON */
#root#root .left-menu-container { width: var(--cv-sm-w) !important; min-width: var(--cv-sm-w) !important; background: var(--cv-sm-bg) !important; }
#root#root .sport-search-bc { background: var(--cv-sm-ara-bg) !important; border-radius: var(--cv-sm-ara-radius) !important; }
#root#root .second-tabs-bc .tab-bc { background: var(--cv-sm-sekme-bg) !important; color: var(--cv-sm-sekme-metin) !important; }
#root#root .second-tabs-bc .tab-bc span { color: inherit !important; }
#root#root .second-tabs-bc .tab-bc.active { background: var(--cv-sm-sekme-aktif) !important; color: var(--cv-sm-sekme-aktif-metin) !important; }
#root#root .sp-s-l-head-bc { background: var(--cv-sm-baslik-bg) !important; height: var(--cv-sm-baslik-h) !important; }
#root#root .sp-s-l-h-title-bc { color: var(--cv-sm-baslik-metin) !important; font-size: var(--cv-sm-baslik-fs) !important; }
#root#root .sp-s-l-h-flag-bc { color: var(--cv-sm-ikon) !important; }
#root#root .sp-s-l-b-c-i-g-league-c-bc { color: var(--cv-sm-sayac) !important; }
#root#root .sp-s-l-head-bc:hover, #root#root .sp-s-l-b-c-item-bc:hover { background: var(--cv-sm-satir-hover) !important; }
#root#root .c-segment-holder-bc .c-row-bc { background: var(--cv-mac-bg) !important; border-color: var(--cv-mac-kenar) !important; border-radius: var(--cv-mac-radius) !important; }
#root#root .c-team-info-team-bc { color: var(--cv-takim) !important; font-size: var(--cv-takim-fs) !important; }
#root#root .c-info-time-bc { color: var(--cv-mac-saat) !important; }
#root#root .c-head-bc { background: var(--cv-lig-bg) !important; }
#root#root .c-title-bc { color: var(--cv-lig-metin) !important; }
#root#root .comp-name-fav-row-bc { background: var(--cv-comp-bg) !important; }
#root#root .comp-title-w-bc { color: var(--cv-comp-metin) !important; }
#root#root .market-bc { background: var(--cv-oran-bg) !important; border-color: var(--cv-oran-kenar) !important; border-radius: var(--cv-oran-radius) !important; }
#root#root .market-bc .market-odd-bc { color: var(--cv-oran-ad) !important; }
#root#root .market-bc .market-coefficient-bc { color: var(--cv-oran-sayi) !important; font-size: var(--cv-oran-sayi-fs) !important; }
#root#root .market-bc:hover { background: var(--cv-oran-hover-bg) !important; }
#root#root .market-bc.active, #root#root .market-bc.selected { background: var(--cv-oran-secili-bg) !important; }
#root#root .market-bc.active .market-odd-bc, #root#root .market-bc.active .market-coefficient-bc,
#root#root .market-bc.selected .market-odd-bc, #root#root .market-bc.selected .market-coefficient-bc { color: var(--cv-oran-secili-metin) !important; }
#root#root .disabled-market-bc { opacity: var(--cv-oran-kilit) !important; }
#root#root #betslip_container { background: var(--cv-kupon-bg) !important; border-radius: var(--cv-kupon-radius) !important; }
#root#root .bs-f-header-bc { background: var(--cv-kupon-baslik-bg) !important; }
#root#root .bs-f-body-bc { background: var(--cv-kupon-govde-bg) !important; }
#root#root .bs-bet-item-bc { background: var(--cv-bahis-bg) !important; }
#root#root .bet-button-wrapper-bc .btn { background: var(--cv-bahis-btn-bg) !important; color: var(--cv-bahis-btn-metin) !important; border-radius: var(--cv-bahis-btn-radius) !important; }
#root#root .bet-button-wrapper-bc .btn[disabled], #root#root .bet-button-wrapper-bc .btn.disabled { opacity: .45 !important; }
#root#root .e-sports-match-team-img { width: var(--cv-espor-logo) !important; height: var(--cv-espor-logo) !important; }

/* ============================================================== PROMOSYONLAR */
#root#root .horizontal-sl-item-bc { background: var(--cv-pr-sekme-bg) !important; border-radius: var(--cv-pr-sekme-radius) !important; height: var(--cv-pr-sekme-h) !important; }
#root#root .horizontal-sl-item-bc .horizontal-sl-title-bc { color: var(--cv-pr-sekme-metin) !important; }
#root#root .horizontal-sl-item-bc .horizontal-sl-icon-bc { color: var(--cv-pr-sekme-ikon) !important; }
#root#root .horizontal-sl-item-bc.active { background: var(--cv-pr-sekme-aktif) !important; }
#root#root .horizontal-sl-item-bc.active .horizontal-sl-title-bc, #root#root .horizontal-sl-item-bc.active .horizontal-sl-icon-bc { color: var(--cv-pr-sekme-aktif-metin) !important; }
#root#root .promotionsListEl-bc {
  border-radius: var(--cv-pr-radius) !important; outline: 1px solid var(--cv-pr-kenar) !important; outline-offset: -1px !important;
  box-shadow: var(--cv-pr-golge) !important; overflow: hidden !important; transition: transform var(--cv-gecis) !important;
}
#root#root .promotionsListEl-bc:hover { transform: scale(var(--cv-pr-hover-buyut)) !important; }
#root#root .promotionsList-bc { gap: var(--cv-pr-gap) !important; }
#root#root .promotions-article-title {
  font-size: var(--cv-pr-baslik-fs) !important; color: var(--cv-pr-baslik-renk) !important;
  background: var(--cv-pr-baslik-bg) !important; font-weight: var(--cv-pr-baslik-fw) !important;
}
#root#root .promotion-details-popup .popup-inner-bc { background: var(--cv-prd-bg) !important; border-radius: var(--cv-prd-radius) !important; }
#root#root .promotion-details-popup .overlay-header { background: var(--cv-prd-baslik-bg) !important; }
#root#root .promotion-details-popup .back-nav-title-bc-h1 { color: var(--cv-prd-baslik-metin) !important; }
#root#root .promotion-details-popup .spoiler-title { background: var(--cv-prd-akordeon-bg) !important; color: var(--cv-prd-akordeon-metin) !important; }
#root#root .promotion-details-popup .spoiler-title span { color: inherit !important; }
#root#root .promotion-details-popup .spoiler-content,
#root#root .promotion-details-popup .spoiler-content p,
#root#root .promotion-details-popup .spoiler-content li { color: var(--cv-prd-metin) !important; font-size: var(--cv-prd-metin-fs) !important; }
#root#root .promotion-details-info > div > div > a { background: var(--cv-prd-btn-bg) !important; color: var(--cv-prd-btn-metin) !important; border-radius: var(--cv-prd-btn-radius) !important; }

/* ================================================================= PENCERELER */
#root#root .popup-holder-bc.full-screen { background: var(--cv-pop-perde) !important; backdrop-filter: blur(var(--cv-pop-blur)) !important; }
#root#root .popup-holder-bc.full-screen .popup-inner-bc {
  background: var(--cv-pop-bg) !important; border-radius: var(--cv-pop-radius) !important;
  box-shadow: var(--cv-pop-golge) !important; outline: 1px solid var(--cv-pop-kenar) !important; outline-offset: -1px !important;
}
#root#root #close_popup_button_id { color: var(--cv-pop-kapat-renk) !important; font-size: var(--cv-pop-kapat-fs) !important; background: var(--cv-pop-kapat-bg) !important; }
/* penceredeki KAYIT düğmesi üst bardaki KAYIT ayarlarını paylaşır */
#root#root .e-p-sections-bc .btn.register {
  background: var(--cv-kayit-bg) !important; color: var(--cv-kayit-metin) !important;
  border-color: var(--cv-kayit-kenar) !important; border-radius: var(--cv-kayit-radius) !important; font-size: var(--cv-kayit-fs) !important;
}
#root#root .e-p-sections-bc .btn.register span { color: inherit !important; }
#root#root .entrance-form-bc input:not([type="checkbox"]):not([type="radio"]) {
  height: var(--cv-inp-h) !important; background: var(--cv-inp-bg) !important; border-radius: var(--cv-inp-radius) !important;
  border: var(--cv-inp-kenar-w) solid var(--cv-inp-kenar) !important; color: var(--cv-inp-metin) !important;
}
#root#root .entrance-form-bc input::placeholder { color: var(--cv-inp-placeholder) !important; }
#root#root .entrance-form-bc input:not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--cv-inp-odak) !important; box-shadow: inset 0 0 0 1px var(--cv-inp-odak) !important; }
#root#root .entrance-form-bc .form-control-title-bc, #root#root .entrance-form-bc label { color: var(--cv-inp-label) !important; }
#root#root .entrance-form-bc button[type="submit"], #root#root .entrance-form-bc .btn.a-color {
  background: var(--cv-pop-btn-bg) !important; color: var(--cv-pop-btn-metin) !important;
  border-radius: var(--cv-pop-btn-radius) !important; height: var(--cv-pop-btn-h) !important;
}
#root#root .need-to-login p { color: var(--cv-gerek-metin) !important; }
#root#root .need-to-login .btn { background: var(--cv-gerek-btn) !important; }

/* ===================================================================== FOOTER */
#root#root .layout-footer-holder-bc { background: var(--cv-ftr-bg) !important; border-top: var(--cv-ftr-cizgi-w) solid var(--cv-ftr-cizgi) !important; }
#root#root .footerWrapper { padding-top: var(--cv-ftr-pad) !important; }
#root#root .footerSocialLink {
  width: var(--cv-sos-boy) !important; height: var(--cv-sos-boy) !important;
  background: var(--cv-sos-bg) !important; color: var(--cv-sos-renk) !important; border-radius: var(--cv-sos-radius) !important;
}
#root#root .footerSocialLink a, #root#root .footerSocialLink i { color: var(--cv-sos-renk) !important; }
#root#root .footerSocialLink:hover { background: var(--cv-sos-hover) !important; }
#root#root .footerSocialLinks { gap: var(--cv-sos-gap) !important; }
#root#root .footerLinkColTitle {
  color: var(--cv-ftr-baslik-renk) !important; font-size: var(--cv-ftr-baslik-fs) !important;
  font-weight: var(--cv-ftr-baslik-fw) !important; text-transform: var(--cv-ftr-baslik-tt) !important;
}
#root#root .footerLinkColLinks a, #root#root .footerLinkColEl a { color: var(--cv-ftr-link-renk) !important; font-size: var(--cv-ftr-link-fs) !important; }
#root#root .footerLinkColLinks a:hover, #root#root .footerLinkColEl a:hover { color: var(--cv-ftr-link-hover) !important; }
#root#root .footerLinkColText { color: var(--cv-ftr-metin-renk) !important; }
#root#root .sliderGroup img { opacity: var(--cv-ftr-logo-opak) !important; filter: grayscale(var(--cv-ftr-logo-gri)) !important; }
#root#root .sliderTitle { color: var(--cv-ftr-logo-baslik) !important; }
#root#root .footerWarningAge { background: var(--cv-ftr-yas-bg) !important; color: var(--cv-ftr-yas-renk) !important; }
#root#root .footerCopyrights { color: var(--cv-ftr-copy-renk) !important; font-size: var(--cv-ftr-copy-fs) !important; }

/* ============================================================ KURAL SAYFALARI */
#root#root .footerInfoContent { max-width: var(--cv-yrd-maxw) !important; margin-left: auto !important; margin-right: auto !important; }
#root#root .footerInfoTitle { background: var(--cv-yrd-baslik-bg) !important; }
#root#root .footerInfoTitleText { color: var(--cv-yrd-baslik-metin) !important; font-size: var(--cv-yrd-baslik-fs) !important; }
#root#root .back-nav-icon-bc { color: var(--cv-yrd-geri) !important; }
#root#root .footerInfoTitle .btn { background: var(--cv-yrd-btn-bg) !important; color: var(--cv-yrd-btn-metin) !important; }
#root#root .footerInfoContent .content, #root#root .footerInfoContent .content p, #root#root .footerInfoContent .content li {
  color: var(--cv-yrd-metin) !important; font-size: var(--cv-yrd-metin-fs) !important; line-height: var(--cv-yrd-satir) !important;
}
#root#root .footerInfoContent .content h1, #root#root .footerInfoContent .content h2, #root#root .footerInfoContent .content h3,
#root#root .footerInfoContent .content h4, #root#root .footerInfoContent .content h5 { color: var(--cv-yrd-alt-baslik) !important; }
#root#root .footerInfoContent .content a { color: var(--cv-yrd-link) !important; }

/* @cv-bitis */

/* BONUSSATIR-2026-10-22 (sahip: sag ustte bonus bakiye satiri bos): arsivde bu satir --oc-2 (ORAN yazisi rengi, acik zemin icin koyu) kullaniyor; koyu baslikta kontrast 1.10 = gorunmez. Bonus bakiye satirlari marka vurgu rengiyle. */
.hdr-user-info-texts-bc.ext-2,.bs-f-h-t-t-balance-view-r-2-bc,.sportBonusFundPrice-total{color:rgba(var(--hero),1)!important}

/* EGYESIL-2026-10-28: success-yesili firma vurgusuna dondu -> uzerindeki yazi koyu (kontrast) */
.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc,.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc *{color:rgb(14, 18, 26)!important}
:root:root{--cv-yatir-metin:rgb(14, 18, 26)}
.hdr-user-bc .bc-i-wallet,.hdr-user-bc .bc-i-community,.hdr-user-bc .deposit-btn,.btn.a-color.bc-i-wallet,.i-deposit,[class*=sgm-market-s].W,[class*=sgm-market-s].Y{color:rgb(14, 18, 26)!important}

/* EGFOOTERTG-2026-10-28: masaustu altbilgi Telegram baglantisi (t.me) gorunsun; Bluesky/ikon-fontu gizleme kurallarini YALNIZ t.me ogesi icin ezer */
ul.footerSocialLinks li.footerSocialLink:has(> a[href*="t.me"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.footerSocialLinks .footerSocialLink a[href*="t.me"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
}
.footerSocialLinks .footerSocialLink a[href*="t.me"] i {
    display: inline-block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #f5f5f5 !important;
    opacity: 0.9 !important;
    transition: opacity 0.2s !important;
}
.footerSocialLinks .footerSocialLink a[href*="t.me"]:hover i {
    opacity: 1 !important;
}