:root
{
    --menu:33,37,54 !important;
}
body {
  background: rgb(22, 25, 34) !important;
}
#root{
    padding: 0 5% !important;
}
.layout-footer-holder-bc {
  background: rgb(22, 25, 34) !important;
}
.layout-header-holder-bc {
  background: rgb(22, 25, 34) !important;
  box-shadow: 0 var(--desktop-header-margin-bottom) 0 0 rgb(22, 25, 34) !important;
}
.informative-widget {
    background: #212536 !important;
}
.informative-widget-link {
    border-top: 2px solid #9F092F !important;
}
.hdr-dynamic-content .e-p-close-icon-bc {
    right: 6px !important;
    top: 14px !important;
    font-size: 16px !important;
}

/* Banner Animasyonları */
@keyframes bannerGlow {
    0%, 100% {
        box-shadow: 0 4px 20px rgba(var(--cs-pr), 0.6),
            0 0 40px rgba(var(--cs-sc), 0.3);
    }
    50% {
        box-shadow: 0 4px 30px rgba(var(--cs-pr), 0.8),
            0 0 60px rgba(var(--cs-sc), 0.5);
    }
}

@keyframes megafonBounce {
    0%, 100% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.1) rotate(-5deg);
    }
    75% {
        transform: scale(1.1) rotate(5deg);
    }
}

/* MOBİL - Banner */
@media (max-width: 768px) {
    .informative-widget .informative-widget-container span,
    .informative-widget .informative-widget-container span p {
        font-size: 12px !important;
    }

    .informative-widget .informative-widget-container::before {
        font-size: 16px !important;
    }

    .hm-row-bc:has(.informative-widget) {
        padding: 10px 50px 10px 15px !important;
    }
}

/* ============================================
   LOGO PADDING - Üst ve Alt Boşluk
   ============================================ */

.hdr-main-content-bc {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

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


/* ============================================
   OYUN CARDları - 3D PERSPECTIVE (Grileşme Kaldırıldı + Oyna Butonu)
   ============================================ */

/* Ana container */
.justiceGamesInner,
.AiPromotedGamesWidgetInner {
    overflow: visible !important;
    position: relative !important;
    padding: 0px 0 !important;
    display: flex !important;
    justify-content: center !important;
}

/* Swiper container */
.justiceGamesInner .swiper,
.AiPromotedGamesWidgetInner .swiper {
    overflow: visible !important;
    padding: 50px 100px !important;
    max-width: 100% !important;
}

/* Swiper wrapper - ORTALANMIŞ */
.justiceGamesInner .swiper-wrapper,
.AiPromotedGamesWidgetInner .swiper-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    perspective: 1000px !important;
    transition: transform 0.5s ease !important;
}

/* Carousel wrapper */
.carouselWrapper,
.carouselWrapper.carousel {
    overflow: visible !important;
}

/* Swiper slide */
.justiceGamesInner .swiper-slide,
.AiPromotedGamesWidgetInner .swiper-slide {
    width: 240px !important;
    flex-shrink: 0 !important;
    margin-left: -80px !important;
    position: relative !important;
    transition: all 0.5s ease !important;
    cursor: pointer !important;
}

/* İlk kart */
.justiceGamesInner .swiper-slide:first-child,
.AiPromotedGamesWidgetInner .swiper-slide:first-child {
    margin-left: 0 !important;
}

/* DEFAULT DURUŞ */
.justiceGamesInner .swiper-slide,
.AiPromotedGamesWidgetInner .swiper-slide {
    transform: rotateY(-22deg) scale(1) !important;
    opacity: 1 !important;
    filter: brightness(1) !important;
}

/* Z-index */
.justiceGamesInner .swiper-slide:nth-child(1) {
    z-index: 10 !important;
}
.justiceGamesInner .swiper-slide:nth-child(2) {
    z-index: 9 !important;
}
.justiceGamesInner .swiper-slide:nth-child(3) {
    z-index: 8 !important;
}
.justiceGamesInner .swiper-slide:nth-child(4) {
    z-index: 7 !important;
}
.justiceGamesInner .swiper-slide:nth-child(5) {
    z-index: 6 !important;
}
.justiceGamesInner .swiper-slide:nth-child(6) {
    z-index: 5 !important;
}
.justiceGamesInner .swiper-slide:nth-child(7) {
    z-index: 4 !important;
}
.justiceGamesInner .swiper-slide:nth-child(8) {
    z-index: 3 !important;
}
.justiceGamesInner .swiper-slide:nth-child(9) {
    z-index: 2 !important;
}
.justiceGamesInner .swiper-slide:nth-child(10) {
    z-index: 1 !important;
}

