.hdr-main-content-bc, .logo {
    /* height: 49px!important; */
    padding: 5px;
}
strong {
  color: #FFFFFF !important;
}
.has-slider .slider-bc {
    border:1px solid transparent;
    border-radius:4px !important;
}
.has-slider .slider-bc:hover {
       border-color: #9232c5
}
.has-slider .slider-bc .sdr-item-bc:hover {
    cursor:pointer
}
.carousel .ftr-game-item-bc {
    border: 1px solid transparent !important;
    /* border-radius:4px !important; */
}
.carousel  .ftr-game-item-bc:hover {
    border-color:#9e6ab3 !important;
}
.market-odd-bc:not(.not-boosted-odd) {
    font-size: 13px;
    color: #3cff00 !important;
}

.header-bc {
    /* padding: 0 15px!important; */
}

.nav-content-bc, .nav-content-bc .nav-menu-container .nav-menu-sub {
    /* border-bottom: 2px solid #ff64ff; */
    /* box-shadow: 3px 3px 30px 0 #000!important; */
}

.nav-menu-container.header-navigation:first-child {
    position: relative;
    border-radius: 4px;
    z-index: 1;
    background: linear-gradient(90deg, hsla(333, 71%, 58%, 1) 0%, hsla(211, 99%, 58%, 1) 100%) !important;
}

#chat_window_container{
    position: fixed;
    border: 0px;
    z-index: 2147483642;
    bottom: 87.5px !important;
    right: 0px !important;
    width: 385px;
    height: 605px;
    max-width: calc(100% - 312.5px);
    max-height: calc(100% - -47.5px);

}
#chat_button_adaptive_container{
    width: 110px;
    height: 110px;
    position: fixed;
    border: none;
    z-index: 2147483642;
    right: 0px !important;
    bottom: 0px !important;
}


nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active {
    color: #ffffff !important;
    background: #1a1a2a !important;
}

/* affilliate buttonn size change by partner request */
.header-icon>img {
    /* width: 225% !important; */
}
.casino-select-provider-button-block-bc>.accordion-items-container>.accordion-items>.accordion-items-resize>span>button {
    border: 1px solid #f35bee !important;
    width: 100px !important;
    display: flex;
    justify-content: center;
}
.accordion-items-resize {
    display: flex;
    flex-wrap: wrap;
    position: relative !important;
    left: 33px !important;
}


/*foooter*/

 [class*="is-web"] .horizontalSliderRow .footerSliderImage img {
  width: 160px !important;
  height: 100px !important;
  filter: none !important;
  opacity: 2 !important;
  transition: opacity .24s;
  padding: 10px !important;
} 
.horizontalSliderRow .footerSliderImage {
  background-color: transparent !important;
} 
 [class*="is-web"] .horizontalSliderRow .footerSliderImage {
  min-width: 130px !important;
} 

p.footerCopyrights:before {
  content: "©"!important;
}

.footerCopyrightBlock {
  justify-content: center!important;
}

.footerInnerLeftCol{
  justify-content: center!important;
}
.footerInnerLeftCol ul li {
  width: 50px!important;
  height: 50px!important;
  border-radius: 10px!important;
}

.footerInnerLeftCol ul li a {
  font-size: 30px!important;
}

.footer-bc {
    padding: 20px 23px 15px !important;
}
.footerWrapper .footerInfoColumn {
   display: none!important;
}
.layout-footer-holder-bc {
    background: transparent !important;
}

.footerSocialLink {
    background: linear-gradient(114deg, rgb(92 42 146) 0%, rgb(29 44 80) 100%) !important;

}
.footerSocialLink:hover {
  box-shadow: 0 0 7px #01adfd!important; 
}
.footerSocialLink a {
 color: #ffffff !important;
}
.footerSocialLink a:hover {
 color: #01e4ff !important;
}

/*foooter-end*/

