.layout-bc {
    background-image: url("https://hizliresim.com/9y6vohl");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center center !important;
}

.providerItemsBtn {
    background: radial-gradient(#f7931d, #d8d0d05c) !important;
}

.layout-bc:not(.page-full-size) .layout-content-holder-bc,
.layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    margin: 0 auto !important;
    padding: 0 72px !important;
}

img.casino-game-item-image-bc {
    border: 1px solid orange !important;
    border-radius: 28px !important;
}

img.product-banner-img-bc {
    border: 1px solid orange !important;
    border-radius: 22px !important;
}

.sdr-item-bc::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    background: transparent !important;
}

img.sdr-image-bc {
    border-radius: 18px !important;
}

/* Header */
.layout-header-holder-bc {
    position: sticky !important;
    top: 0 !important;
    z-index: 952 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header-bc,
header.header-bc {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    background: rgb(0 0 0 / 73%) !important;
    border-radius: 23px !important;
}

img.hdr-logo-bc {
    border-radius: 16px !important;
}

article.promotionsListEl-bc {
    border: 3px solid #f7941f !important;
    border-radius: 18px !important;
}

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

/* Navigasyon: görünürlük, genişlik, overflow ve hidden-global sistemine dokunulmaz. */
.header-bc .nav-content-bc {
    --custom-menu-height: 32px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
    font-family: "Poppins", sans-serif !important;
}

.header-bc .nav-content-bc > .nav-content-menu,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation {
    height: var(--custom-menu-height) !important;
    min-height: var(--custom-menu-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-family: "Poppins", sans-serif !important;
}

.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu {
    height: var(--custom-menu-height) !important;
    min-height: var(--custom-menu-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li {
    height: var(--custom-menu-height) !important;
    min-height: var(--custom-menu-height) !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
}

.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu-other,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu-other {
    height: var(--custom-menu-height) !important;
    min-height: var(--custom-menu-height) !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    align-items: center !important;
    background: #000 !important;
}

/* Ana ve ikinci yatay menü öğeleri */
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: center !important;
    height: var(--custom-menu-height) !important;
    min-height: var(--custom-menu-height) !important;
    margin: 0 !important;
    padding: 0 9px !important;
    gap: 6px !important;
    color: #fff !important;
    background: transparent !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Ana menü SVG ikonları */
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper {
    display: inline-flex !important;
    flex: 0 0 21px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f7931d !important;
    line-height: 1 !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper > svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: currentColor !important;
}

/* Ana menü alt menü oku */
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item > .nav-menu-sub-arrow {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 1px !important;
    padding: 0 !important;
    color: #f7931d !important;
    font-size: 10px !important;
    line-height: 1 !important;
    transform: none !important;
    background: none !important;
}

/* DAHA ikonu */
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f7931d !important;
    font-size: 21px !important;
    line-height: 1 !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Ana menü: girişte animasyonlu alt çizgi */
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item {
    transition: color 0.18s ease !important;
}

.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item::before,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 9px !important;
    bottom: 1px !important;
    left: 9px !important;
    width: auto !important;
    height: 2px !important;
    background: #f7931d !important;
    border: 0 !important;
    border-radius: 2px !important;
    opacity: 0 !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    pointer-events: none !important;
    transition: transform 0.2s ease, opacity 0.12s ease !important;
}

.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu > li:hover > .nav-menu-item::before,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item:hover::before,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.active::before,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu-other:hover > .nav-menu-item::before,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item:hover::before,
.header-bc .nav-content-bc > .nav-content-menu > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item.active::before {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* İkinci yatay menü: gecikmesiz alt çizgi */
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item::before,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item::before {
    content: none !important;
    display: none !important;
}

.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu > li:hover > .nav-menu-item,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item:hover,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.active,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu-other:hover > .nav-menu-item,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item:hover,
.header-bc .nav-content-bc > .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item.active {
    background: transparent !important;
    box-shadow: inset 0 -2px 0 #f7931d !important;
    transition: none !important;
}

/* Tüm üst seviye hover/aktif durumlarında dolgu yok; ikonlar turuncu kalır. */
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li:hover > .nav-menu-item,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item:hover,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.active,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other:hover > .nav-menu-item,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item:hover,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item.active {
    color: #fff !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    text-decoration: none !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li:hover > .nav-menu-item > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item:hover > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.active > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li:hover > .nav-menu-item > .nav-menu-sub-arrow,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item:hover > .nav-menu-sub-arrow,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.active > .nav-menu-sub-arrow {
    color: #f7931d !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other:hover > .nav-menu-item > i,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item:hover > i,
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu-other > .nav-menu-item.active > i {
    color: #f7931d !important;
    -webkit-text-fill-color: #f7931d !important;
}

/* Açılır alt menüler */
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub {
    margin-top: 0 !important;
    padding: 3px 0 !important;
    background: #000 !important;
    font-family: "Poppins", sans-serif !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    gap: 6px !important;
    color: #fff !important;
    background: #000 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item::before {
    content: none !important;
    display: none !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item > i {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f7931d !important;
    line-height: 1 !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item > i {
    font-size: 16px !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item > .CMSIconSVGWrapper > svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li:hover > .nav-menu-item,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item:hover,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item.active {
    color: #fff !important;
    background: #000 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: inset 0 -2px 0 #f7931d !important;
    transition: none !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li:hover > .nav-menu-item > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item:hover > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item.active > .CMSIconSVGWrapper,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li:hover > .nav-menu-item > i,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item:hover > i,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-sub > li > .nav-menu-item.active > i {
    color: #f7931d !important;
}

/* Promosyon badge: normal, hover ve aktif durumda sürekli görünür. */
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li:has(> .nav-menu-item.badge-promo),
.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.badge-promo {
    overflow: visible !important;
}

.header-bc .nav-content-bc .nav-menu-container.header-navigation > .nav-menu > li > .nav-menu-item.badge-promo::after {
    content: attr(data-badge) !important;
    display: inline-flex !important;
    position: absolute !important;
    top: -6px !important;
    right: -4px !important;
    z-index: 100 !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    color: #fff !important;
    background: #f7931d !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 13px !important;
    white-space: nowrap !important;
    border: 0 !important;
    border-radius: 4px !important;
    outline: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    pointer-events: none !important;
}

/* Menü focus/active çerçeveleri */
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-item:focus,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-item:focus-visible,
.header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-item:active {
    border: 0 !important;
    outline: 0 !important;
}

/* Slider: çerçevesiz, menünün altında yalnızca 8px boşluk. */
#root.is-home-page .layout-content-holder-bc {
    margin-top: 0 !important;
    padding: 8px 60px 60px !important;
}

#root.is-home-page .layout-content-holder-bc > .hm-row-bc.has-slider,
#root.is-home-page .layout-content-holder-bc > .hm-row-bc.has-slider > .hm-row-bc-inner,
#root.is-home-page .layout-content-holder-bc > .hm-row-bc.has-slider .slider-bc {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#root.is-home-page .slider-bc,
#root.is-home-page .slider-bc .carouselWrapper,
#root.is-home-page .slider-bc .swiper,
#root.is-home-page .slider-bc .sdr-item-holder-bc,
#root.is-home-page .slider-bc .sdr-item-bc,
#root.is-home-page .slider-bc img.sdr-image-bc {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Diğer mevcut özel stiller */
.game-details-section {
    background: #0d0d0db0 !important;
}

div#betslip_container {
    background: #0d0d0dd1 !important;
}

.popular-matches-bc.upcoming-games {
    background: #0f060987 !important;
}

.layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    background: transparent !important;
}

.layout-footer-holder-bc {
    background: rgb(0 0 0 / 50%) !important;
}

h4.sliderTitle {
    display: none !important;
}