body {
    /* HERO */
    --hero: 236, 44, 233 !important;          /* #ec2ce9 */
    --hero-hover: 236, 44, 233 !important;
    --hero-sc: 254, 254, 254 !important;      /* #fefefe */

    /* BRAND */
    --brand: 236, 44, 233 !important;
    --brand-hover: 236, 44, 233 !important;
    --brand-sc: 254, 254, 254 !important;

    /* SECONDARY */
    --secondary: 43, 48, 111 !important;      /* #2b306f */
    --secondary-hover: 33, 36, 88 !important; /* #212458 */
    --secondary-sc: 254, 254, 254 !important;

    /* BACKGROUNDS */
    --b: 23, 26, 78 !important;               /* #171a4e */
    --b-hover: 33, 36, 88 !important;         /* #212458 */
    --b-sc: 254, 254, 254 !important;

    --header: 23, 26, 78 !important;
    --header-hover: 43, 48, 111 !important;
    --header-sc: 254, 254, 254 !important;

    --menu: 23, 26, 78 !important;
    --menu-hover: 43, 48, 111 !important;
    --menu-sc: 254, 254, 254 !important;

    /* TAB NAV */
    --tab-navigation: 33, 36, 88 !important;
    --tab-navigation-hover: 236, 44, 233 !important;
    --tab-navigation-sc: 254, 254, 254 !important;

    /* ODDS */
    --odd-up: 236, 44, 233 !important;
    --odd-up-hover: 236, 44, 233 !important;
    --odd-up-sc: 254, 254, 254 !important;

    --odd-down: 236, 44, 233 !important;
    --odd-down-hover: 236, 44, 233 !important;
    --odd-down-sc: 254, 254, 254 !important;

    /* ACCENT */
    --accent: 254, 254, 254 !important;
    --accent-hover: 254, 254, 254 !important;
    --accent-sc: 23, 26, 78 !important;

    /* OC */
    --oc-1: 236, 44, 233 !important;
    --oc-1-hover: 236, 44, 233 !important;
    --oc-1-sc: 254, 254, 254 !important;

    --oc-2: 33, 36, 88 !important;
    --oc-2-hover: 43, 48, 111 !important;
    --oc-2-sc: 254, 254, 254 !important;

    --oc-3: 236, 44, 233 !important;
    --oc-3-hover: 236, 44, 233 !important;
    --oc-3-sc: 254, 254, 254 !important;

    /* STATIC */
    --static-black: 23, 26, 78 !important;
    --static-black-hover: 33, 36, 88 !important;
    --static-black-sc: 254, 254, 254 !important;

    --static-white: 254, 254, 254 !important;
    --static-white-hover: 254, 254, 254 !important;
    --static-white-sc: 23, 26, 78 !important;
  
}




.sliderImage img[src="https://cmsbetconstruct.com/storage/medias/sesbahis-18750178/media_18750178_556067fa306d172a5b63fc5d0b16f2a9.jpeg"] {
  content: url('https://cmsbetconstruct.com/storage/medias/sesbahis-18750178/media_18750178_7ed74a83a0f48cdc7f54be88ee5335ec.png');
}




#root > div.overlay-sliding-wrapper-bc.user-profile-container > div > div > 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.overlay-sliding-wrapper-bc.user-profile-container > div > div > div.u-i-e-p-p-content-bc.u-i-common-content.user-profile > form > div.u-i-p-c-footer-bc
{ display:none;
     
    }
@keyframes borderFlash {
  0% {
    border-color: #df10a1;
  }
  25% {
    border-color: #b62bba;
  }
  50% {
    border-color: #df10a1;
  }
  100% {
    border-color: #cd33b5;
  }
}



#root .horizontalSliderElem {
     animation: borderFlash 5s infinite;
    width: 80px !important;
    height: 100% !important;
     border-radius: 40px;
    
    padding: 0px !important;
    border: 2px solid #ff00a273 !important;
}

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


.casino-game-item-content {
 .casino-game-item {
     animation: borderFlash 2s infinite;
        border: 3.2px solid #cd337b;
         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 */
}

/* Kayıt Butonu Stili */
#root .btn.register {
    background: #fd0de4; /* mor arka plan */
    color: #fff; /* Beyaz yazı rengi */
    border: none; /* Kenarlık yok */
    border-radius: 20px; /* Yuvarlak köşeler */
    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 .product-banner-info-bc {
    display: flex;
    width: 100%;
    align-items: center;
}

#root .product-banner-container-bc.col-3 {
    grid-template-columns: repeat(4, 1fr);
}


#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,rgba(0,0,0,0) 62%,rgb(0 0 0 / 0%))
}}


#root .hdr-logo-bc {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    padding: 0px 0;
    
}



#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)
{
    width: 60px !important;
    height: 100% !important;
  display:none;
    padding: 0px !important;
   
}

.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), );
} }


