/* diğer tüm CSS'ler bunun altında */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

.dep-w-info-bc {
    background: #000000 !important;
}

/* =========================================================
   HOMEPAGE CUSTOM PRODUCT ROWS
   ROW 4 - 8 TITLES + RESPONSIVE 9 VIEW SLIDE
   ========================================================= */

.layout-content-holder-bc > .hm-row-bc:nth-of-type(4) .hm-row-bc-inner,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5) .hm-row-bc-inner,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6) .hm-row-bc-inner,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7) .hm-row-bc-inner,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(8) .hm-row-bc-inner {
    --ikon-row-gap: 10px;
    --ikon-card-w: clamp(120px, calc((100vw - 110px) / 9), 166.66px);
    --ikon-slide-step: calc(var(--ikon-card-w) + var(--ikon-row-gap));

    position: relative !important;
    padding-top: 48px !important;
    overflow: hidden !important;
}

/* Başlık ortak */
.layout-content-holder-bc > .hm-row-bc:nth-of-type(4) .hm-row-bc-inner::before,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5) .hm-row-bc-inner::before,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6) .hm-row-bc-inner::before,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7) .hm-row-bc-inner::before,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(8) .hm-row-bc-inner::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    height: 34px !important;
    padding: 0 14px !important;

    display: inline-flex !important;
    align-items: center !important;

    border-radius: 10px !important;
    background: linear-gradient(90deg, rgba(209,28,42,.24), rgba(255,255,255,.045)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.94) !important;

    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .55px !important;
    text-transform: uppercase !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.24),
        0 0 16px rgba(209,28,42,.14),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;

    z-index: 5 !important;
}

/* Başlık metinleri */
.layout-content-holder-bc > .hm-row-bc:nth-of-type(4) .hm-row-bc-inner::before {
    content: "🏆 EN POPÜLER FUTBOL LİGLERİ" !important;
}

.layout-content-holder-bc > .hm-row-bc:nth-of-type(5) .hm-row-bc-inner::before {
    content: "🎰 EN İYİ SLOT OYUNLARI" !important;
}

.layout-content-holder-bc > .hm-row-bc:nth-of-type(6) .hm-row-bc-inner::before {
    content: "🃏 EN İYİ CANLI CASINO" !important;
}

.layout-content-holder-bc > .hm-row-bc:nth-of-type(7) .hm-row-bc-inner::before {
    content: "🚀 EN YÜKSEK ÇARPANLI OYUNLAR" !important;
}

.layout-content-holder-bc > .hm-row-bc:nth-of-type(8) .hm-row-bc-inner::before {
    content: "👑 EN FAZLA KAZANANLAR" !important;
}

/* Sadece kayan rowlar: 5 / 6 / 7 */
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5) .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6) .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7) .product-banner-container-bc {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--ikon-row-gap) !important;

    width: max-content !important;
    max-width: none !important;

    animation: ikonResponsiveRowSlide 22s cubic-bezier(.55, 0, .25, 1) infinite !important;
    will-change: transform !important;
}

/* Responsive kart ölçüsü */
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5) .product-banner-container-bc > div,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6) .product-banner-container-bc > div,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7) .product-banner-container-bc > div {
    flex: 0 0 var(--ikon-card-w) !important;
    width: var(--ikon-card-w) !important;
}

/* Görseller tam otursun */
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5) .product-banner-img-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6) .product-banner-img-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7) .product-banner-img-bc {
    width: 100% !important;
    height: auto !important;
}

/* Hover'da direkt pause yok: önce yavaşlat */
/*.layout-content-holder-bc > .hm-row-bc:nth-of-type(4):hover .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5):hover .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6):hover .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7):hover .product-banner-container-bc {
    animation-duration: 50s !important;
    animation-timing-function: linear !important;
}*/

/* Basılı tutunca / tıklayınca durur */
.layout-content-holder-bc > .hm-row-bc:nth-of-type(4):active .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5):active .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6):active .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7):active .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(4):focus-within .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(5):focus-within .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(6):focus-within .product-banner-container-bc,
.layout-content-holder-bc > .hm-row-bc:nth-of-type(7):focus-within .product-banner-container-bc {
    animation-play-state: paused !important;
}

/* 12 kart / 9 görünür: arkadaki 3 kartı gösterip geri döner */
@keyframes ikonResponsiveRowSlide {
    0%, 14% {
        transform: translateX(0);
    }

    42%, 58% {
        transform: translateX(calc(-3 * var(--ikon-slide-step)));
    }

    86%, 100% {
        transform: translateX(0);
    }
}

[class*=is-web] .casinoHorizontalGamesList {
    gap: var(--fds-ref-spacing-large);
    display: none !important;
}



.ds-popup {
    background: #00000085 !important;
    border: 1px outset #ffffff26 !important;
    backdrop-filter: blur(20px) saturate(2.5) !important;
    border-radius: 10px !important;
}

.ds-popup-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.casinoProvidersPopupContent__footer {
    background: rgb(10 10 10) !important;
}

.casinoJackpotInner:before {
    background: linear-gradient(to bottom, rgba(var(--b), 0), rgb(20 20 20)) !important;
}

.jackpotPoolWrapper {
    border-radius: 10px !important;
    background: rgb(0 0 0 / 0%) !important;
    backdrop-filter: blur(20px) saturate(2.5) !important;
    border: 1px outset #ffffff33 !important;
}

.jackpotPoolWrapper:after {
    background: linear-gradient(0deg, #ffffff0f, transparent);
}

.casino-full-game-bg {
    background: rgb(40 44 56 / 0%) no-repeat 0 0 / cover !important;
    margin-bottom: 75px !important;
}

.sidebar-container {
    background-color: rgb(10 10 10) !important;
    background: rgb(10 10 10) !important;
}

/* ========================================== HOMEPAGE CSS SECTION  ========================================== */
/* ========================================== HOMEPAGE CSS SECTION  ========================================== */
/* ========================================== HOMEPAGE CSS SECTION  ========================================== */

.btn.a-color {
    color: rgba(255,255,255,.92) !important;

    background:
        linear-gradient(180deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.04)
        ) !important;

    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 8px !important;

    backdrop-filter: blur(14px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 8px 24px rgba(0,0,0,.22) !important;

    transition:
        all .28s ease !important;
}

.btn.a-color:hover {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #ff3b4d 0%,
            #d11c2a 55%,
            #8d0f18 100%
        ) !important;

    border-color: rgba(255,255,255,.18) !important;

    box-shadow:
        0 0 18px rgba(209,28,42,.35),
        0 8px 28px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    transform: translateY(-1px) !important;
}

/* ==========================================
   BACK TO TOP BUTTON - AŞAĞIDA SABİT
   ========================================== */

.header-bc .center-bottom-btn > button.btn.nav-floating-btn {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;

    top: auto !important;
    bottom: 28px !important;

    margin: 0 !important;
    transform: translateX(-50%) !important;

    width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.14) !important;

    background: rgba(18,18,22,.72) !important;
    backdrop-filter: blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;

    color: rgba(255,255,255,.82) !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.38),
        0 0 18px rgba(255,25,45,.10),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    transition:
        transform .35s cubic-bezier(.4,0,.2,1),
        background .35s cubic-bezier(.4,0,.2,1),
        border-color .35s cubic-bezier(.4,0,.2,1),
        box-shadow .35s cubic-bezier(.4,0,.2,1),
        color .35s cubic-bezier(.4,0,.2,1) !important;

    z-index: 99999 !important;
    overflow: hidden !important;
}

/* Kırmızı hafif iç ambiyans */
.header-bc .center-bottom-btn > button.btn.nav-floating-btn::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        180deg,
        rgba(255,25,45,.16) 0%,
        transparent 72%
    ) !important;

    opacity: .55 !important;
    pointer-events: none !important;
    transition: opacity .35s ease !important;
}