.AiPromotedGamesWidgetInner .swiper-slide:nth-child(1) {
    z-index: 10 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(2) {
    z-index: 9 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(3) {
    z-index: 8 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(4) {
    z-index: 7 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(5) {
    z-index: 6 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(6) {
    z-index: 5 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(7) {
    z-index: 4 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(8) {
    z-index: 3 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(9) {
    z-index: 2 !important;
}
.AiPromotedGamesWidgetInner .swiper-slide:nth-child(10) {
    z-index: 1 !important;
}

/* HOVER - YERİNDE BÜYÜME */
.justiceGamesInner .swiper-slide:hover,
.AiPromotedGamesWidgetInner .swiper-slide:hover {
    transform: rotateY(0deg) scale(1.2) !important;
    opacity: 1 !important;
    filter: brightness(1.2) saturate(1.2) !important;
    z-index: 9999 !important;
}

/* EN SOLDAKİ KARTLAR - Wrapper SAĞA */
.justiceGamesInner .swiper:has(.swiper-slide:nth-child(-n+2):hover) .swiper-wrapper,
.AiPromotedGamesWidgetInner .swiper:has(.swiper-slide:nth-child(-n+2):hover) .swiper-wrapper {
    transform: translateX(100px) !important;
}

/* EN SAĞDAKİ KARTLAR - Wrapper SOLA */
.justiceGamesInner .swiper:has(.swiper-slide:nth-last-child(-n+2):hover) .swiper-wrapper,
.AiPromotedGamesWidgetInner .swiper:has(.swiper-slide:nth-last-child(-n+2):hover) .swiper-wrapper {
    transform: translateX(-100px) !important;
}

/* Hover sırasında diğerleri - GRİLEŞME KALDIRILDI */
.justiceGamesInner .swiper:hover .swiper-slide:not(:hover),
.AiPromotedGamesWidgetInner .swiper:hover .swiper-slide:not(:hover) {
    transform: rotateY(-30deg) scale(0.9) !important;
    opacity: 0.85 !important;
    filter: brightness(0.85) !important;
}

/* casinoGameItemContent */
.justiceGamesInner .casinoGameItemContent,
.AiPromotedGamesWidgetInner .casinoGameItemContent {
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,
        rgba(var(--cs-pr), 0.3) 0%,
        rgba(var(--cs-black), 0.9) 100%) !important;
    border: 2px solid rgba(var(--cs-pr), 0.6) !important;
    box-shadow: 0 10px 40px rgba(var(--cs-black), 0.7),
        0 0 50px rgba(var(--cs-pr), 0.4) !important;
    transition: all 0.5s ease !important;
}

.justiceGamesInner .swiper-slide:hover .casinoGameItemContent,
.AiPromotedGamesWidgetInner .swiper-slide:hover .casinoGameItemContent {
    border-color: rgba(var(--cs-sc), 1) !important;
    box-shadow: 0 30px 80px rgba(var(--cs-pr), 1),
        0 0 120px rgba(var(--cs-sc), 0.8) !important;
}

/* Gradient overlay - KALDIR */
.justiceGamesInner .casinoGameItemContent::before,
.AiPromotedGamesWidgetInner .casinoGameItemContent::before {
    display: none !important;
}

/* casinoGameItem */
.justiceGamesInner .casinoGameItem,
.AiPromotedGamesWidgetInner .casinoGameItem {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

/* Oyun görseli */
.justiceGamesInner .casinoGameItemImage,
.AiPromotedGamesWidgetInner .casinoGameItemImage {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 10px !important;
    transition: filter 0.5s ease !important;
}

/* Hover'da PARLAK */
.justiceGamesInner .swiper-slide:hover .casinoGameItemImage,
.AiPromotedGamesWidgetInner .swiper-slide:hover .casinoGameItemImage {
    filter: brightness(1.15) saturate(1.25) contrast(1.05) !important;
}

/* Favorite icon */
.justiceGamesInner .casinoGameItemFavBc,
.AiPromotedGamesWidgetInner .casinoGameItemFavBc {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    font-size: 22px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    z-index: 10 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

.justiceGamesInner .casinoGameItemFavBc:hover,
.AiPromotedGamesWidgetInner .casinoGameItemFavBc:hover {
    color: rgb(var(--cs-sc)) !important;
    transform: scale(1.2) rotate(15deg) !important;
    filter: drop-shadow(0 0 10px rgba(var(--cs-sc), 1));
}

/* ORİJİNAL OVERLAY - GERİ GETİR (OYNA/DEMO butonları) */
.justiceGamesInner .casinoGameItem > div:last-child,
.AiPromotedGamesWidgetInner .casinoGameItem > div:last-child {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 5 !important;
}

.justiceGamesInner .swiper-slide:hover .casinoGameItem > div:last-child,
.AiPromotedGamesWidgetInner .swiper-slide:hover .casinoGameItem > div:last-child {
    opacity: 1 !important;
}

/* Butonlar */
.justiceGamesInner .casinoGameItem button,
.AiPromotedGamesWidgetInner .casinoGameItem button {
    display: inline-block !important;
    pointer-events: auto !important;
}

/* Provider badge - GİZLE */
.justiceGamesInner .providerBadgeBlock,
.AiPromotedGamesWidgetInner .providerBadgeBlock {
    display: none !important;
}

/* Navigation - GİZLE (SADECE OYUN KARTLARI İÇİN) */
.justiceGamesInner .swiper-button-prev,
.justiceGamesInner .swiper-button-next,
.AiPromotedGamesWidgetInner .swiper-button-prev,
.AiPromotedGamesWidgetInner .swiper-button-next,
.justiceGamesInner .swiper-pagination,
.AiPromotedGamesWidgetInner .swiper-pagination {
    display: none !important;
}

/* ============================================
   LOGO PADDING - Üst ve Alt Boşluk
   ============================================ */

.hdr-main-content-bc {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

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

.hdr-logo-bc {
    padding: 10px 0 !important;
}


/* ============================================
   PRODUCT BANNER BUTONLARI - KÜÇÜLT VE ORTALA
   ============================================ */
/* Buton görselleri */
.product-banner-container-bc .product-banner-img-bc {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Hover efekti */
.product-banner-container-bc .product-banner-bc:hover {
    transform: translateY(-5px) scale(1.1) !important;
    box-shadow: 0 8px 25px rgba(var(--cs-pr), 0.6),
        0 0 30px rgba(var(--cs-sc), 0.4) !important;
    border-color: rgba(var(--cs-sc), 0.8) !important;
}
.header-bc {
    background: #151923 !important;
}
.nav-content-bc {
    background: #212536 !important;
}
.nav-menu-container .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper svg{
    display: none !important;
}
.nav-menu-container .nav-menu > li:nth-child(1) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(2) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(3) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(4) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(5) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(6) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(7) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(8) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(9) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(10) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li:nth-child(11) > .nav-menu-item > .CMSIconSVGWrapper::before {
    content: "";
}
.nav-menu-container .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper::before {
    font-size: 1.3rem;
    font-family: BetConstruct-Icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    background-image: linear-gradient(140deg, rgb(97,0,27) 0%, rgb(199,16,60) 29%, rgb(97,0,27) 67%, rgb(199,16,60) 100%) !important;
    background-size: 200% auto;
    color: #fff !important;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.4s linear infinite;
}
.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: rgba(var(--menu),1);
    box-shadow: inset 0 2px rgb(97,0,27,1) !important;
}
.hdr-user-bc .sign-in,
.hdr-user-bc .btn.register{
    background: linear-gradient(to top, rgb(97,0,27), rgb(199,16,60)) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    text-decoration: none !important;
    color: #fff !important;
}
hdr-main-content-bc .infoTime {
  background: transparent !important;
}
.hdr-toggle-button-bc {
  background: linear-gradient(to top, rgb(97,0,27), rgb(199,16,60)) !important;
}
.footerHeader {
  box-shadow: 0 -1px rgba(var(--b-sc),.3) inset !important;
}
.sliderGroup .sliderContent:nth-child(2) .horizontalSliderElem{
    background: transparent !important;
}
.sliderGroup .sliderContent:nth-child(2) .horizontalSliderElem .horizontalSliderImg {
  filter: inherit !important;
  opacity: 1 !important;
}
.has-sub-navigation .layout-header-holder-bc {
  border-bottom: none !important;
}