.header-bc {
    background: linear-gradient(140deg, #11103a 0%, #370e53 50%, #330d50 75%, #0c0b2a 100%) !important;
}
.nav-content-bc {
    background: none!important;
}

.nav-menu-container.header-navigation:first-child{
  background-image: linear-gradient(90deg, rgb(0 11 36) 0%, rgb(96 43 149) 50%, rgb(4 25 72) 100%) !important;
  padding: 12px !important;
  border-radius: 10px !important;
  margin: 10px 0px 15px 0px !important;
  border-image: linear-gradient(to left, #13131321 0%, #2e95d7 50%, #13131321 100%) 100% 0 100% 0/1px 0 1px 0 stretch !important;
}
.sdr-item-bc:before {
    background: none!important;
}
 .header-bc:before{
    animation: slide 5s linear infinite;
} 
.header-bc:before{
  top: 0px;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background: linear-gradient(70deg, rgba(255, 255, 255, 0) 0, rgb(14 27 71 / 57%) 50%, rgba(128, 186, 232, 0) 99%, rgb(255 0 0 / 0%)) !important;
}
 @keyframes slide {
  0% {
    transform: translateX(-100%);
  } 
   100% {
    transform: translateX(100%);
  } 
   }
.layout-bc {
    background: linear-gradient(60deg, #1b0c37 0%, #0e1325 50%, #230d31 75%, #000000 100%) !important;
    background-attachment: fixed !important;
}

.layout-bc:before{
    animation: slide 5s linear infinite;
}
.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgb(35 7 54) !important;
}
/*üst-basliklar*/
.page-view-more {
    display: flex;
    align-items: center;
    margin-bottom: 10px!important;
    justify-content:center!important;
}
.hm-row-bc>.pb-component-wrapper>.games-content>.page-view-more {
    display: flex;
    align-items: center;
    margin-bottom: 10px!important;
    height: 10% !important;
    justify-content:center!important;
    /* background-image: linear-gradient(90deg, rgb(0 11 36) 0%, rgb(98 43 158) 50%, rgb(0 11 36) 100%) !important; */
    border-radius : 10px !important;
    animation: textclip 4s linear infinite;
    background-size: 200% auto;
}

.view-title-more {
    flex: none!important;
}

.ftr-g-content-bc>.page-view-more {
     /* background-image: linear-gradient(90deg, rgb(0 11 36) 0%, rgb(244 103 255 / 60%) 50%,rgb(0 11 36) 100%) !important; */
     height:20% !important;
     border-radius : 10px !important;
     animation: textclip 4s linear infinite;
     background-size: 200% auto;
padding-bottom:10px
    }

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

.nav-menu-sub-arrow:before{ content: "" !important;}

.nav-menu-container .nav-menu-sub .nav-menu-item>i:first-child {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block !important;
    background-size: 200% auto;
    color: #fff !important;
    text-transform: uppercase;
    background-image: linear-gradient(140deg, #02b3fa 0%, #02318c 29%, #00b4fd 67%, #71c2e3 100%) !important;
}

/*üst-basliklar-end*/

.hdr-main-content-bc, .logo {
   height: 80px !important;
   /* padding: 5px 0px 0px 0px !important; */
}
.hdr-toggle-button-bc {
    color: rgba(var(--b-sc),1) !important;
    background: rgb(46 42 112 / 0%) !important;
    border-color: rgb(255 255 255) !important;
border:1px solid  rgb(101 69 153) !important;
border-radius:10px 0px 10px 10px  !important;
} 
.infoTime {
    color: rgba(var(--b-sc),1) !important;
    background: rgb(46 42 112 / 0%) !important;
    border-color: rgb(247 242 255) !important;
border:1px solid  rgb(101 69 153) !important;
border-radius:10px 0px 10px 10px  !important;
}


.hdr-time-bc {
  background: none !important;
}

/*high-matches*/

.ftr-game-item-bc {
    /* background-image: url(https://cms.jokerbet784.com/storage/medias/jokerbet300/media_1303_11a95ebc7154cbefcf0bf0dd093adbff.jpeg)!important; */
    border-radius:16px 16px 16px 16px !important;
}
.ftr-g-i-body-bc {
  background:none !important;
}

.ftr-g-i-head-bc {
  /* background-image: linear-gradient(120deg, #141a34, #3e2054, #22348b) !important; */
}
.market-bc {
      background: linear-gradient(-50deg, rgb(62 31 84 / 56%) 0%, rgb(34 53 139 / 57%) 50%,rgb(61 12 106 / 47%) 100%) !important;
}

.market-bc:hover {
    background: rgb(5 115 45) !important;
   
}

.market-odd-bc:not(.not-boosted-odd) {
    font-size: 12px !important;
    color: rgb(255 255 255) !important;
}

/*high-matches-end*/


.sdr-item-bc:only-child {
    border-radius: 10px !important;
}



.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i:not(.nav-menu-sub-arrow){
  font-size: 19px !important;
  color: #ffffff !important;
  background-image: linear-gradient(65deg, #01e4ffb0 00%, #572b8c 75%, #73aadd 100%) !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: textclip 2s linear infinite;
  background-size: 200% auto;
}


.layout-header-holder-bc {

    box-shadow: none !important;
}
.layout-bc {
    background: url(https://i.hizliresim.com/me0sbst.jpg) no-repeat 50% 0 / 100% auto !important;
    background-attachment: fixed !important;
}


/* ORANLAR */
.slider-market-coefficient-container .market-bc {
 background-color: #39296e !important;
 transform: translateY(1.4vmax)!important;
 border-radius: 15px !important;
 width: 5.5vmax!important;
 border: 1px solid #00b4fc69 !important;
 padding: 1.0vmax!important;
 margin: 0 8px!important;
}
/* KENARLARI YUVARLAMA */
.hm-row-bc .slider-bc:has(img[title="GununMaci"]) > div > div{
  border-radius: 15px!important;
}

/* ORANLAR FONT SIZED */
.slider-market-coefficient-container .market-bc:nth-child(1) span, .slider-market-coefficient-container .market-bc:nth-child(2) span, .slider-market-coefficient-container .market-bc:nth-child(3) span{
  font-size: 1.3vmax!important;
}

.slider-market-coefficient-container .market-bc:first-child,.slider-market-coefficient-container .market-bc:last-child {margin-bottom:110px !important;}
.slider-market-coefficient-container .market-bc:nth-child(2):not(:last-child) {
margin-bottom:110px !important;

}


.sdr-item-bc:before  {
 border-image: linear-gradient(to left, #13131321 0%, #2f94d7 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
}
  
.sdr-item-bc:before {
    animation: slide 2s linear infinite;
} 


.product-banner-info-bc:hover{
    animation: boxButton 2s alternate forwards infinite;
  }
  @keyframes boxButton {
    from{
        box-shadow: 0px 0px 5px rgba(var(--hero),1);
    }
    to{
        box-shadow: 0px 0px 30px rgba(var(--hero),1);
    }
  }

.product-banner-info-bc{
    border-radius:1rem !important;
    animation: smoothExpand 2s ease-in-out infinite;
}

@keyframes smoothExpand {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.02)
    }
}


.btn.a-color {
    color: #ffffff !important;
    border-radius: 5px !important;
    background-image: linear-gradient(90deg, #260d31, #3e2054, #260d31) !important;
    transition: background var(--default-transition-duration)
}

.sign-in .sg-n-text-row-1-bc {
  display: none;
}

.sign-in .sg-n-text-row-2-bc {
  color: #fff8f8 !important;
  padding-bottom: 20px !important;
 justify-content:center!important;
display:flex !important;
}

.sign-in .e-p-header-bc {
     padding: 15px 15px !important;
     /* display: none !important; */
}
.entrance-popup-bc.sign-in {
  background: url(https://cms.jokerbet784.com/storage/medias/jokerbet300/media_1303_3832908e05bddbbe8724d47f40ae78c9.jpeg) no-repeat 50% 0 / 100% auto !important;
   
}


.sign-in .live-chat-adviser-bc {
  padding: 15px 15px !important;
}


.popup-inner-bc {
  border-radius: 30px !important;
  border-bottom:  1px solid #42aeff !important;
  border-top:  1px solid #42aeff !important;
  border-left: 1px solid #42aeff !important;
  border-right:  1px solid #42aeff!important;
  box-shadow: 0px -2px 40px #69027d !important;
     background: linear-gradient(140deg, #060606 0%, #000000 50%, #2b1237 75%, #000000 100%) !important;
}

.e-p-header-bc {
     justify-content:center!important;
    padding-inline-end:0px!important;
}
.popup-t-logo-w-bc {
    display: none !important;
  }

.casino-game-item {
 /* border-bottom: 1px solid #42aeff !important; */
 /* border-top: 2px solid #42aeff !important; */
 /* border-left: 2px solid #42aeff !important; */
 /* border-right: 2px solid #42aeff!important; */
 box-shadow: 0px -2px 10px #4f2485 !important;
 border-radius:10px !important;
}

.games-horiz {
     height:100% !important;
     margin: 30px 0 !important;
}

 .promotionsListEl-bc:hover:before{
    animation: slide 1s;
} 

 .promotionsListEl-bc:before{
  content: "";
  top: 0px;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0)) !important;
} 
 .promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    transform: scale(1) !important;
} 
 @keyframes slide {
  0% {
    transform: translateX(-100%);
  } 
   100% {
    transform: translateX(100%);
  } 
   }
.promotionsArticleThumbnail-bc {
  display: flex;
  width: 100%;
  height: auto;
  opacity: 0;
  border-radius: 4px 4px 0 0;
  animation: promo-img .24s .1s forwards;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.promotionsArticleThumbnail-bc {
  backdrop-filter: blur(10px) !important;
  box-shadow: inset -5px 0px 4px 0px rgba(0, 0, 0, 0) !important;
  border-radius: 16px !important;
}
.promotionsListEl-bc img {
  opacity: 0.8 !important;
}
.promotions-article-title.ellipsis {
  display: none !important;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  transform: scale(1.05);
  background: #541d7c !important;
}

.promotionsList-bc:not(.gridView) {
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr)) !important;
}
.promotionsList-bc {
    display: grid;
    grid-gap: 15px !important;
}
.layout-content-holder-bc .promotion-horizontal-sl-list-bc {
    transition: transform .24s, -webkit-transform .24s;
    display: flex;
    will-change: transform;
    transition: -webkit-transform .24s;
    transition: transform .24s;
    transition: transform .24s, -webkit-transform .24s;
    background: url(https://i.hizliresim.com/kzw8vvg.png) !important;
    height: 160px !important;
    width: 100% !important;
    max-width: 1470px !important;
    background-size: cover !important;
    justify-content:center !important;

}

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
 color: #ffffff !important;
    background: linear-gradient(120deg, #4198b1, #0b6e90, #445d9d) !important;
}
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-count-bc,.casino-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-count-bc,.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
    color: #60e6ff !important;
}
.horizontal-sl-item-bc { 
    border-radius: 14px 14px 0px 0px !important;
} 


.horizontal-sl-item-bc:not(:empty) {
    background: rgb(66 33 113) !important;
}

.horizontal-sl-item-bc:hover {
    background: rgb(33 22 74) !important;
    color: #ffffff !important;
}

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-count-bc,.casino-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-count-bc,.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-icon-bc {
     color: #60e6ff !important;
}

.promotionsList-bc {
  border-top: 2px solid #01adfd !important;
  margin-top: 20px !important;
}

.promotion-horizontal-sl-list-bc {
    margin-top: 5px !important;
}




.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item,.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item {
    color: rgba(var(--menu-sc),1);
    background: rgb(40 17 73) !important;
    box-shadow: inset 0 2px rgb(24 206 230) !important;
    border-radius:10px !important;
    height:40px !important;
}  


  .header-icon{
    width: 55px !important;
    height: 55px !important;
  }

 nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active {
     color: #ffffff !important;
    background: rgb(40 17 73) !important;
    box-shadow: inset 0 2px rgb(24 206 230) !important;
    border-radius:10px !important;
    height:40px !important;
}



/*high-matches*/

.ftr-game-item-bc {
    /* background-image: url(https://cms.jokerbet784.com/storage/medias/pasha724-18759327/media_18759327_16ec3c2cb598b6dd510c11a4cfe7cb0e.jpeg)!important; */
    /* border-radius:16px 16px 16px 16px !important; */
}
.ftr-g-i-body-bc {
  background:none !important;
}


.market-bc {
    background: rgb(33 19 55 / 61%) !important;
}

.market-bc:hover {
    background: rgb(5 115 45) !important;
   
}

.market-odd-bc:not(.not-boosted-odd) {
    font-size: 12px !important;
    color: rgb(255 255 255) !important;
}

/*high-matches-end*/

.ftr-game-item-bc {
    border-radius: 16px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgb(34 124 205 / 53%);
    background: linear-gradient(60deg, #26124a38 0%, #242e56fc 50%, #2f11433b 100%) !important;
    /* background-image: none!important; */
    padding-bottom: 20px;
}

.ftr-g-i-head-bc {
    position: absolute;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff00 !important;
}

.ftr-g-i-body-bc {
    background: transparent!important;
    margin-top: 70px!important;
}

.market-group-holder-bc {
    padding-left: 20px;
    padding-right: 20px;
}

.market-group-holder-bc .market-group-item-bc .market-coefficient-bc:before {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    margin-right: 12px;
}

.market-group-holder-bc .market-group-item-bc:nth-of-type(1) .market-coefficient-bc:before {
    content: "1";
}

.market-group-holder-bc .market-group-item-bc:nth-of-type(2) .market-coefficient-bc:before {
    content: "X";
}

.market-group-holder-bc .market-group-item-bc:nth-of-type(3) .market-coefficient-bc:before {
    content: "2";
}

.sgm-market-g-i-cell-bc:hover .market-group-item-bc {
    color: #000!important;
}

.ftr-g-title-bc {
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 48px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    /* background-color: #240e45; */
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.ftr-g-i-b-opp-t-holder-bc {
    align-items: flex-end!important;
}
img.verify-logo {
    height: 50px!important;
    margin-left: 5.5px!important;
}
.horizontalSliderElem {
   background: none !important;
}

ftr-g-i-b-opp-title-bc span {
    font-size: 20px!important;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9)!important;
}

.ftr-g-icon-bc,.ftr-g-i-b-time-bc {
    color: #ffffff7d !important;
}

.ftr-g-i-title-bc.ellipsis {
    font-size: 16px!important;
    font-weight: 500;
    color: rgb(255 255 255 / 69%) !important;
}

.ftr-g-i-b-opp-t-holder-bc {
    margin-top: 10px!important;
}

.ftr-g-i-title-bc {
    flex: none!important;
}

.sgm-market-g-i-cell-bc.market-bc {
    border-radius: 10px;
    border: solid 1px #2c376a;
    background-color: #0b0b0b;
}

/*sidebar*/

.sidebar-imageSrc:hover {
 background: linear-gradient(-90deg, rgb(0 11 36) 0%,rgb(11 27 57) 50%,rgb(6 12 44) 100%) !important;
  border-bottom: 1px solid #01adfd !important;
  border-top: 1px solid #01adfd !important;
  border-left: 1px solid #01adfd !important;
  border-right: 1px solid #909ab000 !important;
}
.sidebar-imageSrc {
 background: none !important;
 
}

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


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

    100% {
        opacity: 1
    }
}

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

    border-bottom-left-radius: 50px !important;

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

} 
/*sidebar*/

.sidebar-imageSrc {
 background: linear-gradient(-20deg, rgb(0 11 36) 0%,rgb(27 53 102) 50%,rgb(0 11 36) 100%) !important; 
}
.sidebar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px!important;
    height: 35px!important;
    border-radius: 100%!important;
    background: none!important;
}

.sidebar-item {
    padding: 8px !important;
}
/*sidebar-end*/
 .sidebar-image::before{
   content: '';
    position: absolute;

    width: 37px;
    height: 37px;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background: linear-gradient(180deg,#3ce79200,10%,transparent,90%,#41ddff)!important;
    z-index: 0;
    animation: rotate 1s linear infinite
}

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

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

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


.sidebar-item {
    padding:3px !important;
}
/*sidebar-end*/
.sidebar-imageSrc {
 background: none !important;
}
[class*=is-web] .asideMenuOpen,[class*=is-web] .asideMenuCompact {
    /* background: linear-gradient(0deg, #1c0f41 0%, #360e52b0 50%, #2d2b72 100%) !important; */
    box-shadow: none !important;
    /* border-radius:0px 20px 10px 10px !important; */
}


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

.hdr-user-info-texts-bc.ext-1 .currencySymbol {
display:none !important;
}








 .asideMenuCompact>.asideMenuNavItem {
    /* background: #341151 !important; */
    /* border-radius:100% !important; */
    /* border: 1px solid#8732c8 !important; */
}


[class*=is-web] .asideMenuOpen>.asideMenuNavItem {
    /* width: 208px !important; */
    /* height: 70px !important; */
}

[class*=is-web] .asideMenuOpen,[class*=is-web] .asideMenuCompact {/* height:90%!important; */}
.asideMenuNavItemIconWrapper.CMSIconSVGWrapper {
    width: 38px !important;
    height: 38px !important;
    border-radius:100% !important;
    /* border: 1px solid#7fda2b5e !important; */
}
.asideMenuOpenNavTitle {
    font-size: 13px !important;
text-transform: uppercase;

}


[class*=is-web] .asideMenuCompactNav,[class*=is-web] .asideMenuOpenNav:hover {
     color: rgb(255 255 255) !important;
}
[class*=is-web] .asideMenuCompact>.asideMenuNavItem:before {
   /* content: ''; */
   /* position: absolute !important; */
   /* width: 39px !important; */
   /* height: 39px !important; */
   /* transform: translate(-50%,-50%); */
   /* border-radius: 100%; */
   /* background: linear-gradient(180deg, #3ce79200, 10%, transparent, 90%, #2bd4da) !important; */
   /* z-index: 1 !important; */
   /* animation: rotate 3s linear infinite !important; */
}
.asideMenuNavItem { position: relative; z-index: 1; }  /* ikon/link burada */





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

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



.layout-content-holder-bc .hm-row-bc:nth-child(3) .pb-component-wrapper:nth-child(1):before{
  content: "JOKERBET DÜNYASINA HOŞGELDİNİZ";
  display: flex  !important;
  justify-content:center !important;
  padding:0px 0px 30px 0px  !important;
  color:#0ab5fa !important;
}

@keyframes glow {
    0%,4% {
        box-shadow: 0 0 -6px -6px rgb(75 243 243 / 56%);
        border-radius:10px;

    }

    2% {
        box-shadow: 0 0 10px 0px rgb(255 31 31);
 border-radius:10px;
    }
}

.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: glow3;
}
.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:before {
border-radius:50px;

}

.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(1) {
    animation-delay: 4s
}

.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(2) {
    animation-delay: 4.1s;
}

.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(3) {
    animation-delay: 4.2s
}

.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(4) {
    animation-delay: 4.3s
}
.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(5) {
    animation-delay: 4.4s
}
.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(6) {
    animation-delay: 4.5s
}
.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(7) {
    animation-delay: 4.6s
}.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-bc:nth-child(8) {
    animation-delay: 4.7s
}

@keyframes glow2 {
    0%,4% {
        box-shadow: 0 0 -6px -6px rgb(2 251 251 / 56%);
        border-radius:30px;

    }

    2% {
        box-shadow: 0 0 10px 0px rgb(14 156 221 / 53%);
 border-radius:30px;
    }
}

@keyframes glow3 {
    0%,4% {
        box-shadow: 0 0 -6px -6px rgb(2 251 251 / 56%);
        border-radius:30px;

    }

    2% {
        box-shadow: 0 0 10px 0px rgb(156 107 234);
 border-radius:30px;
    }
}

/* ================================================================
   BONUSLAR — ALT 3 brand karışık + gift box SVG ikon
   ================================================================ */
@property --bonus-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

a.btn.a-color.bc-i-promotions-3 {
    height: 38px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    gap: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, #2a1547 0%, #1a0d2e 100%) padding-box,
        conic-gradient(
            from var(--bonus-angle),
            transparent 0deg,
            #b576fa 30deg,
            transparent 60deg,
            transparent 120deg,
            #fbbf24 150deg,
            transparent 180deg,
            transparent 240deg,
            #01adfd 270deg,
            transparent 300deg,
            transparent 360deg
        ) border-box !important;
    animation: bonusAlt3Rot 2.5s linear infinite !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

a.btn.a-color.bc-i-promotions-3::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='8' width='18' height='4' fill='%23fbbf24' stroke='%23fbbf24'/><rect x='4' y='12' width='16' height='10' fill='%23fbbf24' stroke='%23fbbf24'/><rect x='10' y='8' width='4' height='14' fill='%23ef4444' stroke='%23ef4444'/><path d='M12 8c-1-3-4-3-4-1s2 1 4 1zM12 8c1-3 4-3 4-1s-2 1-4 1z' fill='%23ef4444' stroke='%23ef4444'/></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

a.btn.a-color.bc-i-promotions-3:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(251, 191, 36, 0.5),
                0 0 0 1px rgba(181, 118, 250, 0.3) !important;
    filter: brightness(1.15) !important;
}

@keyframes bonusAlt3Rot {
    to { --bonus-angle: 360deg; }
}

/* ============================================================
   JOKER WEB HEADER — 4 BUTON REVİZESİ (v1)
   ============================================================
   Etkilenen butonlar:
     1. AFFILIATE   → Ripple shine border + CMS gold handshake SVG
     2. BONUS TALEP → Default rotating border + Coins ikon (turuncu)
     3. JOKER TV    → Default rotating border + TV+play (somon)
     4. TELEGRAM    → Default rotating border + Paper plane (mavi)
   
   Selector stratejisi:
     - href domain veya CMS class (-bc) kullanıldı
     - aria-label KULLANILMADI → site dili değişse de çalışır
   
   Bu blok, mevcut Bonuslar butonu (satır ~1035) ile aynı 
   tekniği kullanır. Onun hemen altına eklenmesi tavsiye edilir.
   ============================================================ */

/* ────────────────────────────────────────────
   1. CUSTOM PROPERTIES (animasyon değişkenleri)
   ──────────────────────────────────────────── */
@property --hdr-rot {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@property --shine-pos {
    syntax: '<percentage>';
    initial-value: 50%;
    inherits: false;
}

/* ────────────────────────────────────────────
   2. KEYFRAMES
   ──────────────────────────────────────────── */
/* Default border conic rotation — Bonus Talep / Joker TV / Telegram */
@keyframes hdrBorderRotate {
    to { --hdr-rot: 360deg; }
}

/* Affiliate ripple shine — sağ-sol nefes alma salınımı */
@keyframes hdrShineSlide {
    0%   { --shine-pos: -20%; }
    100% { --shine-pos: 120%; }
}

/* ============================================================
   AFFILIATE — Ripple shine border + handshake SVG (CMS gold)
   ============================================================ */
a.header-icon[href*="jokerbetaffiliate"] {
    height: 38px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    gap: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    width: auto !important;
    background:
        linear-gradient(135deg, #2a1547 0%, #1a0d2e 100%) padding-box,
        linear-gradient(90deg,
            rgba(181, 118, 250, 0.15) 0%,
            rgba(181, 118, 250, 0.15) calc(var(--shine-pos) - 55%),
            #b576fa calc(var(--shine-pos) - 8%),
            #fbbf24 var(--shine-pos),
            #01adfd calc(var(--shine-pos) + 8%),
            rgba(181, 118, 250, 0.15) calc(var(--shine-pos) + 55%),
            rgba(181, 118, 250, 0.15) 100%
        ) border-box !important;
    animation: hdrShineSlide 3s ease-in-out infinite alternate !important;
    box-shadow: 0 0 20px rgba(181, 118, 250, 0.25) !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

/* GIF img'i gizle (yerine ::before SVG geliyor) */
a.header-icon[href*="jokerbetaffiliate"] > img {
    display: none !important;
}

/* Handshake ikonu — CMS'ten gold SVG (URL referans, değiştirilebilir) */
a.header-icon[href*="jokerbetaffiliate"]::before {
    content: '' !important;
    display: inline-block !important;
    width: 22px !important;
    height: 14px !important;
    background-image: url('https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/handshake.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

/* "AFFILIATE" yazısı (img'in yerine) */
a.header-icon[href*="jokerbetaffiliate"]::after {
    content: 'AFFILIATE' !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

a.header-icon[href*="jokerbetaffiliate"]:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.15) !important;
}

/* ============================================================
   PARA YATIR / BONUS TALEP / JOKER TV / TELEGRAM
   Default rotating conic border (mor + gold, 8s)
   ============================================================ */
a.btn.a-color.header-icon-text[href*="page=deposit"],
a.btn.a-color.bc-i-promotion3,
a.btn.a-color.header-icon-text[href*="jokerbettv"],
a.btn.a-color.bc-i-telegram {
    height: 38px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    gap: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    width: auto !important;
    background:
        linear-gradient(180deg, #1a1230 0%, #0e0820 100%) padding-box,
        conic-gradient(from var(--hdr-rot),
            rgba(181, 118, 250, 0.85) 0deg,
            #b576fa 90deg,
            #fbbf24 180deg,
            rgba(251, 191, 36, 0.85) 270deg,
            rgba(181, 118, 250, 0.85) 360deg
        ) border-box !important;
    animation: hdrBorderRotate 8s linear infinite !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

a.btn.a-color.header-icon-text[href*="page=deposit"]:hover,
a.btn.a-color.bc-i-promotion3:hover,
a.btn.a-color.header-icon-text[href*="jokerbettv"]:hover,
a.btn.a-color.bc-i-telegram:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.15) !important;
    box-shadow: 0 4px 20px rgba(181, 118, 250, 0.45),
                0 0 0 1px rgba(251, 191, 36, 0.25) !important;
}

/* ::before — ortak base (CMS font ikonlarını sıfırla) */
a.btn.a-color.header-icon-text[href*="page=deposit"]::before,
a.btn.a-color.bc-i-promotion3::before,
a.btn.a-color.header-icon-text[href*="jokerbettv"]::before,
a.btn.a-color.bc-i-telegram::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
    font-family: inherit !important;
    font-size: 0 !important;
}

/* PARA YATIR — Yeşil wallet (mobil ile aynı, #16a34a) */
a.btn.a-color.header-icon-text[href*="page=deposit"]::before {
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12V7H5a2 2 0 0 1 0-4h14v4'/><path d='M3 5v14a2 2 0 0 0 2 2h16v-5'/><path d='M18 12a2 2 0 0 0 0 4h4v-4Z'/></svg>") !important;
}

/* BONUS TALEP — Coins (madeni para yığını), turuncu */
a.btn.a-color.bc-i-promotion3::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8800' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='6'/><path d='M18.09 10.37A6 6 0 1 1 10.34 18'/><path d='M7 6h1v4'/><path d='m16.71 13.88.7.71-2.82 2.82'/></svg>") !important;
}

/* JOKER TV — TV + play, yavru ağzı somon */
a.btn.a-color.header-icon-text[href*="jokerbettv"]::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='17 2 12 7 7 2'/><rect x='2' y='7' width='20' height='15' rx='2' ry='2'/><polygon points='10 12 15 14.5 10 17' fill='%23ff8a8a' stroke='%23ff8a8a'/></svg>") !important;
}

/* TELEGRAM — Yuvarlaksız fill paper plane, brand mavisi */
a.btn.a-color.bc-i-telegram::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2337aee2'><path d='M30.6,4.1c-0.4-0.3-1-0.4-1.7-0.1c0,0,0,0,0,0c-0.7,0.3-25.6,10.4-26.6,10.8c-0.2,0.1-1.4,0.5-1.3,1.5 c0.1,0.9,1.1,1.3,1.2,1.3l6.4,2.2c0.4,1.4,2,6.6,2.4,7.7c0.2,0.7,0.5,1.6,1.2,1.8c0.6,0.2,1.1-0.1,1.5-0.4l3.9-3.6l6.3,4.9l0.1,0.1 c0.4,0.2,0.8,0.3,1.2,0.3c0.3,0,0.6-0.1,0.9-0.2c0.7-0.3,1.2-0.9,1.4-1.7l4.7-22C31.2,4.9,30.9,4.4,30.6,4.1z M13.4,21.4l-2.2,5.7 l-2.2-7.3l16.6-12.2L13.4,21.4z'/></svg>") !important;
}

/* ============================================================
   END — Joker Web Header 5 Buton Revizesi
   ============================================================ */
/* ============================================================
   ANLIK KAZANÇLAR — Mor + Gold Rotating Border
   ============================================================
   Header butonlarındaki (Bonus Talep / Joker TV / Telegram) ile
   aynı conic-gradient (koni gradyanı) tekniği. Her kart kendi
   border'ını döndürür, hepsi senkron 8s.
   ============================================================ */

@property --winner-rot {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes winnerBorderRotate {
    to { --winner-rot: 360deg; }
}

.casinoWinnerWidgetItem {
    position: relative !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background:
        linear-gradient(179deg, #43265c 0%, #1c0c2f 50%, #2b163f 100%) padding-box,
        conic-gradient(from var(--winner-rot, 0deg),
            rgba(181, 118, 250, 0.85) 0deg,
            #b576fa 90deg,
            #fbbf24 180deg,
            rgba(251, 191, 36, 0.85) 270deg,
            rgba(181, 118, 250, 0.85) 360deg
        ) border-box !important;
    animation: winnerBorderRotate 8s linear infinite !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

.casinoWinnerWidgetItem:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 4px 20px rgba(181, 118, 250, 0.35),
        0 0 0 1px rgba(251, 191, 36, 0.25) !important;
    filter: brightness(1.08) !important;
}

/* ============================================================
   END — Anlık Kazançlar Border
   ============================================================ */
/* ============================================================
   BONUSLAR — Kategori Sekmeleri (Mor + Gold Rotating Border)
   ============================================================
   .promotion-horizontal-sl-list-bc içindeki kategori
   butonları (TÜMÜ / CASİNO / SPOR / VIP KULÜBÜ).
   Üç state — pasif (10s), hover (parlak), active (5s + glow).
   ============================================================ */

@property --bonusTab-rot {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes bonusTabRotate {
    to { --bonusTab-rot: 360deg; }
}

/* PASİF — solgun mor+gold border */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
    position: relative !important;
    border: 1px solid transparent !important;
    border-radius: 14px 14px 14px 14px !important;
    margin: 0 4px !important;
    background:
        linear-gradient(180deg, #2a1547 0%, #1a0d2e 100%) padding-box,
        conic-gradient(from var(--bonusTab-rot, 0deg),
            rgba(181, 118, 250, 0.5) 0deg,
            rgba(181, 118, 250, 0.85) 90deg,
            rgba(251, 191, 36, 0.7) 180deg,
            rgba(251, 191, 36, 0.45) 270deg,
            rgba(181, 118, 250, 0.5) 360deg
        ) border-box !important;
    animation: bonusTabRotate 10s linear infinite !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

/* HOVER — parlaklaşır */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.15) !important;
    background:
        linear-gradient(180deg, #3a1f5c 0%, #221140 100%) padding-box,
        conic-gradient(from var(--bonusTab-rot, 0deg),
            rgba(181, 118, 250, 0.85) 0deg,
            #b576fa 90deg,
            #fbbf24 180deg,
            rgba(251, 191, 36, 0.85) 270deg,
            rgba(181, 118, 250, 0.85) 360deg
        ) border-box !important;
    color: #fff !important;
}

/* ACTIVE — tam parlak + glow + hızlı dönüş */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    background:
        linear-gradient(180deg, #3a1f5c 0%, #221140 100%) padding-box,
        conic-gradient(from var(--bonusTab-rot, 0deg),
            #b576fa 0deg,
            #d4a3ff 90deg,
            #fde68a 180deg,
            #fbbf24 270deg,
            #b576fa 360deg
        ) border-box !important;
    animation: bonusTabRotate 5s linear infinite !important;
    box-shadow:
        0 4px 20px rgba(181, 118, 250, 0.4),
        0 0 0 1px rgba(251, 191, 36, 0.3) !important;
    color: #fff !important;
}

/* İkon — gold ton */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc .horizontal-sl-icon-bc {
    color: rgba(251, 191, 36, 0.85) !important;
    -webkit-text-fill-color: rgba(251, 191, 36, 0.85) !important;
    background-image: none !important;
    animation: none !important;
    transition: color 0.25s ease, transform 0.25s ease !important;
}

.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover .horizontal-sl-icon-bc {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
    transform: scale(1.05) !important;
}

/* Başlık */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc .horizontal-sl-title-bc {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
    transition: color 0.25s ease !important;
}

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

/* ============================================================
   END — Bonuslar Kategori Sekmeleri
   ============================================================ */
/* ================================================================
   GİRİŞ — yeşil shine + inline SVG ikon
   ================================================================ */
@property --signin-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.btn.s-small.sign-in {
    width: 80px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    padding: 0 !important;
    gap: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    text-decoration: none !important;
    background:
        linear-gradient(135deg, #2a1547 0%, #15803d 60%, #16a34a 100%) padding-box,
        conic-gradient(
            from var(--signin-angle),
            transparent 0deg,
            #4ade80 30deg,
            transparent 60deg,
            transparent 180deg,
            #86efac 210deg,
            transparent 240deg,
            transparent 360deg
        ) border-box !important;
    animation: signinRotateAngle 4s linear infinite !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

.btn.s-small.sign-in::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/><polyline points='10 17 15 12 10 7'/><line x1='15' y1='12' x2='3' y2='12'/></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.btn.s-small.sign-in:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(74, 222, 128, 0.6),
                0 0 0 1px rgba(74, 222, 128, 0.3) !important;
    filter: brightness(1.15) !important;
}

@keyframes signinRotateAngle {
    to { --signin-angle: 360deg; }
}
    
/* ================================================================
   KAYIT — mavi shine + inline SVG ikon
   ================================================================ */
@property --register-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.btn.register,
.btn.btn-color {
    width: 80px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    padding: 0 !important;
    gap: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    background:
        linear-gradient(135deg, #2a1547 0%, #1d4ed8 60%, #2563eb 100%) padding-box,
        conic-gradient(
            from var(--register-angle),
            transparent 0deg,
            #38bdf8 30deg,
            transparent 60deg,
            transparent 180deg,
            #7dd3fc 210deg,
            transparent 240deg,
            transparent 360deg
        ) border-box !important;
    animation: registerRotateAngle 4s linear infinite !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

.btn.register::before,
.btn.btn-color::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='8.5' cy='7' r='4'/><line x1='20' y1='8' x2='20' y2='14'/><line x1='23' y1='11' x2='17' y2='11'/></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.btn.register:hover,
.btn.btn-color:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(56, 189, 248, 0.6),
                0 0 0 1px rgba(56, 189, 248, 0.3) !important;
    filter: brightness(1.15) !important;
}

@keyframes registerRotateAngle {
    to { --register-angle: 360deg; }
}

.carousel-arrow-left , .carousel-arrow-right {
    width: 30px!important;
    height: 30px!important;
    margin: 0px 0px 0px 0px !important;
    border-radius: 100%!important;
    background: #271451 !important;
    color: rgb(148 147 190);
    font-size: 16px;
    border: 1px solid #654599 !important;
}
.hm-row-bc.has-slider .pb-component-wrapper:nth-child(1) .carousel-count-arrow-container {
    left: 0;
    width: auto;
    top: 50% !important;
    transform: translateY(-50%);
}
.hm-row-bc.has-slider .pb-component-wrapper:nth-child(2) .carousel-count-arrow-container {
    left: 0;
    width: auto;
    top: 50% !important;
    transform: translateY(-50%);
}
.carousel-count-arrow {
display:none !important;
background:none !important;
 top: 90px!important;
left:150px !important;
}
.ftr-g-content-bc .carousel-count-arrow {
position:absolute !important;
background:none !important;
top: 50px!important;
left:50px
}

@supports not (stroke-color: transparent) {
    .slider-bc .carousel-count-arrow-container.with-count .carousel-count-arrow:before {
        box-shadow: none !important;
    }
}

@supports not (stroke-color: transparent) {
    .slider-bc .carousel-count-arrow-container.with-count .carousel-count-arrow:after {
       box-shadow: none !important;
    }
}

.layout-content-holder-bc .hm-row-bc:nth-child(1) .slider-bc .carousel-count-arrow-container {
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
}



.asideMenuBurger {
    padding-left: 15px;
    background: #500d6b00;
}
.asideMenuOpen {
    background-image: url(https://i.hizliresim.com/me0sbst.jpg) !important;
}

.asideMenuNavItem:hover {
  transform: scale(1.1); 
  transition: transform 0.3s ease-in-out; 
}
[class*=is-web] .asideMenuOpen, [class*=is-web] .asideMenuCompact {
    gap: 15px !important;
    height: 100%;
    padding-top: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}



[class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc {
    height: 40px !important;
}
.m-block-nav-items-bc {
    width: 100%;
    padding: var(--padding-page-aside);
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px !important;
    text-align: center;
}
/* ============================================================
   ASIDE MENU — V19 FINAL
   ============================================================
   Yapı:
   1. Buton temel boyutları (42px üst, 32px alt menü)
   2. Animated rotating borders (CMS override fix + senkron)
   3. İkon yapısı + breathe animasyonu
   4. İkon URL'leri (href bazlı, dil-agnostik)
   5. Joker Crash kayan ikon
   6. Dünya Kupası YENİ badge
   7. Akordeon davranışı (alt menü)
   ============================================================ */


/* ============================================================
   1. BUTON TEMEL BOYUTLARI
   ============================================================ */

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem {
    min-height: 42px !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 9px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem > .asideMenuNavLink {
    min-height: 42px !important;
}

[class*=is-web] .asideMenuCompact > .asideMenuNavItem {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
}

[class*=is-web] .asideMenuOpen > .asideMenuNavItem > .asideMenuNavLink {
    padding-left: 14px !important;
    padding-right: 12px !important;
    gap: 12px !important;
    color: #fff !important;
    text-decoration: none !important;
}

[class*=is-web] .asideMenuCompact > .asideMenuNavItem > .asideMenuNavLink {
    padding: 0 !important;
    justify-content: center !important;
    color: #fff !important;
    text-decoration: none !important;
}

[class*=is-web] .asideMenuOpen > .asideMenuNavItem .asideMenuCompactNav {
    padding: 0 !important;
}
[class*=is-web] .asideMenuCompact > .asideMenuNavItem .asideMenuCompactNav {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem > .asideMenuNavLink .asideMenuOpenNavTitle {
    margin-left: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    color: #fff !important;
}


/* ============================================================
   2. ANIMATED ROTATING BORDERS (CMS Override Fix)
   ============================================================
   Double class (.asideMenuNavItem.asideMenuNavItem) ile
   CMS'in default background kuralını yeniyoruz.
   Animation child butonlarda, hepsi aynı keyframe → senkron.
   ============================================================ */

@property --aside-rot {
    syntax: '';
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotAsideV19 {
    to { --aside-rot: 360deg; }
}

/* Default — Mor + Gold */
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem.asideMenuNavItem {
    background: linear-gradient(180deg, #1a1230 0%, #0e0820 100%) padding-box,
                conic-gradient(from var(--aside-rot, 0deg),
                    rgba(181,118,250,0.85) 0deg, #b576fa 90deg,
                    #fbbf24 180deg, rgba(251,191,36,0.85) 270deg,
                    rgba(181,118,250,0.85) 360deg) border-box !important;
    animation: rotAsideV19 8s linear infinite !important;
}

/* Dünya Kupası — Yeşil + Gold */
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem.asideMenuNavItem:has(> a[href*="wonder-wheel"]) {
    background: linear-gradient(180deg, #0e1810 0%, #050a06 100%) padding-box,
                conic-gradient(from var(--aside-rot, 0deg),
                    rgba(0,201,122,0.85) 0deg, #00c97a 90deg,
                    #fbbf24 180deg, rgba(251,191,36,0.85) 270deg,
                    rgba(0,201,122,0.85) 360deg) border-box !important;
    overflow: visible !important;
}

/* JOKER CRASH — Mavi + Yeşil + Turuncu */
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem.asideMenuNavItem:has(> a[href*="joker-crash"]) {
    background: linear-gradient(180deg, #061a2e 0%, #03101e 100%) padding-box,
                conic-gradient(from var(--aside-rot, 0deg),
                    rgba(1,173,253,0.85) 0deg, #01adfd 80deg,
                    #00c97a 160deg, rgba(0,201,122,0.9) 220deg,
                    #ff8800 300deg, rgba(1,173,253,0.85) 360deg) border-box !important;
    position: relative !important;
    overflow: hidden !important;
}

/* BONUSLAR / Promotions — Turuncu + Gold */
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem.asideMenuNavItem:has(> a[href*="/promotions"]) {
    background: linear-gradient(180deg, #1a1408 0%, #0e0a04 100%) padding-box,
                conic-gradient(from var(--aside-rot, 0deg),
                    rgba(255,136,0,0.85) 0deg, #ff8800 90deg,
                    #fbbf24 180deg, rgba(251,191,36,0.85) 270deg,
                    rgba(255,136,0,0.85) 360deg) border-box !important;
}


/* ============================================================
   3. İKON YAPISI + BREATHE ANİMASYONU
   ============================================================ */

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    animation: asideBreathe 2.2s ease-in-out infinite !important;
    transform-origin: center center !important;
    border: none !important;
    overflow: hidden;
    font-size: 0 !important;
    flex-shrink: 0 !important;
}

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem > .asideMenuNavLink .asideMenuNavItemIconWrapper > svg {
    display: none !important;
}

@keyframes asideBreathe {
    0%, 100% { transform: scale(1)    rotate(-2deg); }
    50%      { transform: scale(1.06) rotate(2deg);  }
}

/* JOKER CRASH default ikon gizle (kayan ikon ::before ile gelecek) */
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="joker-crash"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: none !important;
    opacity: 0 !important;
}


/* ============================================================
   4. İKON URL'LERİ (href bazlı, dil-agnostik)
   ============================================================ */

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="pre-match/event-view"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/01-mac-oncesi.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="sports/live/event-view"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/02-canli.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href$="/casino/slots"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/03-slot.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="vipslot"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/04-joker-vip-slot.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="live-casino"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/05-canli-casino.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href$="/games/home"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/06-oyunlar.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="wonder-wheel"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/07-dunya-kupasi-carki-II.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="superbingo"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/08-superbingo.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="/promotions"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/16-bonuslar.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="avi"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/09-avi.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="virtual-sports"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/11-sanal-sporlar.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="tv-games"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/12-tv-oyunlari.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="zeppelin"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/13-zeppelin.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href$="/esports"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/14-e-sporlar.png) !important;
}
[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="blast"]) > .asideMenuNavLink .asideMenuNavItemIconWrapper {
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/15-blast.png) !important;
}


/* ============================================================
   5. JOKER CRASH KAYAN İKON
   ============================================================ */

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="joker-crash"])::before {
    content: '' !important;
    position: absolute !important;
    width: 26px !important;
    height: 26px !important;
    top: 21px !important;
    margin-top: -13px !important;
    background-image: url(https://cdn.jsdelivr.net/gh/cosmic-bandit/joker-asset@v1/10-joker-crash.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 0 !important;
    pointer-events: none !important;
    animation: jcFly 5s ease-in-out infinite !important;
}

[class*=is-web] :is(.asideMenuOpen, .asideMenuCompact) > .asideMenuNavItem:has(> a[href*="joker-crash"]) > .asideMenuNavLink {
    position: relative !important;
    z-index: 2 !important;
}

@keyframes jcFly {
    0%   { left: 8px;                transform: scaleX(1);  }
    45%  { left: calc(100% - 34px);  transform: scaleX(1);  }
    50%  { left: calc(100% - 34px);  transform: scaleX(-1); }
    95%  { left: 8px;                transform: scaleX(-1); }
    100% { left: 8px;                transform: scaleX(1);  }
}


/* ============================================================
   6. DÜNYA KUPASI YENİ BADGE
   ============================================================ */

.asideMenuNavLink.badge-new {
    position: relative !important;
}

.asideMenuNavLink.badge-new::before {
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    display: none !important;
}

/* Açık state: YENİ yazısı, sağ üst dışa taşkın */
.asideMenuOpen .asideMenuNavLink.badge-new::after {
    content: attr(data-badge) !important;
    position: absolute !important;
    top: -8px !important;
    right: -4px !important;
    background: #f0a500 !important;
    color: #1a1205 !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    z-index: 10 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    transform: none !important;
}

/* Kapalı state: Sağ üstte kırmızı nokta */
.asideMenuCompact .asideMenuNavLink.badge-new::after {
    content: '' !important;
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #f87171 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 6px rgba(248, 113, 113, 0.9) !important;
    border: 2px solid #0e0820 !important;
    z-index: 3 !important;
    padding: 0 !important;
    font-size: 0 !important;
    transform: none !important;
}


/* ============================================================
   7. AKORDEON DAVRANIŞI (ALT MENÜ)
   ============================================================ */

/* 🔑 Açık parent — flex shrink olmasın, içeriği kadar yer kaplasın */
.asideMenuOpen > .asideMenuNavItem.expanded {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 42px !important;
}

/* 🔑 React-collapsed paneli görünür yap */
.asideMenuOpen .asideMenuNavItem.expanded > [id^="react-collapsed-panel"] {
    height: auto !important;
    display: block !important;
    overflow: visible !important;
}

/* 🔑 CMS'in .hiddenAsideSubMenu display: none kuralını yen */
.asideMenuOpen .asideMenuNavItem.expanded > [id^="react-collapsed-panel"] > .asideSubMenu.hiddenAsideSubMenu {
    display: block !important;
}

/* 🔑 Nested alt panelleri gizli tut — sadece 1. seviye açılır */
.asideMenuOpen .asideSubMenu .asideMenuNavItem [id^="react-collapsed-panel"] {
    display: none !important;
}

/* Alt panel layout */
.asideMenuOpen .asideMenuNavItem.expanded > [id^="react-collapsed-panel"] > .asideSubMenu {
    padding: 6px 0 !important;
    box-sizing: border-box !important;
}
.asideMenuOpen .asideMenuNavItem.expanded > [id^="react-collapsed-panel"] > .asideSubMenu > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* Alt buton — kompakt 32px + senkron border (double class ile CMS override) */
.asideMenuOpen .asideSubMenu .asideMenuNavItem.asideMenuNavItem {
    min-height: 32px !important;
    height: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    border: 1px solid transparent !important;
    background: linear-gradient(180deg, #1a1230 0%, #0e0820 100%) padding-box,
                conic-gradient(from var(--aside-rot, 0deg),
                    rgba(181,118,250,0.5) 0deg, rgba(181,118,250,0.8) 90deg,
                    rgba(251,191,36,0.6) 180deg, rgba(251,191,36,0.4) 270deg,
                    rgba(181,118,250,0.5) 360deg) border-box !important;
    animation: rotAsideV19 12s linear infinite !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Alt buton link — 32px sabit, dikey ortalı */
.asideMenuOpen .asideSubMenu .asideMenuNavItem > .asideMenuNavLink {
    min-height: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Alt buton yazı — line-height ile dikey ortala (P tag default margin'a karşı) */
.asideMenuOpen .asideSubMenu .asideSubMenuNavTitle {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 32px !important;
    display: block !important;
}

/* CMS default nav gradient çizgisini gizle */
.asideMenuOpen .asideSubMenu .asideMenuNavItem .asideMenuNavGradient {
    display: none !important;
}
/* ============================================================
   YATIRIM ÇEKİM LİMİTLERİ — Pure CSS Tablo
   ============================================================
   .footerInfoPage .content içindeki <p> etiketleri:
   - <p><strong>...</strong></p>     → Ana başlıklar (parlak, 5s)
   - <p>içinde <br>'lar var</p>      → Section kartları (solgun, 12s)
   - <p>&nbsp;</p>                   → Spacer (gizli)
   
   Conic-gradient merkezi `at 50% -200%` ile kart dışına itildi
   (kartın ortasında "ışın merkezi" görünmesin diye).
   ============================================================ */

@property --limits-rot {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes limitsRot { to { --limits-rot: 360deg; } }

/* CONTAINER — 600px genişlik, ortalanmış */
.footerInfoPage .content {
    width: 100% !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    background: rgba(0,0,0,0.2) !important;
    padding: 24px !important;
    border-radius: 12px !important;
}

/* TÜM <p>'leri sıfırla — sonra tek tek hedefliyoruz */
.footerInfoPage .content p {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* BOŞ <p>'leri gizle */
.footerInfoPage .content p:empty,
.footerInfoPage .content p:has(> br:only-child) {
    display: none !important;
}

/* === ANA BAŞLIKLAR — <p><strong>...</strong></p> === */
.footerInfoPage .content p:has(> strong:only-child) {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin: 24px 0 12px 0 !important;
    background:
        linear-gradient(135deg, #2a1547 0%, #1a0d2e 100%) padding-box,
        conic-gradient(from var(--limits-rot, 0deg) at 50% -200%,
            #b576fa 0deg, #d4a3ff 90deg,
            #fde68a 180deg, #fbbf24 270deg,
            #b576fa 360deg
        ) border-box !important;
    animation: limitsRot 5s linear infinite !important;
    text-align: center !important;
    font-size: 15px !important;
}

.footerInfoPage .content > p:has(> strong:only-child):first-child {
    margin-top: 0 !important;
}

.footerInfoPage .content p:has(> strong:only-child) strong {
    color: #fbbf24 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

/* === SECTION KARTLARI — <br>'lı <p>'ler === */
.footerInfoPage .content p:has(br) {
    display: block !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    padding: 18px 22px !important;
    margin: 0 0 14px 0 !important;
    background:
        linear-gradient(180deg, rgba(42,21,71,0.5) 0%, rgba(26,13,46,0.5) 100%) padding-box,
        conic-gradient(from var(--limits-rot, 0deg) at 50% -200%,
            rgba(181,118,250,0.4) 0deg,
            rgba(181,118,250,0.65) 90deg,
            rgba(251,191,36,0.5) 180deg,
            rgba(251,191,36,0.3) 270deg,
            rgba(181,118,250,0.4) 360deg
        ) border-box !important;
    animation: limitsRot 12s linear infinite !important;
    color: rgba(255,255,255,0.92) !important;
    font-size: 13.5px !important;
    line-height: 2 !important;
    letter-spacing: 0.2px !important;
}

/* Section kartının ilk strong'u (başlık) — gold + alt çizgi */
.footerInfoPage .content p:has(br) > strong:first-of-type {
    display: inline-block !important;
    color: #fbbf24 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(251, 191, 36, 0.25) !important;
    width: 100% !important;
}

/* Diğer strong'lar (limit isimleri) — beyaz kalın */
.footerInfoPage .content p:has(br) strong:not(:first-of-type) {
    color: #fff !important;
    font-weight: 600 !important;
}

/* ============================================================
   END — Yatırım Çekim Limitleri
   ============================================================ */
/* ============================================================
   PROMOSYON BANNER — Ortalama Fix
   ============================================================
   "Size Özel Kazandıran Promosyonlar" banner'ı sayfa boyu 
   değişince doğru ortalansın diye akıcı genişlik + center 
   background-position uygulanıyor. Kategori sekmeleri 
   (TÜMÜ/CASİNO/SPOR/VIP) bu container'ın içinde olduğu için 
   display:flex + justify-content:center ile onlar da ortada.
   ============================================================ */

.layout-content-holder-bc .promotion-horizontal-sl-list-bc {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex !important;
    justify-content: center !important;
}

/* ============================================================
   END — Promosyon Banner Ortalama
   ============================================================ */
/* ============================================================
   SADAKAT PUANI (loyaltyBonusHeader) GİZLEME
   ============================================================
   Login sonrası header'a eklenen SILVER/GOLD/PLATINUM rozetini gizler */
a.loyaltyBonusHeader {
    display: none !important;
}

/* ============================================================
   FEATURED GAME ITEM — Glass Morphism Card
   ============================================================
   Anasayfa "Öne Çıkan Etkinlikler" carousel'ında her maç kartı.
   Bağımlılık: --hdr-rot ve hdrBorderRotate (satır 1108, 1124)
   ============================================================ */
.featuredGameItem {
    background:
        linear-gradient(179deg, rgb(47, 27, 64) 0%, rgb(20, 11, 36) 100%) padding-box,
        conic-gradient(from var(--hdr-rot),
            rgba(181, 118, 250, 0.85) 0deg,
            #b576fa 90deg,
            #fbbf24 180deg,
            rgba(251, 191, 36, 0.85) 270deg,
            rgba(181, 118, 250, 0.85) 360deg
        ) border-box !important;
    border: 1.5px solid transparent !important;
    border-radius: 10px !important;
    animation: hdrBorderRotate 8s linear infinite !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    overflow: hidden !important;
    transition: transform 0.3s ease !important;
}

.featuredGameItem:hover {
    transform: translateY(-3px) !important;
}

.featuredGameItemHeader {
    background: rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.featuredGameItemBody {
    background: transparent !important;
}

.featuredGameItemPlayerImg {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
}

.featuredGameItemPlayer {
    height: auto !important;
    min-height: 32px !important;
}
/* ============================================ */
/* SLIDER MOR-GOLD ANİMASYONLU BORDER             */
/* (Bonus Talep buton stiliyle aynı palet)        */
/* ============================================ */

/* CSS Houdini ile angle tipi custom property tanımı.
   Conic-gradient'in açısını animate edebilmek için zorunlu. */
@property --slider-rot {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

/* Açıyı 0deg → 360deg arası döndüren keyframe */
@keyframes sliderRot {
  from { --slider-rot: 0deg; }
  to { --slider-rot: 360deg; }
}

/* Tüm slider item'larına dönen mor-gold conic-gradient halka.
   background-clip trick: padding-box iç dolgu, border-box halka. */
.slider-bc .sdr-item-bc {
  background:
    /* İç dolgu — koyu mor degrade */
    linear-gradient(rgb(26, 18, 48) 0%, rgb(14, 8, 32) 100%) padding-box,
    /* Dış border — dönen conic gradient */
    conic-gradient(
      from var(--slider-rot),
      rgba(181, 118, 250, 0.85) 0deg,
      rgb(181, 118, 250) 90deg,
      rgb(251, 191, 36) 180deg,
      rgba(251, 191, 36, 0.85) 270deg,
      rgba(181, 118, 250, 0.85) 360deg
    ) border-box !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  animation: sliderRot 8s linear infinite !important;
}

/* CMS'in eski mavi border-image animasyonunu devre dışı bırak,
   ama içerik overlay'ini (alt karartma) koru — olduğu gibi kalır */
.slider-bc .sdr-item-bc::before {
  border-image: none !important;
  animation: none !important;
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR — YUVARLAK İKON HALKALARI + HOVER GLASS PANEL
   ═══════════════════════════════════════════════════════════ */

/* Dönen halka için keyframe */
@keyframes sidebar-icon-ring-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Yuvarlak ikon container — halkanın taşabilmesi için */
.sidebar-content .sidebar-item .sidebar-image {
  position: relative !important;
  overflow: visible !important;
}

/* CMS'in pürüzlü ::before degradesini kapat */
.sidebar-content .sidebar-item .sidebar-image::before {
  display: none !important;
}

/* İkonun etrafında dönen mor-gold halka (1.5px, 8s) */
.sidebar-content .sidebar-item .sidebar-image::after {
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: 50% !important;
  background: conic-gradient(
    rgba(181, 118, 250, 0.85) 0deg,
    #b576fa 90deg,
    #fbbf24 180deg,
    rgba(251, 191, 36, 0.85) 270deg,
    rgba(181, 118, 250, 0.85) 360deg
  ) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  padding: 1.5px !important;
  box-sizing: border-box !important;
  z-index: 0 !important;
  animation: sidebar-icon-ring-spin 8s linear infinite !important;
  pointer-events: none !important;
}

/* Hover'da mor tonlu glassmorphism panel */
.sidebar-content .sidebar-item:hover {
  background: rgba(55, 14, 83, 0.45) !important;
  background-image: linear-gradient(
    135deg,
    rgba(55, 14, 83, 0.55) 0%,
    rgba(27, 12, 55, 0.45) 100%
  ) !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
  border: 0 !important;
  transition: background-image 0.3s ease, backdrop-filter 0.3s ease !important;
}
/* ═══════════════════════════════════════════════════════════
   SLIDER BANNER — HOVER'DA ÇIKAN İSTENMEYEN MOR BORDER'I KALDIR
   ═══════════════════════════════════════════════════════════ */

.has-slider .slider-bc,
.has-slider .slider-bc:hover {
  border: 0 !important;
}
/* ============================================================
   JACKPOT POOLS WIDGET — Casino Jackpot Kartları
   ============================================================
   Anasayfa "Jackpot" carousel'ında her sağlayıcı (AMUSNET,
   APOLLOGAMES, FUGASOOGS vb.) için kart tasarımı.

   Yapı:
   .jackpotPoolsWidgetTemplate  → DIŞ wrapper (transparent,
                                  üstteki oyun ikonları için
                                  padding-top:30px korunur)
   └─ .jackpotWidgetWrapper     → ASIL KART (mor+gold animasyonlu
                                  border, Featured Games stili)
      └─ .jackpotPoolWrapper    → İÇ KUTULAR — PIKES/HEARTS/DIAMONDS
                                  vb. (mavi+gold statik border)

   Bağımlılık: --hdr-rot ve hdrBorderRotate (satır 1108, 1124)
   ============================================================ */

/* DIŞ KART — Mor + Gold animasyonlu border (Featured Games ile aynı) */
.jackpotWidgetWrapper {
    background:
        linear-gradient(179deg, rgb(47, 27, 64) 0%, rgb(20, 11, 36) 100%) padding-box,
        conic-gradient(from var(--hdr-rot),
            rgba(181, 118, 250, 0.85) 0deg,
            #b576fa 90deg,
            #fbbf24 180deg,
            rgba(251, 191, 36, 0.85) 270deg,
            rgba(181, 118, 250, 0.85) 360deg
        ) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    animation: hdrBorderRotate 8s linear infinite !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    padding: 16px !important;
}

/* İÇ POOL KUTULARI — Mavi + Gold statik border */
.jackpotPoolWrapper {
    background:
        linear-gradient(180deg, rgb(20, 22, 50) 0%, rgb(10, 12, 28) 100%) padding-box,
        linear-gradient(135deg,
            rgba(1, 173, 253, 0.55) 0%,
            rgba(251, 191, 36, 0.55) 100%
        ) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
}

/* Para sembolü — Gold tonu (mavi+gold border'a uyum) */
.jackpotPoolMoneyCurrencySymbol {
    color: #fbbf24 !important;
    margin-left: 4px !important;
}

/* ============================================================
   END — Jackpot Pools Widget
   ============================================================ */
/* ============================================================
   TURNUVALAR WIDGET — Kart + Info + Butonlar + Prize
   ============================================================
   - Dış kart       → Mor+Gold rotating border 8s
   - İnfo wrapper   → Gold %20 outline (statik)
   - Prize tutarı   → Gold
   - Ayrıntılar btn → Mor+Gold rotating border (ince + sönük)
   - Join btn       → Mor→Turuncu zemin + siyah kalın yazı
   
   Butonlar Anlık Kazançlar ile aynı --winner-rot değişkenini
   paylaşıyor → senkron dönüyor.
   ============================================================ */

/* DIŞ KART — Mor+Gold rotating border */
.tournamentsWidgetItem {
    background:
        linear-gradient(179deg, rgb(47, 27, 64) 0%, rgb(20, 11, 36) 100%) padding-box,
        conic-gradient(from var(--winner-rot, 0deg),
            rgba(181, 118, 250, 0.85) 0deg,
            #b576fa 90deg,
            #fbbf24 180deg,
            rgba(251, 191, 36, 0.85) 270deg,
            rgba(181, 118, 250, 0.85) 360deg
        ) border-box !important;
    border: 1.5px solid transparent !important;
    border-radius: 13px !important;
    animation: winnerBorderRotate 8s linear infinite !important;
    overflow: hidden !important;
}

/* İNFO PANELİ — gold %20 outline */
.tournamentsWidgetInfo {
    outline: 1px solid rgba(251, 191, 36, 0.2) !important;
    outline-offset: -1px !important;
    border-radius: 10px !important;
}

/* PRIZE POOL TUTARI — gold */
.tournamentsWidgetPrice {
    color: #fbbf24 !important;
}

/* AYRINTILAR BUTONU — Mor+Gold ince + sönük rotating border */
.tournamentsWidgetButtons .ds-btn-variant--transparent {
    position: relative !important;
    border: 1px solid transparent !important;
    background:
        linear-gradient(179deg, #43265c 0%, #1c0c2f 50%, #2b163f 100%) padding-box,
        conic-gradient(from var(--winner-rot, 0deg),
            rgba(181, 118, 250, 0.55) 0deg,
            rgba(181, 118, 250, 0.7) 90deg,
            rgba(251, 191, 36, 0.55) 180deg,
            rgba(251, 191, 36, 0.45) 270deg,
            rgba(181, 118, 250, 0.55) 360deg
        ) border-box !important;
    animation: winnerBorderRotate 8s linear infinite !important;
    transition: transform 0.25s ease !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* JOIN BUTONU — Mor→Turuncu zemin */
.tournamentsWidgetButtons .ds-btn-variant--primary {
    position: relative !important;
    background: linear-gradient(135deg, #b576fa 0%, #ff8800 100%) !important;
    border: 1px solid transparent !important;
    animation: none !important;
    transition: transform 0.25s ease !important;
    box-shadow: none !important;
}

/* JOIN yazısı — siyah, text-stroke ile kalın */
.tournamentsWidgetButtons .ds-btn-variant--primary .btn__label {
    color: #000 !important;
    -webkit-text-stroke: 0.5px #000 !important;
}

/* CMS'in beyaz hover overlay'i (::before) — tüm butonlarda nötrle */
.tournamentsWidgetButtons .ds-btn::before,
.tournamentsWidgetButtons .ds-btn:hover::before {
    background: transparent !important;
    background-color: transparent !important;
    content: none !important;
}

/* Hover — sadece yukarı kalk, parıltı yok */
.tournamentsWidgetButtons .ds-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: none !important;
    filter: none !important;
}

/* ============================================================
   END — Turnuvalar Widget
   ============================================================ */