/* İkon */
.header-bc .center-bottom-btn > button.btn.nav-floating-btn::before {
    position: relative !important;
    z-index: 2 !important;
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

@media (hover:hover) {
    .header-bc .center-bottom-btn > button.btn.nav-floating-btn:hover {
        transform: translateX(-50%) translateY(-3px) scale(1.04) !important;

        background: linear-gradient(135deg, #ab000e 0%, #ff192d 100%) !important;
        color: #ffffff !important;
        border-color: rgba(255,255,255,.22) !important;

        box-shadow:
            0 10px 28px rgba(0,0,0,.42),
            0 0 28px rgba(255,25,45,.28),
            inset 0 1px 0 rgba(255,255,255,.22) !important;
    }

    .header-bc .center-bottom-btn > button.btn.nav-floating-btn:hover::after {
        opacity: 0 !important;
    }
}

/* MOBİL */
@media (max-width: 768px) {
    .header-bc .center-bottom-btn > button.btn.nav-floating-btn {
        bottom: 18px !important;
        width: 40px !important;
        height: 40px !important;
    }
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */



/* ==========================================
   PREMIUM INFORMATIVE BAR - GLASS + INFO PULSE + MARQUEE
   ========================================== */

/*
.informative-widget-container>span {
    color: rgba(var(--b-sc), .7);
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.42px !important;
}


.informative-widget-link {
    background: rgb(255 255 255 / 0%) !important;
    border-top: 2px solid rgb(0 0 0 / 0%) !important;
}


.informative-widget {
    background: rgb(255 255 255 / 5%) !important;
    border-radius: 8px !important;
    margin-top: 4px;
    border: 1px inset #ffffff24 !important;
}
*/

.informative-widget {
    margin: 4px 5px 8px 5px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    /*background: rgba(18,18,22,.00) !important;*/
    backdrop-filter: blur(5px) saturate(0%) !important;
    -webkit-backdrop-filter: blur(5px) saturate(0%) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow:
        0 6px 22px rgba(0,0,0,.00),
        inset 0 1px 0 rgba(255,255,255,.00) !important;
    animation: alertPulse 3s ease-in-out infinite;
}

@keyframes alertPulse {
    0%,
    100% {
        background: rgba(18, 18, 22, 0.42);
        border-color: rgba(255,255,255,.08);
        box-shadow:
            0 0 0 rgba(255,30,45,0);
    }

    50% {
        background: rgb(150 8 20 / 0.60);
        border-color: rgba(255,45,65,.18);
        box-shadow:
            0 0 18px rgba(255,30,45,.12);
    }
}

.informative-widget::before {
    content: "i" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    color: #ff707c !important;
    border: 1px solid #ef6974 !important;
    background: rgba(247, 220, 145, .08) !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-shadow: 0 0 8px rgba(213 23 38 / 30%) !important;
    box-shadow: 0 0 0 0 rgb(213 23 38 / 30%), 0 0 12px rgb(212 23 38 / 15%) !important;
    animation: infoPulseSoft 2.4s ease-in-out infinite !important;
    z-index: 4 !important;
}

.informative-widget::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.04) 0%,
            rgba(255,255,255,.015) 30%,
            rgba(255,25,45,.035) 50%,
            rgba(255,255,255,.015) 70%,
            rgba(255,255,255,.04) 100%
        ) !important;
    opacity: .75 !important;
    z-index: 1 !important;
}

.informative-widget-link {
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px 0px 0px 0px !important;
    text-decoration: none !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: hidden !important;
    border-top: 0px solid rgb(255 255 255) !important;
}

.informative-widget-container {
    width: 100% !important;
    overflow: hidden !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
    text-align: center !important;
    line-height: 1.35 !important;
    /*text-transform: uppercase !important;*/
    color: rgba(235,235,235,.82) !important;
}

.info-marquee {
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.info-marquee-track {
    display: inline-flex !important;
    align-items: center !important;
    gap: 90px !important;
    animation: infoMarqueeMove 28s linear infinite !important;
    will-change: transform !important;
}

.info-marquee-track span {
    color: rgba(235,235,235,.70) !important;
    font-family: "Archivo", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    letter-spacing: .00px !important;
    /*text-transform: uppercase !important;*/
    line-height: 1 !important;
}

.info-marquee-track strong {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255,255,255,.32) !important;
}

.hdr-dynamic-content .e-p-close-icon-bc {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    top: 18px !important;
    right: 18px !important;
    border-radius: 50% !important;
    color: rgba(255,255,255,.62) !important;
    background: rgba(255,255,255,.00) !important;
    transition: all .25s ease !important;
    z-index: 5 !important;
}

.hdr-dynamic-content .e-p-close-icon-bc::before {
    color: inherit !important;
    font-size: 12px !important;
}

@media (hover:hover) {
    .hdr-dynamic-content .e-p-close-icon-bc:hover {
        color: #ffffff !important;
        background: rgba(255,31,53,.82) !important;
        box-shadow: 0 0 16px rgba(255,31,53,.42) !important;
        transform: scale(1.05) !important;
    }
}