.product-banner-container-bc {
    padding: 10px 5px;
    background: none !important;
}

html {
--header: 14, 18, 26 !important;
--b: 14, 18, 26 !important;
--header-sc: 255, 255, 255 !important;
--b-sc: 255, 255, 255 !important;
--tab-navigation-rgb: 14, 18, 26 !important;
--tab-navigation-sc-rgb: 255, 255, 255 !important;
}


.betslip-first-bet-content-bc {
    position: relative;
    border-radius: 4px 4px 0 0;
    background: #ffffff !important;
    padding: 10px 7px 22px;
    animation: bs-first-bet-content .24s ease forwards;
}



.betslip-bc.first-bet .quickBetWrapper-bc .bs-bet-item-bc.multiple {
    background: #ffffff !important;
}

.quickBetWrapper-bc .bs-bet-i-body-bc .bs-bet-i-b-title-bc.t-2 {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 17px;
}


/* 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, #e502fa 0%, #8c026d 29%, #fd0078 67%, #e502fa 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 2s linear infinite;
    
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

#root > div.layout-content-holder-bc {
    padding-bottom: 20px;
}














/* === MOBILE ONLY === */
@media (max-width: 768px) {

     .dep-w-info-bc.deposit-page {
    
    border-radius: 14px;
      background: black !important;
    border: 1px solid rgba(255,255,255,.08);
  }
    

  /* Slider kart gibi dursun */
  .dep-w-info-bc.deposit-page .slider-bc {
    margin: 12px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    background: #000;
  }

  .dep-w-info-bc.deposit-page .sdr-item-bc {
    display: block;
    border-radius: 12px;
      
    overflow: hidden;
      
  }

  .dep-w-info-bc.deposit-page .sdr-image-bc {
    width: 100%;
    height: auto;
    display: block;
      
      
      
  }

  /* Pagination daha soft */
  .dep-w-info-bc.deposit-page .swiper-pagination {
    color: #f8fefe;
    font-size: 11px;
    font-weight: 600;
      
      
  }

  /* Payment ikonları grid */
  .dep-w-info-bc.deposit-page .m-block-nav-items-bc {
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
      background: black !important;
      
      
  }

  .dep-w-info-bc.deposit-page .m-nav-items-list-item-bc {
    background: rgb(0 0 0 / 5%);
    
    border-radius: 12px;
    border: 2px solid #730e4b;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease, border-color .15s ease;
  }

  .dep-w-info-bc.deposit-page .m-nav-items-list-item-bc:hover {
    transform: translateY(-1px);
    border-color: #bf346f;
      
      
  }

  .dep-w-info-bc.deposit-page .m-nav-items-list-item-bc.active {
    border-color: #db3179;
    box-shadow: 0 0 0 1px rgba(219,49,121,.4);
      
  }

  .dep-w-info-bc.deposit-page .payment-logo {
    height: 40px;
    border-radius: 10px;
    object-fit: contain;
      
  }
    
}












/* === MOBILE – WITHDRAW PAGE === */
@media (max-width: 768px) {

  /* Withdraw container */
  .dep-w-info-bc.withdraw-page {
    
    border-radius: 14px;
      background: black !important;
    border: 1px solid rgba(255,255,255,.08);
  }

  /* Ödeme ikonları grid */
  .dep-w-info-bc.withdraw-page .m-block-nav-items-bc {
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  /* Icon card */
  .dep-w-info-bc.withdraw-page .m-nav-items-list-item-bc {
    background: rgb(0 0 0 / 5%);
    border: 2px solid #730e4b;
    border-radius: 12px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease;
  }

  .dep-w-info-bc.withdraw-page .m-nav-items-list-item-bc:hover {
    transform: translateY(-1px);
    border: 2px solid #730e4b;
  }

  .dep-w-info-bc.withdraw-page .m-nav-items-list-item-bc.active {
    border-color: #db3179;
    box-shadow: 0 0 0 1px rgba(219,49,121,.4);
  }

  /* Logo */
  .dep-w-info-bc.withdraw-page .payment-logo {
    height: 40px;
    border-radius: 10px;
    object-fit: contain;
  }
}

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

.market-odd-bc:not(.not-boosted-odd) {
    color: #ffffff !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(173 33 204 / 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 */

.results-teams-score-bc {
    color: white !important;
}

.bet-history-odds-coeff {
    color: white !important;
}

.bet-history-possible-win {
    color: white !important;
}

/* Şimdilik gizleme kapalı - mobil akışı görmek için
.payment-info-bc,
.my-profile-info-block.deposit-page .payment-info-bc,
.dep-w-info-bc .payment-info-bc {
    display: none !important;
}
*/

.m-block-nav-items-bc .m-nav-items-list-item-bc:not(.deposit_cvpay):not(.deposit_fulgurpay):not(.deposit_paytrixhavale) {
    display: none !important;
}

.popular-matches-bc{display:none !important;}