@keyframes infoMarqueeMove {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes infoPulseSoft {
    0% {
        transform: translateY(-50%) scale(1);
        opacity: .72;
        box-shadow:
            0 0 0 0 rgba(247,220,145,.28),
            0 0 12px rgba(247,220,145,.14);
    }

    50% {
        transform: translateY(-50%) scale(1.08);
        opacity: 1;
        box-shadow:
            0 0 0 6px rgba(247,220,145,0),
            0 0 16px rgba(247,220,145,.24);
    }

    100% {
        transform: translateY(-50%) scale(1);
        opacity: .72;
        box-shadow:
            0 0 0 0 rgba(247,220,145,.28),
            0 0 12px rgba(247,220,145,.14);
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .informative-widget {
        margin: 4px 4px 7px 4px !important;
        border-radius: 7px !important;
    }

    .informative-widget-link {
        min-height: 46px !important;
        padding: 8px 42px 8px 36px !important;
    }

    .informative-widget-container {
        font-size: 12px !important;
        line-height: 1.28 !important;
        letter-spacing: .2px !important;
    }

    .info-marquee-track {
        gap: 60px !important;
        animation: infoMarqueeMove 22s linear infinite !important;
    }

    .info-marquee-track span {
        font-size: 12px !important;
        letter-spacing: .2px !important;
    }

    .informative-widget::before {
        left: 10px !important;
        width: 16px !important;
        height: 16px !important;
        font-size: 11px !important;
    }

    .hdr-dynamic-content .e-p-close-icon-bc {
        top: 8px !important;
        right: 7px !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }
}

/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* Anasayfa Web Logo Büyütme */
.hdr-logo-bc {
    height: 125% !important;
}

/* LOGO YANI AFFILIATE BUTONU */
.logo-container > a.header-icon {
    width: auto !important;
    min-width: 96px !important;
    height: 38px !important;
    padding: 0 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(20,20,24,.88) 0%, rgba(35,35,42,.92) 100%) !important;
    border: 1px solid rgba(255,255,255,.08) !important;

    position: relative !important;
    overflow: hidden !important;

    transition: all .35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow:
        0 2px 12px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.logo-container > a.header-icon img {
    max-height: 24px !important;
    width: auto !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 2 !important;

    transition: all .35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hafif ışık layer */
.logo-container > a.header-icon::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 35%),
        linear-gradient(135deg, transparent 0%, rgba(255,25,45,.18) 100%) !important;
    opacity: .45 !important;
    transition: all .35s ease !important;
    z-index: 1 !important;
}

/* HOVER */
@media (hover: hover) {
    .logo-container > a.header-icon:hover {
        transform: translateY(-2px) scale(1.03) !important;
        background: linear-gradient(135deg, #ab000e 0%, #ff192d 100%) !important;
        border-color: rgba(255,255,255,.18) !important;

        box-shadow:
            0 6px 26px rgba(255,25,45,.38),
            0 0 42px rgba(255,25,45,.22),
            inset 0 1px 0 rgba(255,255,255,.25) !important;
    }

    .logo-container > a.header-icon:hover img {
        transform: scale(1.08) !important;
        filter: brightness(1.15) contrast(1.08) !important;
    }

    .logo-container > a.header-icon:hover::after {
        opacity: .75 !important;
    }
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */


/* PARA YATIR BUTONU - KOYU YEŞİL IDLE + PREMIUM GREEN HOVER */

.header-custom-buttons .bc-i-circle-dollar {
    width: auto !important;
    min-width: 122px !important;
    height: 38px !important;
    padding: 0 13px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: linear-gradient(135deg, #3f7d3b 0%, #5da658 100%) !important;
    color: #111111 !important;

    border: none !important;
    border-radius: 6px !important;

    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;

    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;

    transition: all .35s cubic-bezier(0.4, 0, 0.2, 1) !important;

    box-shadow:
        0 2px 12px rgba(93,166,88,.22),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* Yazı */

.header-custom-buttons .bc-i-circle-dollar span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;

    position: relative !important;
    z-index: 2 !important;

    color: #111111 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* İkon */

.header-custom-buttons .bc-i-circle-dollar::before {
    position: relative !important;
    z-index: 2 !important;

    color: #111111 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Gereksiz after temizliği */

.header-custom-buttons .bc-i-circle-dollar::after {
    display: none !important;
}

/* ==========================================
   HOVER
   ========================================== */

@media (hover: hover) {

    .header-custom-buttons .bc-i-circle-dollar:hover {

        background: linear-gradient(
            135deg,
            #5da658 0%,
            #78c86e 45%,
            #8fd985 100%
        ) !important;

        transform: translateY(-2px) !important;

        box-shadow:
            0 6px 28px rgba(93,166,88,.45),
            0 0 55px rgba(93,166,88,.28),
            inset 0 1px 0 rgba(255,255,255,.40) !important;
    }

    .header-custom-buttons .bc-i-circle-dollar:hover::before,
    .header-custom-buttons .bc-i-circle-dollar:hover span {
        color: #ffffff !important;
    }

}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* BONUS TALEP BUTONU - KIRMIZI IDLE + BRIGHT RED HOVER */
.header-custom-buttons .bc-i-promotions-3 {
    width: auto !important;
    min-width: 126px !important;
    height: 38px !important;
    padding: 0 13px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: linear-gradient(135deg, #ab000e 0%, #ff192d 100%) !important;
    color: #111111 !important;

    border: none !important;
    border-radius: 8px !important;

    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;

    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;

    transition: all .35s cubic-bezier(0.4, 0, 0.2, 1) !important;

    box-shadow:
        0 2px 12px rgba(212,11,11,.25),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.header-custom-buttons .bc-i-promotions-3 span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;

    position: relative !important;
    z-index: 2 !important;

    color: #111111 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.header-custom-buttons .bc-i-promotions-3 span::before {
    content: "Bonus Talep" !important;
}

.header-custom-buttons .bc-i-promotions-3::before {
    position: relative !important;
    z-index: 2 !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.header-custom-buttons .bc-i-promotions-3::after {
    display: none !important;
}

@media (hover: hover) {
    .header-custom-buttons .bc-i-promotions-3:hover {
        background: linear-gradient(135deg, #ff3b4d 0%, #ff0018 45%, #ff6b78 100%) !important;
        color: #ffffff !important;

        transform: translateY(-2px) !important;

        box-shadow:
            0 6px 28px rgba(255,25,45,.55),
            0 0 55px rgba(255,59,77,.32),
            inset 0 1px 0 rgba(255,255,255,.45) !important;
    }

    .header-custom-buttons .bc-i-promotions-3:hover::before,
    .header-custom-buttons .bc-i-promotions-3:hover span {
        color: #ffffff !important;
    }
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* TELEGRAM BUTONU - MAVİ IDLE + MAVİ GLOW HOVER */
.header-custom-buttons .bc-i-telegram {
    width: auto !important;
    min-width: 122px !important;
    height: 38px !important;
    padding: 0 13px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: linear-gradient(135deg, #229ED9 0%, #2AABEE 100%) !important;
    color: #111111 !important;

    border: none !important;
    border-radius: 8px !important;

    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;

    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;

    transition: all .35s cubic-bezier(0.4, 0, 0.2, 1) !important;

    /*box-shadow:
        0 2px 12px rgba(42,171,238,.25),
        inset 0 1px 0 rgba(255,255,255,.35) !important;*/
}

/* Span yazısı */
.header-custom-buttons .bc-i-telegram span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;

    position: relative !important;
    z-index: 2 !important;

    color: #111111 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.header-custom-buttons .bc-i-telegram span::before {
    content: "Telegram" !important;
}

/* İkon */
.header-custom-buttons .bc-i-telegram::before {
    position: relative !important;
    z-index: 2 !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Eski after temizliği */
.header-custom-buttons .bc-i-telegram::after {
    display: none !important;
}

/* HOVER */
@media (hover: hover) {
    .header-custom-buttons .bc-i-telegram:hover {
        background: linear-gradient(135deg, #5cc9ff 0%, #2AABEE 45%, #9be1ff 100%) !important;
        color: #ffffff !important;

        transform: translateY(-2px) !important;

        box-shadow:
            0 6px 28px rgba(42,171,238,.55),
            0 0 55px rgba(92,201,255,.32),
            inset 0 1px 0 rgba(255,255,255,.55) !important;
    }

    .header-custom-buttons .bc-i-telegram:hover::before,
    .header-custom-buttons .bc-i-telegram:hover span {
        color: #ffffff !important;
    }
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* Kayıt Ol Butonu - Kırmızı IDLE + Ekstra Kırmızı Glow */
.btn.register, .btn.btn-color {
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    padding: 0 24px !important;
    height: 38px !important;
    color: #18181b !important;
    background: linear-gradient(135deg, #ab000eb3 0%, #ff192d 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 12px rgb(212 11 11 / 25%), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

@media (hover: hover) {
    .btn.register:hover, .btn.btn-color:hover {
        background: linear-gradient(135deg, #F44336 0%, #ff192d 100%) !important;
        box-shadow: 0 6px 28px rgb(212 11 11 / 45%), 0 0 60px rgba(240, 201, 89, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
        transform: translateY(-2px) !important;
        color: #ffffff !important;
    }
}

.btn.register::before, .btn.btn-color::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%) !important;
    transition: left 0.5s ease !important;
    z-index: 1 !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* Giriş Yap Butonu - Border Beyaz Düşük Opaklık IDLE + Ekstra Kırmızı Glow */
.btn.sign-in {
    padding: 0 22px !important;
    height: 38px !important;
    color: rgb(255 255 255 / 70%) !important;
    background: rgba(240, 201, 89, 0.04) !important;
    border: 1.5px solid rgb(255 255 255 / 26%) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 0 0 0 rgb(211 24 39 / 0%), inset 0 1px 0 rgb(211 23 39 / 7%) !important;
}

@media (hover: hover) {
    .btn.sign-in:hover {
        color: #ffffff !important;
        background: linear-gradient(135deg, #f54136 0%, #fb2a31 50%, #fe1b2d 100%) !important;
        border-color: #d41727 !important;
        box-shadow: 0 4px 20px #F44336, 0 0 40px rgb(244 67 54 / 8%) !important;
        transform: translateY(-1px) !important;
    }
}

.btn.sign-in::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%) !important;
    transition: left 0.5s ease !important;
    z-index: 1 !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */


/* Anasayfa Header Menü Font */
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    padding: 0 20px;
    color: rgba(var(--menu-sc), 1);
    letter-spacing: .1px;
    transition: all var(--default-transition-duration);
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-weight: 500 !important;
}

.nav-menu-container.header-navigation:nth-child(2) {
    background: #10101000 !important;
    border-radius: 0px 0px 4px 4px !important;
}

/* Anasayfa Header Menü Saat Font ve Stil */
.hdr-main-content-bc .infoTime {
    background: rgb(255 255 255 / 0%) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    border: 1px outset #ffffff24 !important;
    height: 38px !important;
    padding: 0px 12px !important;
}

/* Anasayfa Header Menü Burger Menü Stil */
.hdr-toggle-button-bc {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    cursor: pointer;
    transition: color var(--default-transition-duration), background var(--default-transition-duration);
    background: #ffffff00 !important;
    border: 1px outset #ffffff24 !important;
}

/* Anasayfa Casino&Canlı Casino Font ve Size */
.sectionTitleText {
    flex: 1;
    color: rgba(var(--b-sc), var(--fds-ref-alpha-90));
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 18px !important;
    letter-spacing: -0.4px !important;
    text-transform: uppercase !important;
    margin-left: 15px !important;
    font-weight: 500 !important;
}

/* Anasayfa Öne Çıkan Etkinlikler Font */
.view-title-more {
    color: rgb(255 255 255) !important;
    font-size: 18px !important;
    letter-spacing: -0.4px !important;
    text-transform: uppercase !important;
    margin-left: 15px !important;
    margin-bottom: 10px !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-weight: 500 !important;
}

/* Anasayfa Header Menü Yelpaze Font */
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item {
    color: rgba(var(--menu-sc), 1);
    background: linear-gradient(to right, rgb(34 34 34 / 80%), rgb(0 0 0 / 86%)) !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-weight: 500 !important;
}

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

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

.nav-menu-container.header-navigation:first-child .nav-menu-other {
    border-start-end-radius: 0px !important;
    border-end-end-radius: 0px !important;
    text-transform: uppercase;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */


/* ==========================================
   SPOR SAYAÇ / MAÇ SLIDER PREMIUM HOVER
   MAIN SLIDER HARİÇ
   ========================================== */
.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"]) .swiper {
    overflow: hidden !important;
}

.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"]) .swiper-slide {
    overflow: visible !important;
    padding: 0px !important;
    box-sizing: border-box !important;
}

.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
.sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"]) {
    position: relative !important;
    overflow: hidden !important;

    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,.13) !important;

    transition:
        border-color .35s cubic-bezier(.4,0,.2,1),
        box-shadow .35s cubic-bezier(.4,0,.2,1) !important;

    box-shadow:
        0 4px 18px rgba(0,0,0,.28),
        0 0 14px rgba(255,25,45,.08),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
.sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"]) .sdr-item-bc,
.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
.sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"]) .sdr-image-bc {
    border-radius: 15px !important;
    overflow: hidden !important;
}

/* Normalde kırmızı sağda */
.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
.sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"])::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 2 !important;

    background: linear-gradient(
        270deg,
        rgba(255,25,45,.10) 0%,
        rgba(255,25,45,.05) 28%,
        transparent 62%
    ) !important;

    opacity: 1 !important;
    transition: opacity .35s ease !important;
}

/* Hover’da kırmızı sola geçsin */
.layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
.sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"])::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 3 !important;

    background: linear-gradient(
        90deg,
        rgba(255,25,45,.10) 0%,
        rgba(255,25,45,.05) 30%,
        transparent 64%
    ) !important;

    opacity: 0 !important;
    transition: opacity .35s ease !important;
}

@media (hover:hover) {
    .layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
    .sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"]):hover {
        transform: none !important;

        border-color: rgba(255,55,70,.34) !important;

        box-shadow:
            0 10px 26px rgba(0,0,0,.34),
            0 0 22px rgba(255,30,45,.16),
            inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    .layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
    .sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"]):hover::before {
        opacity: 0 !important;
    }

    .layout-content-holder-bc > .hm-row-bc.has-slider:not(:first-child):has(.sdr-item-bc[href*="/tr/sports/pre-match/"])
    .sdr-item-holder-bc:has(> .sdr-item-bc[href*="/tr/sports/pre-match/"]):hover::after {
        opacity: 1 !important;
    }
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* ==========================================
   MAIN SLIDER PREMIUM HOVER
   ========================================== */
.layout-content-holder-bc > .hm-row-bc.has-slider:first-child .slider-bc {

    min-width: 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;

    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,.13) !important;

    transition:
        transform .35s cubic-bezier(.4,0,.2,1),
        border-color .35s cubic-bezier(.4,0,.2,1),
        box-shadow .35s cubic-bezier(.4,0,.2,1) !important;

    box-shadow:
        0 4px 18px rgba(0,0,0,.28),
        0 0 14px rgba(255,25,45,.08),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* ==========================
   NORMAL (KIRMIZI SAĞDA)
   ========================== */

.layout-content-holder-bc > .hm-row-bc.has-slider:first-child .slider-bc::before {

    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;
    z-index: 2 !important;

    background: linear-gradient(
        270deg,
        rgba(255,25,45,.10) 0%,
        rgba(255,25,45,.05) 28%,
        transparent 62%
    ) !important;

    opacity: 1 !important;
    transition: opacity .35s ease !important;
}

/* ==========================
   HOVER (KIRMIZI SOLDA)
   ========================== */

.layout-content-holder-bc > .hm-row-bc.has-slider:first-child .slider-bc::after {

    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;
    z-index: 3 !important;

    background: linear-gradient(
        90deg,
        rgba(255,25,45,.10) 0%,
        rgba(255,25,45,.05) 30%,
        transparent 64%
    ) !important;

    opacity: 0 !important;
    transition: opacity .35s ease !important;
}

/* ==========================
   HOVER
   ========================== */

@media (hover:hover) {

.layout-content-holder-bc > .hm-row-bc.has-slider:first-child .slider-bc:hover {

    transform: translateY(-3px) scale(1.004) !important;

    border-color: rgba(255,55,70,.34) !important;

    box-shadow:
        0 10px 26px rgba(0,0,0,.34),
        0 0 22px rgba(255,30,45,.16),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.layout-content-holder-bc > .hm-row-bc.has-slider:first-child .slider-bc:hover::before {

    opacity: 0 !important;

}

.layout-content-holder-bc > .hm-row-bc.has-slider:first-child .slider-bc:hover::after {

    opacity: 1 !important;

}

}

/* Anasayfa Slider Buton Stil ve Pozisyon */
[class*=is-web][dir=ltr] .slider-bc .carouselCountEnable .swiper-button-prev, [class*=is-web][dir=ltr] .slider-bc .carouselCountEnable .swiper-button-next, [class*=is-web][dir=ltr] .slider-bc .carouselCountEnable .swiper-pagination {
    left: revert-rule !important;
}

/* Anasayfa Slider Buton Stil ve Pozisyon */
.slider-bc .carouselCountEnable .swiper-pagination {
    color: #ffffffe6;
    display: none !important;
}

[class*=is-web] .slider-bc .carouselCountEnable .swiper-button-prev,
[class*=is-web] .slider-bc .carouselCountEnable .swiper-button-next {
    transition:
        transform .3s ease,
        backdrop-filter .3s ease,
        box-shadow .3s ease,
        background-color .3s ease !important;
}

[class*=is-web] .slider-bc .carouselCountEnable .swiper-button-prev:hover,
[class*=is-web] .slider-bc .carouselCountEnable .swiper-button-next:hover {
    transform: scale(1.08) !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;

    background-color: rgba(255,255,255,.08) !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Anasayfa Slider Buton Stil ve Pozisyon */
[class*=is-web][dir=ltr] .slider-bc .carouselCountEnable .swiper-button-next {
    right: 30px !important;
}

/* Anasayfa Slider Buton Stil ve Pozisyon */
[class*=is-web] .slider-bc .carouselCountEnable .swiper-button-prev, [class*=is-web] .slider-bc .carouselCountEnable .swiper-button-next {
    top: 15px !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 130px;
    font-weight: 700;
    border-radius: 50%;
    background: #0000005e !important;
    backdrop-filter: blur(5px) !important;
    border: 1px inset #ffffff29 !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */


/*--------- Slider CSS Alanı----------*/
 /*
.hm-row-bc.has-slider > div:first-child .slider-bc {
    border-radius: 15px !important;
    border: 2px solid rgba(255,255,255,.10) !important;

    transition:
        transform .4s cubic-bezier(.22,.61,.36,1),
        box-shadow .4s ease !important;
}

.hm-row-bc.has-slider > div:first-child .slider-bc:hover {
    transform: translateY(-4px) !important;

    box-shadow:
        0 20px 40px rgba(0,0,0,.50),
        0 8px 25px rgba(209,28,42,.12) !important;
}

.slider-bc .swiper-slide {
    transition:
        transform .4s cubic-bezier(.22,.61,.36,1),
        filter .4s ease !important;
}

.slider-bc .swiper-slide:hover {
    transform: translateY(-4px) scale(1.01) !important;
    filter: drop-shadow(0 18px 32px rgba(0,0,0,.45)) !important;
}
*/
/*--------- Slider CSS Alanı----------*/


/*--------- Anasayfa Product Banner ----------*/

.product-banner-info-bc {
    transition:
        transform .35s ease,
        filter .35s ease !important;
}

.product-banner-img-bc {
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-sizing: border-box !important;

    transition:
        transform .35s ease,
        filter .35s ease,
        border-color .35s ease,
        box-shadow .35s ease !important;
}

.product-banner-info-bc:hover {
    transform: translateY(-3px) !important;
}

.product-banner-info-bc:hover .product-banner-img-bc {
    transform: scale(1.025) !important;
    border-color: rgba(209,28,42,.28) !important;

    filter: brightness(1.08) contrast(1.05) saturate(1.08) !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.30),
        0 0 18px rgba(209,28,42,.20),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.product-banner-info-bc.product-banner-bc {
    border-radius: 10px !important;
    transition: .28s ease !important;
}

.product-banner-info-bc.product-banner-bc:hover {
    border-color: rgba(209,28,42,.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 1px rgba(209,28,42,.08),
        0 8px 24px rgba(0,0,0,.25),
        0 0 18px rgba(209,28,42,.18) !important;

    transform: translateY(-2px) !important;
}

/*--------- Anasayfa Product Banner ----------*/
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */


/* Anasayfa Daraltma Padding */
.layout-content-holder-bc, .layout-footer-holder-bc {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 100% !important;
    margin: 15px auto !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* ==========================================
   LOGIN POPUP - GİRİŞ BUTONU (PREMIUM GLASS)
   ========================================== */

.entrance-form-actions-holder-bc.login-ext-1
.entrance-form-action-item-bc.right
button.btn.a-color[type="submit"] {

    width: 100% !important;
    height: 38px !important;
    padding: 0 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;

    color: rgba(255,255,255,.72) !important;

    background: rgba(255,255,255,.025) !important;
    backdrop-filter: blur(8px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(120%) !important;

    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 8px !important;

    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;

    transition: all .35s cubic-bezier(.4,0,.2,1) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 4px 12px rgba(0,0,0,.15) !important;
}

/* ==========================================
   HOVER
   ========================================== */

@media (hover:hover) {

.entrance-form-actions-holder-bc.login-ext-1
.entrance-form-action-item-bc.right
button.btn.a-color[type="submit"]:hover {

    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #ff3b4d 0%,
        #ff0018 45%,
        #ff6b78 100%
    ) !important;

    border-color: rgba(255,70,90,.45) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 24px rgba(255,25,45,.32),
        0 0 26px rgba(255,59,77,.14),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
  }
}

/* Promosyonlar Bonus Başlıkları Font */
.promotions-article-title {
    color: rgb(255 255 255 / 70%) !important;
    background: #ffffff12 !important;
    font-size: 14px !important;
    text-align: center !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* ==========================================
   PROMOTION CATEGORY BAR - PREMIUM TABS
   ========================================== */

.promotion-horizontal-sl-list-bc {
    padding: 8px 0 !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-wheel {
    gap: 7px !important;
    align-items: center !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
    height: 38px !important;
    padding: 0 13px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border-radius: 8px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.08) 0%,
            rgba(255,255,255,.035) 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.07) !important;

    color: rgba(255,255,255,.62) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 3px 10px rgba(0,0,0,.18) !important;

    transition:
        transform .35s cubic-bezier(.4,0,.2,1),
        background .35s cubic-bezier(.4,0,.2,1),
        border-color .35s cubic-bezier(.4,0,.2,1),
        box-shadow .35s cubic-bezier(.4,0,.2,1),
        color .35s cubic-bezier(.4,0,.2,1) !important;

    position: relative !important;
    overflow: hidden !important;
}

/* Hafif kırmızı ambient */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;

    background: linear-gradient(
        90deg,
        rgba(255,25,45,.075) 0%,
        transparent 58%
    ) !important;

    opacity: 0 !important;
    transition: opacity .35s ease !important;
}

/* İkon + yazı */
.promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-title-bc {
    position: relative !important;
    z-index: 2 !important;
    transition: color .35s ease, opacity .35s ease, transform .35s ease !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc {
    font-size: 15px !important;
    color: rgba(255,255,255,.56) !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-title-bc {
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
}

/* Aktif tab */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    background: linear-gradient(135deg, #ab000e 0%, #ff192d 100%) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #111111 !important;

    box-shadow:
        0 6px 20px rgba(255,25,45,.00),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-title-bc {
    color: #111111 !important;
    opacity: 1 !important;
}

/* Hover */
@media (hover:hover) {
    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
        transform: translateY(-2px) !important;

        background:
            linear-gradient(
                135deg,
                rgba(255,255,255,.12) 0%,
                rgba(255,255,255,.055) 100%
            ) !important;

        border-color: rgba(255,55,70,.24) !important;

        color: rgba(255,255,255,.88) !important;

        box-shadow:
            0 7px 18px rgba(0,0,0,.28),
            0 0 18px rgba(255,25,45,.10),
            inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover::after {
        opacity: 1 !important;
    }

    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-icon-bc,
    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-title-bc {
        color: #ffffff !important;
    }

    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active:hover {
        background: linear-gradient(135deg, #ff3b4d 0%, #ff0018 45%, #ff6b78 100%) !important;

        box-shadow:
            0 8px 24px rgba(255,25,45,.42),
            0 0 34px rgba(255,59,77,.20),
            inset 0 1px 0 rgba(255,255,255,.32) !important;
    }

    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active:hover .horizontal-sl-icon-bc,
    .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active:hover .horizontal-sl-title-bc {
        color: #ffffff !important;
    }
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* =========================================================
   PROMOSYON KARTLARI - PREMIUM HOVER (WEB)
   ========================================================= */

@media (min-width: 769px) {

    /* Kart */
    .promotionsListEl-bc {
        display: flex !important;
        flex-direction: column !important;
        cursor: pointer !important;

        position: relative !important;
        overflow: hidden !important;

        border: 1px outset #ffffff2b !important;
        border-radius: 10px !important;

        transition:
            border-color .35s cubic-bezier(.4,0,.2,1),
            box-shadow .35s cubic-bezier(.4,0,.2,1) !important;
    }

    /* Görsel */
    .promotionsArticleThumbnail-bc {
        transition:
            transform .35s cubic-bezier(.4,0,.2,1),
            filter .35s cubic-bezier(.4,0,.2,1) !important;
    }

    /* Glass panel */
    .promotionsListEl-bc::before {

        content: "" !important;

        position: absolute !important;

        left: 80% !important;
        bottom: 40px !important;

        width: 120px !important;
        height: 26px !important;

        transform: translate(-50%,120%) !important;
        opacity: 0 !important;

        border-radius: 8px !important;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.09),
                rgba(255,255,255,.03)
            ) !important;

        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;

        border: 1px solid rgba(255,255,255,.08) !important;

        transition:
            transform .35s cubic-bezier(.4,0,.2,1),
            opacity .35s cubic-bezier(.4,0,.2,1) !important;

        pointer-events: none !important;
        z-index: 4 !important;
    }

    /* DETAYLAR PNG */
    .promotionsListEl-bc::after {

        content: "" !important;

        position: absolute !important;

        left: 80% !important;
        bottom: 34px !important;

        width: 110px !important;
        height: 40px !important;

        background-image: url("https://cmsbetconstruct.com/storage/medias/ikonbet33/media_1868509_3ab15ec1329adb54a3f3cbc90a4bf30c.gif") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        transform: translate(-50%,120%) scale(.96) !important;
        opacity: 0 !important;

        transition:
            transform .35s cubic-bezier(.4,0,.2,1),
            opacity .35s cubic-bezier(.4,0,.2,1) !important;

        filter: drop-shadow(0 8px 18px rgba(0,0,0,.45)) !important;

        pointer-events: none !important;
        z-index: 5 !important;
    }

    /* Hover */
    .promotionsListEl-bc:not(.promotion-large):hover {

        border-color: rgba(255,55,70,.28) !important;

        box-shadow:
            0 8px 22px rgba(0,0,0,.28),
            0 0 18px rgba(255,25,45,.10) !important;
    }

    .promotionsListEl-bc:not(.promotion-large):hover .promotionsArticleThumbnail-bc {

        transform: scale(1.035) !important;

        filter:
            brightness(.82)
            contrast(1.04) !important;
    }

    .promotionsListEl-bc:not(.promotion-large):hover::before {

        transform: translate(-50%,0) !important;
        opacity: 1 !important;
    }

    .promotionsListEl-bc:not(.promotion-large):hover::after {

        transform: translate(-50%,0) scale(1) !important;
        opacity: 1 !important;
    }

}

.promotion-details-info iframe {
    width: 100% !important;
    min-height: 800px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.03) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 35px rgba(0,0,0,.30) !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* =========================================================
   PROMOTION POPUP - CLEAN GLASS FINAL
   Archivo + Archivo Narrow
   Gift Icon / No Rotate
   ========================================================= */
.popup-holder-bc {
    background: rgba(0,0,0,.65) !important;
}

.promotion-details-popup,
.promotion-details-popup * {
    font-family: "Archivo", Arial, sans-serif !important;
}

.promotion-details-popup.windowed .popup-inner-bc {
    width: 100% !important;
    max-width: 550px !important;
    height: 90vh !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.popup-inner-bc {
    background:
        radial-gradient(circle at 85% 0%, rgba(209,28,42,.18), transparent 34%),
        linear-gradient(180deg, rgba(34,34,34,.92), rgba(0,0,0,.96)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 30px 90px rgba(0,0,0,.78),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
}

.overlay-header {
    background: rgb(28 28 28 / 50%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.back-nav-title-bc-h1 {
    color: #fff !important;
    font-family: "Archivo Narrow", "Archivo", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}

.promotion-details-container {
    display: grid !important;
    grid-template-columns: 550px !important;
    justify-content: center !important;
    height: calc(100% - 49px) !important;
    padding: 0 !important;
}

.promotion-details-header {
    position: relative !important;
}

.promotion-details-header::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 80px !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0 0 0 / 10%), rgb(0 0 0 / 10%)) !important;
}

.promotion-details-img {
    width: 100% !important;
    display: block !important;
}

.promotion-details-info {
    padding: 32px 40px 44px !important;
    background: radial-gradient(circle at 100% 69%, rgb(209 28 42 / 20%), #00000000 30%), linear-gradient(0deg, rgb(255 255 255 / 10%), rgb(0 0 0 / 10%)) !important;
}

.promotion-details-info > h3 {
    display: none !important;
}

/* CONTENT */

.promo-glass-content {
    width: 100% !important;
}

.promo-intro {
    margin-bottom: 24px !important;
}

.promo-intro span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: rgba(255,255,255,.45) !important;
    font-family: "Archivo Narrow", "Archivo", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

.promo-intro h2 {
    margin: 0 0 9px !important;
    color: #cf2835 !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    text-shadow: 0 0 22px rgba(209, 28, 42, .26) !important;
}

.promo-intro p {
    margin: 0 !important;
    color: rgba(255,255,255,.75) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
}

.promo-bonus-block {
    margin-top: 22px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.promo-bonus-title {
    margin-bottom: 13px !important;
}

.promo-bonus-title small {
    display: inline-flex !important;
    align-items: center !important;
    height: 21px !important;
    padding: 0 10px !important;
    margin-bottom: 8px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-family: "Archivo Narrow", "Archivo", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .55px !important;
    background: linear-gradient(90deg, #d11c2a, #7b111b) !important;
    box-shadow: 0 0 18px rgba(209,28,42,.25) !important;
}

.promo-bonus-title h3 {
    margin: 0 !important;
    color: rgba(255, 255, 255, .92) !important;
    font-family: "Archivo", "Archivo", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.35px !important;
}

/* SPOILER */

.promotion-details-info .spoiler {
    position: relative !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.promotion-details-info .spoiler input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 46px !important;
    opacity: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    display: block !important;
}

.promotion-details-info .spoiler-title {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
    color: rgba(255, 255, 255, .90) !important;
    font-family: "Archivo Narrow", "Archivo", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .25px !important;
    background: linear-gradient(90deg, rgba(209, 28, 42, .17), transparent 58%), rgba(255, 255, 255, .035) !important;
    padding-left: 45px !important;
}

.promotion-details-info .spoiler-toggle,
.promotion-details-info .hide-icon {
    display: none !important;
}

.promotion-details-info .spoiler-title::before {
    content: "🎁" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: .55 !important;
    filter: grayscale(100%) brightness(.85) !important;
    transform: none !important;
    transition: opacity 220ms ease, filter 220ms ease, text-shadow 220ms ease !important;
    padding: 13px !important;
}

.promotion-details-info .spoiler:hover .spoiler-title::before {
    opacity: .9 !important;
    filter: grayscale(75%) brightness(1.25) !important;
}

.promotion-details-info .spoiler input:checked + .spoiler-title::before {
    opacity: 1 !important;
    filter: grayscale(0%) brightness(1.05) saturate(1.35) !important;
    text-shadow: 0 0 12px rgba(209,28,42,.55) !important;
}

.promotion-details-info .spoiler-content {
    display: none !important;
    padding: 17px 18px 20px !important;
    background: linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.38)) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-sizing: border-box !important;
}

.promotion-details-info .spoiler input:checked ~ .spoiler-content {
    display: block !important;
}

.promotion-details-info .spoiler-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 13px !important;
    line-height: 1.78 !important;
    font-weight: 500 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

@media screen and (min-width: 1024px) {
    .promotion-details-info .spoiler {
        transition: 240ms ease !important;
    }

    .promotion-details-info .spoiler:hover {
        transform: translateY(-1px) !important;
        border-color: rgba(209,28,42,.35) !important;
        box-shadow:
            0 18px 38px rgba(0,0,0,.36),
            0 0 24px rgba(209,28,42,.12),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }
}

@media screen and (max-width: 768px) {
    .promotion-details-popup.windowed .popup-inner-bc {
        max-width: calc(100vw - 12px) !important;
        height: 90vh !important;
        border-radius: 12px !important;
    }

    .promotion-details-container {
        grid-template-columns: 100% !important;
    }

    .promotion-details-info {
        padding: 26px 18px 34px !important;
    }

    .promo-intro {
        margin-bottom: 22px !important;
    }

    .promo-intro h2 {
        font-size: 19px !important;
    }

    .promo-intro p {
        font-size: 13px !important;
    }

    .promo-bonus-block {
        margin-top: 22px !important;
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .promo-bonus-title h3 {
        font-size: 15.5px !important;
    }

    .promotion-details-info .spoiler-title {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 13px !important;
        font-size: 12.8px !important;
    }

    .promotion-details-info .spoiler input {
        height: 44px !important;
    }

    .promotion-details-info .spoiler-content {
        padding: 15px 14px 17px !important;
    }

    .promotion-details-info .spoiler-content p {
        font-size: 12.6px !important;
        line-height: 1.68 !important;
    }
}

/* Popup kapatma icon fix */
.promotion-details-popup .e-p-close-icon-bc,
.promotion-details-popup .c-icon-close-remove,
.promotion-details-popup .bc-i-close-remove,
.promotion-details-popup .e-p-close-icon-bc::before,
.promotion-details-popup .c-icon-close-remove::before,
.promotion-details-popup .bc-i-close-remove::before {
    font-family: BetConstruct-Icons !important;
    color: rgba(255,255,255,.72) !important;
}

.promotion-details-popup .e-p-close-icon-bc:hover,
.promotion-details-popup .c-icon-close-remove:hover,
.promotion-details-popup .bc-i-close-remove:hover {
    color: #ffffff !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

img.verify-logo {
    height: 70px!important;
    margin-left: 5.5px!important;
}

html {
  background: #211E1E !important;
}

body {
    position: relative;
    background-color: rgb(20 20 20) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
}

.header-bc {
    width: 100%;
    background: #10101000 !important;
}

.nav-content-bc {
    background: rgb(0 12 36 / 0%) !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgba(var(--menu), 1);
}

.nav-menu-container .nav-menu-sub {
    background: #0e0e0eba !important;
    backdrop-filter: blur(5px) !important;
    border-top: 1px inset rgb(255 255 255 / 20%) !important;
}

.countdown-banner-content {
    padding: 10px !important;
    background: #18181800 !important;
    justify-content: center !important;
    position: absolute !important;
    border-radius: 10px !important;
    backdrop-filter: blur(5px) !important;
}

.countdown-banner-date {
    font-size: 26px !important;
    line-height: 24px !important;
    font-weight: 1000 !important;
}

.countdown-banner-names {
    text-transform: capitalize !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
}

[dir=ltr] .countdown-banner-counter+.countdown-banner-counter:before {
    margin-top: 5px !important;
}

.layout-header-holder-bc {
    background: linear-gradient(90deg, #231f1e00, #0a0a0ae0, #231f1e00) !important;
    box-shadow: 0px 10px 20px 0px #000000d1 !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 1px outset rgb(255 255 255 / 20%);
}

.nav-menu-container.header-navigation:first-child {
    background: #ffffff00 !important;
    background-color: #ffffff00 !important;
    background-size: 400% 400% !important;
    animation-duration: 20s !important;
    animation-iteration-count: infinite !important;
    animation-name: gradientShift !important;
}

@keyframes gradientShift {
    0%   {background-position: 0 0;}
    25% {background-position: 50% 0;}
    50% {background-position: 90% 0;}
    60% {background-position: 60%;}
    75% {background-position: 40%;}
    100%  {background-position: 0 0;}
}



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

.layout-footer-holder-bc {
    background: #ffffff00 !important;
}

[dir=ltr] .horizontalSliderNav:last-child:after {
    right: 0;
    background-image: linear-gradient(to left, rgb(31 31 31) 0%, transparent 100%) !important;
}

[dir=ltr] .horizontalSliderNav:first-child:after {
    left: 0;
    background-image: linear-gradient(to left, rgb(31 31 31) 0%, transparent 100%) !important;
}

.layout-footer-holder-bc {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* ==========================================
   ---------   Footer Clock CSS   -------
   ========================================== */
.infoTime {
    background: rgb(255 255 255 / 0%) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    border: 1px outset #ffffff24 !important;
    height: 38px !important;
    padding: 0px 12px !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

/* ===================================================
   FOOTER SOCIAL ICONS - GLASS IDLE + BRAND HOVER
   =================================================== */

.footerSocialLinks {
    gap: 10px !important;
}

.footerSocialLink a {
    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    overflow: hidden !important;

    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 4px 14px rgba(0,0,0,.22) !important;

    transition: all .35s cubic-bezier(.4,0,.2,1) !important;
}

.footerSocialLink a::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background: radial-gradient(
        circle at 50% 100%,
        rgba(255,25,45,.16),
        transparent 70%
    ) !important;

    opacity: .38 !important;
    transition: all .35s cubic-bezier(.4,0,.2,1) !important;
    pointer-events: none !important;
}

.footerSocialLink i {
    color: rgba(255,255,255,.62) !important;
    font-size: 18px !important;
    position: relative !important;
    z-index: 2 !important;

    transition: all .35s cubic-bezier(.4,0,.2,1) !important;
}

/* HOVER GENEL */

@media (hover:hover) {

    .footerSocialLink a:hover {
        transform: translateY(-3px) scale(1.04) !important;

        background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.032)) !important;

        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            inset 0 1px 0 rgba(255,255,255,.09) !important;
    }

    .footerSocialLink a:hover i {
        transform: translateY(-1px) scale(1.08) !important;
        color: #ffffff !important;
    }

    /* X / Twitter */
    .footerSocialLink a[href*="x.com"]:hover,
    .footerSocialLink a[href*="twitter.com"]:hover {
        border-color: rgba(255,255,255,.24) !important;
        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            0 0 22px rgba(255,255,255,.16),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .footerSocialLink a[href*="x.com"]:hover::after,
    .footerSocialLink a[href*="twitter.com"]:hover::after {
        background: radial-gradient(circle at 50% 100%, rgba(255,255,255,.22), transparent 70%) !important;
        opacity: 1 !important;
    }

    /* Telegram */
    .footerSocialLink a[href*="t.me"]:hover,
    .footerSocialLink a[href*="telegram"]:hover {
        border-color: rgba(42,171,238,.35) !important;
        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            0 0 24px rgba(42,171,238,.24),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .footerSocialLink a[href*="t.me"]:hover::after,
    .footerSocialLink a[href*="telegram"]:hover::after {
        background: radial-gradient(circle at 50% 100%, rgba(42,171,238,.28), transparent 70%) !important;
        opacity: 1 !important;
    }

    .footerSocialLink a[href*="t.me"]:hover i,
    .footerSocialLink a[href*="telegram"]:hover i {
        color: #2AABEE !important;
        text-shadow: 0 0 12px rgba(42,171,238,.35) !important;
    }

    /* Instagram */
    .footerSocialLink a[href*="instagram"]:hover {
        border-color: rgba(225,48,108,.35) !important;
        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            0 0 24px rgba(225,48,108,.24),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .footerSocialLink a[href*="instagram"]:hover::after {
        background: radial-gradient(circle at 50% 100%, rgba(225,48,108,.30), transparent 70%) !important;
        opacity: 1 !important;
    }

    .footerSocialLink a[href*="instagram"]:hover i {
        color: #E1306C !important;
        text-shadow: 0 0 12px rgba(225,48,108,.35) !important;
    }

    /* YouTube */
    .footerSocialLink a[href*="youtube"]:hover,
    .footerSocialLink a[href*="youtu.be"]:hover {
        border-color: rgba(255,0,0,.35) !important;
        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            0 0 24px rgba(255,0,0,.22),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .footerSocialLink a[href*="youtube"]:hover::after,
    .footerSocialLink a[href*="youtu.be"]:hover::after {
        background: radial-gradient(circle at 50% 100%, rgba(255,0,0,.28), transparent 70%) !important;
        opacity: 1 !important;
    }

    .footerSocialLink a[href*="youtube"]:hover i,
    .footerSocialLink a[href*="youtu.be"]:hover i {
        color: #ff0000 !important;
        text-shadow: 0 0 12px rgba(255,0,0,.35) !important;
    }

    /* Discord */
    .footerSocialLink a[href*="discord"]:hover {
        border-color: rgba(88,101,242,.35) !important;
        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            0 0 24px rgba(88,101,242,.24),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .footerSocialLink a[href*="discord"]:hover::after {
        background: radial-gradient(circle at 50% 100%, rgba(88,101,242,.30), transparent 70%) !important;
        opacity: 1 !important;
    }

    .footerSocialLink a[href*="discord"]:hover i {
        color: #5865F2 !important;
        text-shadow: 0 0 12px rgba(88,101,242,.35) !important;
    }

}

.footerSocialLink:hover {
    background-color: rgb(255 255 255 / 0%) !important;
}

.footerSocialLink {
    background-color: rgb(255 255 255 / 0%) !important;
}
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */

[dir=ltr] .horizontal-sl-list.scroll-start.scroll-end:after, [dir=ltr] .horizontal-sl-list.scroll-start:after, [dir=ltr] .horizontal-sl-tab.scroll-start.scroll-end:after, [dir=ltr] .horizontal-sl-tab.scroll-start:after {
    background: linear-gradient(270deg,#282828 0,transparent) !important;
}

.sdr-item-bc:before {
    background: linear-gradient(180deg,transparent 62%,rgb(0 0 0 / 15%)) !important;
}

.left-menu-container {
    background: #101010 !important;
}

.left-menu-scroll>.sp-sub-list-bc.active>.sp-s-l-head-bc {
    background: #282828 !important;
}

.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc {
    background: #3e3e3e !important;
}

.ss-input-bc {
    background: #1c1c1c !important;
}

.sgm-markets-head-bc {
    background: #1c1c1c !important;
}

.sgm-market-g-head-bc {
    background: #282828 !important;
}

.sgm-market-g-item-bc>.market-bc.m-g-header {
    background: #484848 !important;
}

.market-bc {
    background: #0a0a0aba !important;
    border: 1px inset #ffffff24 !important;
    font-family: "Archivo Narrow", Arial, sans-serif !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover {
    color: rgb(153 153 153) !important;
    background: rgb(255 255 255 / 32%) !important;
}

[class*=is-web] .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc:not(.disabled-market-bc,.m-g-header):hover {
    background: rgba(var(--hero), 1);
}

.game-details-section .live-page-sections-bc:first-child {
    background: #282828 !important;
}

.horizontal-sl-tab {
    background: #3e3e3e !important;;
}

.sportsbook .sgm-market-search {
    box-shadow: 0 0 0 2px #3a3a3a !important;
    background: #3e3e3e !important;
}

.sidePanel-holder {
    background: #181818 !important;
    border-top: #464646 !important;
}

.sidePanel-holder .overlay-header {
    background: #181818 !important;
    border-bottom: 1px solid #303030 !important;
}

.multi-column-view.multi-column-view-expanded .multi-column-resize-block {
    background: #101010 !important;
}

.bs-inputs-bc {
    background: #343434 !important;
}

[dir=ltr] .horizontal-sl-list.scroll-end:before, [dir=ltr] .horizontal-sl-list.scroll-start.scroll-end:before, [dir=ltr] .horizontal-sl-tab.scroll-end:before, [dir=ltr] .horizontal-sl-tab.scroll-start.scroll-end:before {
    left: 0;
    background: linear-gradient(90deg,#1c1c1c 0,transparent) !important;
}

[dir=ltr] .horizontal-sl-list.scroll-start.scroll-end:after, [dir=ltr] .horizontal-sl-list.scroll-start:after, [dir=ltr] .horizontal-sl-tab.scroll-start.scroll-end:after, [dir=ltr] .horizontal-sl-tab.scroll-start:after {
    right: 0;
    background: linear-gradient(270deg,#1c1c1c 0,transparent) !important;
}

.second-tabs-bc .tab-bc.active, .second-tabs-bc .tab-bc:hover {
    background: #282828 !important;
}

.multi-select-label-bc {
    background: #282828 !important;
}

.sgm-market-search .sport-search-bc .ss-icon-holder-bc {
    background: #484848 !important;
}

.games-markets-columns-switcher {
    background: #484848 !important;
}

.compact-footer .footer-bc {
    background: #101010 !important;
}

.compact-footer .open-footer-icon {
    background: #101010 !important;
}

.layout-bc:not(.slider-full-sized) .slider-market-coefficient-container .countdown-banner-content {
    bottom: 0px !important;
}

.compact-mode {
    min-width: 94px !important;
}

.layout-bc.smart-panel-is-visible .hdr-toggle-button-bc {
    color: rgb(255 255 255) !important;
    background: rgb(68 68 68) !important;
}

.popup-inner-bc {
    background: linear-gradient(360deg, #ffffff0f, #000000a6) !important;
    border: 1px solid rgb(68 52 52) !important;
    backdrop-filter: blur(20px) saturate(130%) !important;
    border-radius: 10px !important;
}

.hdr-smart-panel-holder-bc {
    background: linear-gradient(45deg, #00000000, #000000) !important;
    backdrop-filter: blur(5px) !important;
}

.hdr-smart-panel-holder-arrow-bc:after {
    border-color: #00000000 #00000000 rgb(52 52 52) !important;
}

.featuredGameItem {
    background-color: rgb(0 0 0 / 0%) !important;
}

.featuredGameItemBody {
    background: rgb(16 16 16 / 50%) !important;
}

.featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc {
    background: rgb(255 255 255 / 3%) !important;
    box-shadow: inset 0px 0px 2px #ffffff3d !important;
}

.swiper-slide {
    border-radius: 10px !important;
    overflow: hidden;
}

.featuredGameItemPlayer {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: rgba(var(--b-sc), 1);
    font-family: 'Archivo' !important;
    text-transform: capitalize !important;
}

[dir=ltr] .featuredGamesContent .carouselWrapper .swiper-button-next {
    background: linear-gradient(270deg, rgb(28 28 28), rgba(var(--b), 0)) !important;
    border-radius: 10px !important;
}

[dir=ltr] .featuredGamesContent .carouselWrapper .swiper-button-prev {
    background: linear-gradient(90deg, rgb(28 28 28), rgba(var(--b), 0)) !important;
    border-radius: 10px !important;
}

.form-control-fine-name-bc, .form-control-input-bc, .form-control-label-file-bc, .form-control-select-bc, .form-control-textarea-bc {
    background: #00000040 !important;
}

.compact-mode .multi-select-label-bc {
    background: #101010 !important;
}

.betslip-bc.full.Full {
    background: linear-gradient(0deg, #000000d4, #353535ad) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 10px !important;
    border: 1px solid rgb(107 107 107) !important;
}

.ss-icon-holder-bc {
    background: rgb(40 40 40) !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: rgb(16 16 16) !important;

}

.sportsbook-container.multi-column-view .multi-column-resize-block {
    background: rgb(16 16 16) !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover {
    color: rgb(153 153 153) !important;
    background: rgb(255 255 255 / 32%) !important;
}

.market-bc.active {
    color: rgba(var(--hero-sc), 1) !important;
    background: linear-gradient(45deg, #c41929, #940811) !important;
}

.casinoProviderRow {
    background: rgb(16 16 16 / 34%) !important;
    backdrop-filter: blur(10px) !important;
}

.casinoGameListBlockHeader {
    background: rgb(16 16 16 / 34%) !important;
    backdrop-filter: blur(10px) !important;
}

[class*=is-web] .casinoCategoryChooserContainer {
    background: rgb(16 16 16 / 34%) !important;
    backdrop-filter: blur(10px) !important;
}

[class*=is-web] .searchInputWrp {
    background-color: rgb(16 16 16) !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper {
    background: rgb(16 16 16) !important;
}

.tournamentSectionInfoTxt:after {
    background: linear-gradient(0deg, rgb(16 16 16), rgba(var(--b), 0)) !important;
}

[class*=is-web] .horizontalCategoryItem {
    background: linear-gradient(0deg, black, transparent) !important;
    border-radius: 10px !important;
    border: 1px solid rgb(255 255 255 / 22%) !important;
}

.sidebar-container {
    border-radius: 10px !important;
    background-color: rgb(30 30 30) !important;
}

[class*=is-web] .sgm-market-g-h-fav-icon-wrapper {
    background: rgb(40 40 40) !important;
}

[class*=is-web] .sgm-market-g-h-fav-icon-bc {
    background: rgb(255 255 255 / 0%) !important;
}

.sidePanel-holder .overlay-header {
    background: #181818 !important;
}

.sidePanel-holder {
    background: #181818 !important;
}

.multi-column-view.multi-column-view-expanded .multi-column-resize-block {
    background: #101010 !important;
}

.sportsbook .sgm-market-search {
    box-shadow: 0 0 0 2px #3a3a3abf !important;
    background: #282828 !important;
}

.dep-w-info-bc .m-block-nav-items-bc {
    background: #181818 !important;
}

.header-user-nav>.nav-menu-other>li:hover>a {
    background: #3e3e3e !important;
}

.header-user-nav .nav-menu-sub {
    background: #3e3e3e !important;
}

.product-banner-info-bc:before {
    background: #18181800 !important;
}

.ftr-age-bc {
    margin-top: 20px !important;
    border-width: 2px !important;
    line-height: 50px !important;
}

.ftr-age-bc {
    width: 55px !important; 
    height: 55px !important;
    color: #fff !important;
    border-color: #2e2e2e !important;
    font-size: 16px !important;
}

.historyList-thead {
    background: #181818 !important;
}

.ftr-game-item-bc {
    background-image: url(/static/media/feature-game-bg.0be6bce5.png);
    background-color: #101010 !important;
}

.header-icon>img {
    width: 500% !important;
}

.status-popup-content-w-bc {
    background: rgb(0 0 0 / 0%) !important;
    backdrop-filter: blur(3px) !important;
}

a.sliderImage[href*="gamecheck.com/tr"] img {
      filter: none !important;
      opacity: 1 !important;
      transition: none !important;
  }

a.sliderImage[href*="gamecheck.com/tr"]:hover img {
      filter: none !important;
      opacity: 1 !important;
  }

/* ==========================================
   ---------   DMCA BADGE CSS   -------
   ========================================== */

  /* ===== DMCA Badge ===== */

  /* Seal görünür sayfalarda (anasayfa + promosyonlar): DMCA sola kayık */
  body:has(.layout-bc.is-home-page, .layout-bc.promotion-page) a.sliderImage[href*="dmca.com"] {
    height: 64px !important;
    left: 0;
    position: relative;
  }

  /* Seal gizli sayfalarda (casino, sport, vs.): DMCA normal pozisyon */
  body:not(:has(.layout-bc.is-home-page, .layout-bc.promotion-page)) a.sliderImage[href*="dmca.com"] {
    height: 64px !important;
    left: 0;
    position: relative;
  }

  a.sliderImage[href*="dmca.com"] img {
    height: 100% !important;
  }

  .dmca-badge {
    display: none !important;
  }

  .sliderSingleElWrapper:last-child {
    display: none;
  }
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */


/* ==========================================
   ---------   TUST SEAL CSS   -------
   ========================================== */

  /* ===== Trust Seal ===== */

  /* Base pozisyon */
  #trust-seal-container {
    position: absolute !important;
    bottom: 170px;
    left: calc(50% + 80.875px);
    transform: translateX(-50%);
    opacity: 0;
    animation: fadeIn 0.3s ease 2s forwards;
  }

  /* Anasayfa ve promosyon sayfalarında göster */
  body:has(.layout-bc.is-home-page, .layout-bc.promotion-page) > #trust-seal-container {
    visibility: visible;
  }

  /* Casino scroll lock durumunda gizle */
  body:has(.layout-bc.casino-lock-scroll) > #trust-seal-container {
    visibility: hidden;
  }

  /* Diğer tüm sayfalarda gizle */
  body:not(:has(.layout-bc.is-home-page, .layout-bc.promotion-page)) > #trust-seal-container {
    visibility: hidden;
  }

 @keyframes fadeIn {
      to {
          opacity: 1;
      }
  }
/* ==========================================
   ---------   END SECTION OF CLASS   -------
   ========================================== */