:root {
    --hero: 226, 32, 66 !important;
    --hero-hover: 232, 48, 81 !important;
    --oc-1-hover: 232, 48, 81 !important;
    --oc-1: 226, 32, 66 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.checkbox-control-bc:has(input[name="is_device_trusted"]) {
    display: none;
}



#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader {
    display: block !important;
}

#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.my-profile-info-block > div.dep-w-info-bc > div.payment-details-scrollable-container > div > div:nth-child(3) > div > div.expandable-info-body > div > p:nth-child(2) {
    background: #ff344945;
    border-radius: 8px;
    padding: 12px;
    color: #ead9d9 !important;
    margin-top: 9px;
}

.is-home-page .status-popup-content-w-bc {
    width: auto;
    padding: 15px 7px;
}

.is-home-page .popup-holder-bc.windowed .popup-inner-bc {
    width: 960px !important;
}

a.bc-i-live-chat.header-icon:before {
    color: #d4d4d4;
    padding: 10px;
    background: #282828;
    border-radius: 7px;
    border: 1px solid #3e3e3e;
}

.market-bc.active {
    background: rgba(var(--hero), 1) !important;
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.is-home-page {
    max-width: 1370px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.has-sub-navigation.page-full-size.casino-slots.compact-footer {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.live-casino-games.page-full-size.compact-footer {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

div#root.layout-bc .theme-default.smart-panel-is-visible.betslip-Hidden.skill-games-page.page-full-size.compact-footer.skill-games {
    max-width: 1370px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.has-sub-navigation.page-full-size.hide-tab-navigation-footer-mobile.compact-footer.virtual-sports {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.accordion-items .accordion-button {
    width: 200px !important;
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.page-full-size.tv-games.compact-footer {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

div#root.layout-bc:not(.page-full-size) .layout-content-holder-bc, .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    padding: 18px !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(11) {
    float: right!important;
    position: absolute!important;
    right: 0!important;
    background: #e22042!important;
    border-radius: 20px 0 0 0
}

div#root.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.is-home-page {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.crypto-currency-data {
    display: none !important;
}

:root {
    --menu-sc-rgb: 43, 43, 43 !important;
    --header: 16, 16, 16 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item {
    text-transform: capitalize !important;
}

.nav-menu-container.header-navigation:nth-child(2) .nav-menu-item {
    color: #ffffff80 !important;
}

.nav-menu-container.header-navigation:nth-child(2) {
    background: #151414 !important;
}

body {
    background: #0a0a0a
}

.layout-header-holder-bc {
    box-shadow: 0 10px 0 0 #0a0a0a!important;
}

.left-menu-search {
    background: #1e1e1e!important;
}

.left-menu-container .filter-sports-bc {
    background: #1e1e1e!important;
}

.left-menu-scroll>.sp-sub-list-bc {
    background: #2b2b2b!important;
}

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

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

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

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

.multi-column-content.active, .multi-column-content:hover {
    background: #2f2f2f!important;
}

.sportsbook .sgm-market-search {
    background: #080808!important;
}

.market-bc {
    background: #191919!important;
}

.sgm-market-g-item-bc.column-0, .sgm-market-g-item-bc.column-2, .sgm-market-g-item-bc.default {
    grid-template-columns: repeat(auto-fit,minmax(49%,1fr))!important;
    background: #0a0a0a!important;
}

.multi-column-teams {
    color: #bfbfbf!important;
}

.second-tabs-bc .tab-bc {
    background: #232323
}

.second-tabs-bc .tab-bc.active {
    background: #1e1e1e!important;
}

.multi-column-header {
    color: #8f8f8f!important;
}

.multi-column-content .multi-column-base {
    border: 0px solid rgba(var(--b-sc),.3)!important;
}

.ui-kit-toggle.active {
    background: #0a0a0a
}

.competition-details-header {
    background: #232323
}

.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc {
    background: #0a0a0a
}

.market-bc:hover {
    background: #2f2f2f
}

.stats-section-bc {
    background: #191919
}

.sgm-markets-head-bc {
    background: #191919
}

.layout-bc:not(.page-full-size) .layout-content-holder-bc, .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    background: rgb(14 14 14 / 55%)!important;
}

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

body {
    background: #121212!important;
}

.layout-header-holder-bc {
    box-shadow: 0px 10px 20px #00000078 !important;
}

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

.nav-menu-container.header-navigation:first-child {
    border-radius: 0px !important;
}

.nav-content-bc {
    border-radius: 0px !important;
}

.header-bc {
    border-radius: 0px !important;
}

span.hdr-time-bc {
    margin-right: 15px!important;
}

body {
    background-image: url(/storage/medias/romabet1/media_1867274_2a64781082f7acb38aafca84fada7317.png) !important;
    background-size: 100% !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-color: #000000 !important;
    background-repeat: no-repeat !important;
}

.hdr-logo-bc {
    max-width: 210px!important;
    padding: 4px 0!important;
}

.ftr-link {
    padding: 20px 22px !important;
}

.sportsbook {
    background: #101010!important;
}

.live-casino-games {
    background: #101010bd!important;
}

.casino-slots {
    background: #101010bd!important;
}

.skill-games {
    background: #101010bd!important;
}

.virtual-sports {
    background: #101010bd!important;
}

.tv-games {
    background: #101010bd!important;
}

.ftr-payments-row-img-bc {
    background: none !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: #2121218f !important;
    backdrop-filter: blur(10px)
}

.slider-bc .carousel-count-arrow-container.with-count i {
    background: rgb(0 0 0 / 28%) !important;
}

.e-p-header-bc {
    background: #101010 !important;
}

.popup-inner-bc {
    border-radius: 5px !important;
}

.selected-underline:before {
    height: 3px !important;
}

.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:nth-child(2) .nav-menu>li .nav-menu-item.active {
    color: rgba(var(--b-sc), 1) !important;
}

button.btn.s-small.register {
    border-radius: 50px !important;
    padding: 0 15px !important;
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0%;
    }
}

button.btn.s-small.sign-in {
    border-radius: 50px !important;
    border: 2px solid #e22042 !important;
    padding: 0 15px !important;
    text-decoration: none !important;
    margin-right: -5px;
}

.promotions-article-title {
    display: none !important;
}

.slider-market-coefficient-container .market-bc:nth-child(1):not(:last-child) {
    width: 60px !important;
    height: 26px !important;
}

.slider-market-coefficient-container .market-bc:nth-child(2):not(:last-child) {
    width: 60px !important;
    height: 26px !important;
}

.slider-market-coefficient-container .market-bc:nth-child(3) {
    width: 60px !important;
    height: 26px !important;
}

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

.slider-market-coefficient-container .market-odd-bc {
    font-size: 14px !important;
    color: white !important;
}

.slider-market-coefficient-container .market-bc:not(.active) {
    border: 1px solid #eb162a;
}

.casino-popup-content {
    display: flex !important;
    overflow-y: hidden !important;
}

#root .casino-popup-content>p img {
    height: 100% !important;
}

.is-home-page .popup-holder-bc.windowed .popup-inner-bc {
    min-width: 40px !important;
}

.popup-holder-bc {
    min-width: 40px !important;
}

.sportsbook .layout-content-holder-bc {
    max-width: unset !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.layout-content-holder-bc {
    max-width: 2200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.popup-holder-bc.windowed.info .popup-inner-bc {
    width: 50% !important;
    height: auto !important;
    max-width: 600px !important;
    max-height: 90vh !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow: hidden !important;
}

.popup-holder-bc.windowed.info .popup-inner-bc img {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .popup-holder-bc.windowed.info .popup-inner-bc {
        width: 80% !important;
    }
}

@media (min-width: 1200px) {
    .popup-holder-bc.windowed.info .popup-inner-bc {
        width: 40% !important;
    }
}

#base_popup_id > div > h3 {
    display: none !important;
}

#base_popup_id > div > label {
    display: none !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderRow {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))!important;
    gap: 20px!important;
    justify-content: center!important;
    padding: 5px !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem {
    display: flex !important;
    align-items: center!important;
    justify-content: center!important;
    width: 100%!important;
    max-width: 150px!important;
    aspect-ratio: 1 / 1!important;
    padding: 2px !important;
     }

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem {
    background-color: transparent !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem .horizontalSliderImg:hover {
    scale: 1.2 !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem .horizontalSliderImg {
    filter: none !important;
    opacity: 1 !important;
    width: auto !important;
    height: 32px !important;
}

#root > div.layout-content-holder-bc > div:nth-child(7) > div > div > a > img {
    max-width: 130px !important;
}

[class*=is-web] .horizontalSliderRow .sliderImage img {
    filter: unset !important;
    opacity: 1 !important;
}

.asideMenuCompactNav, .asideMenuOpenNav {
    color: rgb(219 219 219) !important;
}

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

    100% {
        opacity: 1
    }
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(2) > div > div {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 20px !important;
    justify-content: center !important;
    padding: 5px !important;
}


.asideMenuOverlay .asideMenuContent:before {
    -webkit-backdrop-filter: blur(0px) !important;
    backdrop-filter: blur(0px) !important;
}

.layout-header-holder-bc {
    margin-bottom: 0px !important;
}

.asideMenu {
    /* top: 120px !important; */
    height: 100% !important;
}

.countdown-banner-content {
    left: unset !important;
    right: 0px;
    bottom: 13px;
    top: unset !important;
}

.hasLeftMenu:not(.sportsbook) {
    grid-template-columns: 225px minmax(0, 1fr) !important;
}

.asideMenuBurger {
    display: none !important;
}

.asideMenuCompact {
    width: 226px !important;
    padding-bottom: 24px !important;
    gap: 12px !important;
}

.asideSubMenuNavTitle {
    padding-inline-start: 12px !important; font-size: 16px !important;
}

.asideSubMenuNavTitle {
    height: 20px !important;
    line-height: 20px !important;
}

.asideMenuCompact>.asideMenuNavItem {
    width: 218px;
}

.tooltip.leftMenuTooltip {
    display: none !important;
    visibility: none !important;
    border: none !important;
    background: none !important;
    animation: none !important;
}

.asideMenuNavLink {
    background-color: transparent !important;
    border-radius: 4px 4px 0 0 !important;
}

.asideMenuCompact .asideMenuNavLink[data-badge]:before {
    border-radius: 2px 8px 2px 2px;
}

.asideMenuCompact .asideMenuNavLink[data-badge]:before {
    content: attr(data-badge);
    padding: 1px 4px;
    letter-spacing: .5px;
    width: auto !important;
    height: auto !important;
}

.asideMenuOverlay .asideMenuContent:before {
    content: "";
    width: 100%;
    height: 100%;
    position: inherit !important;
    z-index: 950;
    left: 0;
    background: #00000080;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    animation: none !important;
}

.asideMenuNavLink.active .asideMenuOpenNav, .asideMenuNavLink.active .asideMenuCompactNav i, [class*=is-web] .asideMenuNavLink:hover .asideMenuOpenNav, [class*=is-web] .asideMenuNavLink:hover .asideMenuCompactNav i {
    color: none !important;
    background: none !important;
    border-color: none !important;
    border: none !important;
}

/* Prevent text selection in the menu */
.asideMenuCompact, .asideMenuCompact * {
    user-select: none !important;
    /* Prevent text selection */
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.asideMenuNavItem .asideSubMenu:before {
    background: transparent !important;
    content: none;
}

/* Main menu container */
/* Each menu item */
.asideMenuCompact > .asideMenuNavItem {
    width: 100% !important;
    /* Full width for better alignment */
    padding: 0 10px !important;
    /* Add padding for better spacing */
    box-sizing: border-box !important;
}

/* Menu links */
.asideMenuCompact .asideMenuNavLink {
    display: flex !important;
    align-items: center !important;
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 14px !important;
}

/* Hover effect for menu links */
.asideMenuCompact .asideMenuNavLink:hover {
    color: #ffffff !important;
}

.asideMenuCompact .asideMenuNavLink .active {
}

.asideMenuCompact .asideMenuNavLink:hover .asideSubMenuNavTitle, .asideMenuCompact .asideMenuNavLink .active .asideSubMenuNavTitle {
    color: #ffffff !important;
}

/* Badge styling (e.g., "Ücretsiz" on ŞANS ÇARKI) */
.asideMenuCompact .asideMenuNavLink[data-badge]:before {
    content: attr(data-badge) !important;
    padding: 2px 6px !important;
    letter-spacing: 0.5px !important;
    background-color: #ffcc00 !important;
    /* Yellow background for badge */
    color: #000000 !important;
    /* Black text for contrast */
    font-size: 12px !important;
    border-radius: 2px 8px 2px 2px !important;
    margin-left: 8px !important;
    /* Space between title and badge */
}

/* Compact nav (contains icon and title) */
.asideMenuCompactNav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding-left: 4px;
}

.asideMenuCompactNav i {
    font-size: 18px !important;
    color: #ffffff !important;
    width: 22px !important;
    text-align: center !important;
}

.asideMenuOpenNavTitle {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-inline-start: 0px;
    color: #ffffff !important;
    margin-inline-start: 4px !important;
    display: block !important;
}

.asideSubMenu {
    display: block !important;
    background-color: transparent !important;
    margin-top: 1px !important;
    padding-top: 7px !important;
    border-radius: 0 0 8px 8px;
}

/* Remove hidden class for submenus */
.hiddenAsideSubMenu {
    display: block !important;
}

/* Submenu items */
.asideSubMenuNavTitle {
    color: #cccccc !important;
    /* Lighter color for submenu items */
    font-size: 14px !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding-left: 0px;
    transition: transform 0.2s ease;
    font-family: "Poppins", sans-serif;
    font-weight: 400 !important;
}


/* Submenu links hover effect */
.asideSubMenuNavTitle:hover {
    color: #ffffff !important;
}

/* Remove any collapsed panel styles that hide content */
.asideMenuNavItem [id^="react-collapsed-panel-"] {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

/* Hide arrows since submenu is always open */
.asideMenuArrowRight {
    display: none !important;
}

.asideMenuNavLink.active>.asideSubMenuNavTitle:before {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Tooltip wrapper */
.tooltipIconWrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Remove overlay (if not needed) */
.asideMenuOverlay .asideMenuContent:before {
    display: none !important;
    /* Remove overlay since menu is always open */
}

.asideMenuOpenNav i, .asideMenuCompactNav i {
    color: #ffffff !important;
    text-shadow: 0px 2px 20px #ffffff85;
    background: #00000040;
    height: 41px !important;
    border-radius: 0px 30px 0px 0px !important;
    width: 43px !important;
    margin-left: -11px;
transition: margin-left 0.3s ease;
}

#root > div.asideMenuContent > div > div > div:nth-child(5) > a > div > p > i {
    text-shadow: 0px 2px 20px #ffffff85;
    background: transparent !important;
    margin-left: unset !important;
}

.asideMenuNavLink.active .asideMenuOpenNav, .asideMenuNavLink.active .asideMenuCompactNav i, [class*=is-web] .asideMenuNavLink:hover .asideMenuOpenNav, [class*=is-web] .asideMenuNavLink:hover .asideMenuCompactNav i {
    color: #ffffff !important;
    text-shadow: 0px 2px 20px #ffffff85;
    background: #00000040 !important;
    height: 41px !important;
    border-radius: 0px 30px 0px 0px !important;
    width: 43px !important;
    margin-left: -14px;
}

.asideMenuCompactNav, .asideMenuOpenNav {
    border-radius: 0px !important;
    height: 40px !important;
    font-family: "Poppins", sans-serif;
}

#root.hasLeftMenu {
    --asideMenuTop: calc(var(--desktop-header-height) + var(--desktop-sub-nav-height) + var(--desktop-header-margin-bottom) + var(--dynamic-header) - 10px) !important;
}

.asideMenuOpenArrowDown:before {
    color: #ff3449 !important;
}

.expandableContentData .container h2, .expandableContentData .container h3, .expandableContentData .container h4, .expandableContentData .container h5, .expandableContentData .container h6 {
    font-size: 20px !important;
    line-height: 20px !important;
    color: #cbcbcb !important;
}

.expandableContentData .container p {
    color: rgba(var(--b-sc), .5) !important;
    margin-bottom: 15px !important;
}

/* Spor sayfasindaki eski 175px sol bosluk kaldirildi. */

.asideMenu:after {
    box-shadow: none !important;
    background: linear-gradient(to top, rgb(37 11 15), rgb(41 17 22 / 15%)) !important;
}

.slider-bc .carousel-count-arrow-container.with-count {
    right: -15px !important;
}

.asideMenu {
    background: #10101000 !important;
    backdrop-filter: blur(4px);
    box-shadow: 1px 0px 0 #34222f !important;
    border-radius: 0px;
}

#react-collapsed-panel-\:r0\: > div > div > div:nth-child(2) > a::after {
    content: "LIVE";
    display: inline-block;
    margin-left: 8px;
    padding: 2px 6px;
    background-color: #e22042;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-radius: 4px;
    letter-spacing: 0.5px;
    line-height: 1;
    vertical-align: middle;
}

#react-collapsed-panel-\:r0\: > div > div > div:nth-child(2) > a > p {
    color: #64EA0A !important;
    animation: blinker 2s linear infinite;
}

.asideMenu .tooltipIconWrapper {
    background: #2C2C2C;
    background: linear-gradient(180deg, rgb(226 32 66) 0%, rgb(126 15 35) 100%);
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #b11a35;
    box-shadow: 0px 8px 10px #16131469;
}

#root > div.asideMenuContent > div > div > div:nth-child(1) > a :after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background-image: url("/storage/medias/romabet1/media_1867274_a18b9f60add99f7dc84ab8ead61fece8.svg");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 1;
    z-index: 2;
}

#root > div.asideMenuContent > div > div > div:nth-child(2) > a :after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background-image: url("/storage/medias/romabet1/media_1867274_a18b9f60add99f7dc84ab8ead61fece8.svg");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 1;
    z-index: 2;
}

#root > div.asideMenuContent > div > div > div:nth-child(3) > a :after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background-image: url("/storage/medias/romabet1/media_1867274_a18b9f60add99f7dc84ab8ead61fece8.svg");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 1;
    z-index: 2;
}

#root > div.asideMenuContent > div > div > div:nth-child(4) > a :after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background-image: url("/storage/medias/romabet1/media_1867274_a18b9f60add99f7dc84ab8ead61fece8.svg");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 1;
    z-index: 2;
}




#root > div.asideMenuContent > div > div > div > div > div {
    background: #2C2C2C;
    background: linear-gradient(180deg, rgb(44 44 44 / 40%) 0%, rgb(255 255 255 / 9%) 100%);
    border-image: linear-gradient(to left, #13131321 1%, #e1234378 50%, #13131321 100%) 100% 0 100% 0/1px 0 1px 0 stretch !important;
    padding: 10px 0px;
}

.running-line-wrapper.withShadows:before {
    background: linear-gradient(to right, rgb(18 18 21), rgba(var(--b), 0)) !important;
}

.running-line-wrapper.withShadows:after {
    background: linear-gradient(to left, rgb(17 17 19), rgba(var(--b), 0)) !important;
}

.asideMenu .bc-i-promotion1:before {
  animation: giftWigglePause 6s ease-in-out infinite;
}

@keyframes giftWigglePause {
  0%   { transform: rotate(0deg) scale(1); }
  2%   { transform: rotate(-5deg) scale(1.2); }
  4%   { transform: rotate(5deg)  scale(1.2); }
  6%   { transform: rotate(-4deg) scale(1.2); }
  8%   { transform: rotate(4deg)  scale(1.2); }
  10%  { transform: rotate(-3deg) scale(1.2); }
  12%  { transform: rotate(3deg)  scale(1.2); }
  14%  { transform: rotate(-2deg) scale(1.2); }
  16%  { transform: rotate(2deg)  scale(1.2); }
  18%  { transform: rotate(-1deg) scale(1.2); }
  20%  { transform: rotate(0deg)  scale(1); }
  30% { transform: rotate(0deg)  scale(1); } 
}

a[aria-label="Canlı Destek"] .tooltipIconWrapper {
  border-radius: 90px !important;
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .01), hsla(0, 0%, 100%, .01)), radial-gradient(63.94% 63.94% at 50% 0%, hsla(0, 0%, 100%, .12) 0%, hsla(0, 0%, 100%, 0) 100%) !important;
  border: 1px solid hsla(0, 0%, 100%, .04);
  transition: background 0.3s ease, transform 0.3s ease;
}

a[aria-label="Canlı Destek"] .tooltipIconWrapper:hover {
  background: linear-gradient(0deg, hsl(0deg 0% 100% / 8%), hsl(0deg 0% 100% / 14%)), radial-gradient(63.94% 63.94% at 50% 0%, hsla(0, 0%, 100%, .12) 0%, hsla(0, 0%, 100%, 0) 100%) !important;
  transform: scale(1.02);
  transition: background 0.3s ease, transform 0.3s ease;
}


.casino-lock-scroll .layout-content-holder-bc  {
    max-width: unset !important;
    padding: 0px !important;
}

.harmony-jackpot-widget-title {
    background: #141416 !important;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.asideMenuCompact > .asideMenuNavItem {
  animation: slideInFromLeft 0.4s ease-out forwards;
  opacity: 0;
}

.asideMenuNavItem:nth-child(1) {
  animation-delay: 0.1s;
}
.asideMenuNavItem:nth-child(2) {
  animation-delay: 0.3s;
}
.asideMenuNavItem:nth-child(3) {
  animation-delay: 0.5s;
}
.asideMenuNavItem:nth-child(4) {
  animation-delay: 0.7s;
}

.asideMenuNavLink.active>.asideSubMenuNavTitle, .asideMenuNavLink:hover>.asideSubMenuNavTitle {
    color: white !important;
    font-weight: 500;
  transform: translateX(4px); 
}


#root > div.asideMenuContent > div > div > div:nth-child(5) > div {
    display: none !important;
}

#root > div.asideMenuContent > div > div > div:nth-child(6) > div {
    display: none !important;
}

.asideMenuNavLink.active {
  pointer-events: none !important;
}

.onlinePlayersCount {
    display: none !important;
}

[class*=is-web] .asideMenuOpen>.asideMenuNavItem, [class*=is-web] .asideMenuCompact>.asideMenuNavItem {
    border-radius: 0px !important;
    border: none !important;
    background: none !important;
    padding: 0px !important;
}
.asideSubMenu .asideMenuNavLink {
    background: unset !important;
}

.asideSubMenu .asideMenuNavGradient:before,.asideSubMenu .asideMenuNavGradient:after {
    content: none !important;
}

.asideSubMenu .asideMenuNavItem+.asideMenuNavItem {
    margin-top: 12px !important;
}


.asideSubMenu.hiddenAsideSubMenu:has(> div:empty) {
 display: none !important;
}

[class*=is-web] .asideMenuOpen .asideMenuNavItem.active, [class*=is-web] .asideMenuCompact .asideMenuNavItem.active {
    background: none !important;
}

.asideMenuNavLink, div.asideMenuNavItem.active > a > p {
    color: white !important;
    font-weight: 600 !important;
}

.asideMenuNavItem.active > a.asideMenuNavLink {
  pointer-events: none;
  cursor: default;
}


/* FOOTER IMAGE FIXES */

#root img[src*="media_1867274_de84e98df0123dc1087ee182acebd229.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_7ebf84856ff15c9b0aa5602257b9f5d0.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_1c812105e7e0c68ba466754a6ea1e0e5.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_15a1a840ae04a94d4abb2d0ebb4b9d80.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_a580edba46ea5ebb2b9f026d21773eb7.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_36895452a3df9f1e223eb336951b1045.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_617d2a809d589cb04e2176908438f35e.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_a98d42552bb06c32de212cfbf68de566.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_d6c79194c2ac4ce2546aad37ddfb7b47.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_78962447e99804f96ead67c3733eef74.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_9391963418b0d4208ae7c95ea16c8115.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_9391963418b0d4208ae7c95ea16c8115.png"] {
  opacity: 0 !important;
  width: 300px;
  height: 100px;
  position: relative;
}

#root img[src*="media_1867274_7b11a189f846de55f4e4a8fc6f36fde4.svg"] {
  opacity: 0 !important;
  position: relative;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(1) {
  background-image: url('https://i.ibb.co/Xfw25P5j/media-1867274-de84e98df0123dc1087ee182acebd229.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(2) {
  background-image: url('https://i.ibb.co/nN8Yrd7h/media-1867274-7ebf84856ff15c9b0aa5602257b9f5d0.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(3) {
  background-image: url('https://i.ibb.co/Mxy5C5rr/media-1867274-1c812105e7e0c68ba466754a6ea1e0e5.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(4) {
  background-image: url('https://i.ibb.co/TDJSKx9T/media-1867274-15a1a840ae04a94d4abb2d0ebb4b9d80.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(5) {
  background-image: url('https://i.ibb.co/Y4w7jMrT/media-1867274-a580edba46ea5ebb2b9f026d21773eb7.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(6) {
  background-image: url('https://i.ibb.co/Mk6GK5dC/media-1867274-36895452a3df9f1e223eb336951b1045.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(7) {
  background-image: url('https://i.ibb.co/FqBjz7sF/media-1867274-617d2a809d589cb04e2176908438f35e.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(8) {
  background-image: url('https://i.ibb.co/B2qY16dC/media-1867274-a98d42552bb06c32de212cfbf68de566.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(9) {
  background-image: url('https://i.ibb.co/WpkZHz3h/media-1867274-d6c79194c2ac4ce2546aad37ddfb7b47.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(10) {
  background-image: url('https://i.ibb.co/xKJRCB5M/media-1867274-78962447e99804f96ead67c3733eef74.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter > div > a:nth-child(11) {
  background-image: url('https://i.ibb.co/jCcZ7ds/media-1867274-9391963418b0d4208ae7c95ea16c8115.png');
  background-size: contain;
  heigh: 80px !important;
  width: 80px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

[class*=is-web] .sliderSingleEl .sliderImage img {
    height: 78px !important;
}



.entrance-f-error-message-bc {
    border-radius: 0 0 12px 12px !important;
    background: #1c1c1c !important;
}

.connect-button .wallet-btn .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.connect-button .wallet-btn .btn > svg#w3m-wc-logo {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}


.connect-button .wallet-btn .btn::before {
  content: "";
  display: inline-block;
  width: 141px;        
  height: 24px;          
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0idzNtLXdjLWxvZ28iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQxIDI0Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuOC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMykgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8Zz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MS41LDE2LjhsMy4zLTkuN2gyLjdsMy4zLDkuN2gtMi4xbC0uNi0xLjloLTMuOGwtLjYsMS45aC0yLjFaTTQ0LjgsMTMuMmgyLjdsLTEuMy00LTEuMyw0WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxLjcsMTYuOHYtNi45aDJ2MWgwYzAtLjEuMi0uMy4zLS41LjItLjIuNC0uMy42LS41LjMtLjEuNi0uMiwxLS4yczEsLjEsMS4zLjQuNi42LjcsMWMuMi40LjIuOC4yLDEuMnY0LjVoLTJ2LTQuMmMwLS4zLDAtLjYtLjMtLjktLjItLjMtLjUtLjQtLjktLjRzLS41LDAtLjcuMi0uMy4zLS40LjVjMCwuMi0uMS40LS4xLjd2NGgtMloiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02Mi43LDE3Yy0uOCwwLTEuNC0uMi0yLS41LS41LS4zLTEtLjgtMS4yLTEuM3MtLjQtMS4xLS40LTEuOC4xLTEuMi40LTEuOC43LTEsMS4yLTEuM2MuNS0uMywxLjItLjUsMi0uNXMxLjQuMiwyLC41Yy41LjMsMSwuOCwxLjIsMS4zLjMuNS40LDEuMS40LDEuOHMtLjEsMS4yLS40LDEuOGMtLjMuNS0uNywxLTEuMiwxLjMtLjUuMy0xLjIuNS0yLC41Wk02Mi43LDE1LjNjLjMsMCwuNiwwLC45LS4zLjItLjIuNC0uNC42LS43LjEtLjMuMi0uNi4yLTFzMC0uNy0uMi0xYy0uMS0uMy0uMy0uNS0uNi0uN3MtLjUtLjMtLjktLjMtLjYsMC0uOS4zLS40LjQtLjYuNy0uMi42LS4yLDEsMCwuNy4yLDEsLjMuNS42LjdjLjIuMi41LjMuOS4zWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTY3LjQsMTYuOHYtNi45aDJ2MWgwYzAtLjEuMi0uMy4zLS41LjItLjIuNC0uMy42LS41LjMtLjEuNi0uMiwxLS4yczEsLjEsMS4zLjQuNi42LjcsMWMuMi40LjIuOC4yLDEuMnY0LjVoLTJ2LTQuMmMwLS4zLDAtLjYtLjMtLjktLjItLjMtLjUtLjQtLjktLjRzLS41LDAtLjcuMi0uMy4zLS40LjVjMCwuMi0uMS40LS4xLjd2NGgtMloiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03Ni4xLDljLS4zLDAtLjYtLjEtLjktLjMtLjItLjItLjMtLjUtLjMtLjhzLjEtLjYuMy0uOGMuMi0uMi41LS4zLjktLjNzLjYuMS44LjNjLjIuMi4zLjUuMy44cy0uMS42LS4zLjhjLS4yLjItLjUuMy0uOC4zWk03NS4xLDE2Ljh2LTYuOWgydjYuOWgtMloiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03OC42LDE2Ljh2LTYuOWgydi45aDBjLjEtLjMuNC0uNS43LS43LjMtLjIuNy0uMywxLjItLjNzLjkuMSwxLjMuNGMuMy4yLjYuNS43LjloMGMuMS0uMi4zLS40LjUtLjYuMi0uMi40LS40LjctLjVzLjYtLjIsMS0uMi45LjEsMS4yLjNjLjMuMi41LjUuNy45LjIuNC4yLjcuMiwxLjF2NC43aC0ydi00LjJjMC0uMywwLS42LS4zLS44LS4yLS4yLS40LS4zLS44LS4zcy0uNSwwLS42LjItLjMuMy0uNC41YzAsLjItLjEuNC0uMS42djQuMWgtMnYtNC4yYzAtLjMsMC0uNi0uMy0uOC0uMi0uMi0uNC0uMy0uOC0uM3MtLjUsMC0uNi4yYy0uMi4xLS4zLjMtLjQuNSwwLC4yLS4xLjQtLjEuNnY0LjFoLTJaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTYuOSwxN2MtLjcsMC0xLjQtLjEtMi0uNC0uNi0uMy0xLjEtLjctMS40LTEuMy0uNC0uNi0uNS0xLjMtLjUtMi4ydi01LjloMnY1LjljMCwuNi4yLDEsLjUsMS40LjMuNC44LjYsMS41LjZzMS4xLS4yLDEuNC0uNmMuMy0uNC41LS44LjUtMS40di01LjloMnY1LjljMCwuOS0uMiwxLjYtLjUsMi4yLS40LjYtLjgsMS0xLjQsMS4zcy0xLjMuNC0xLjkuNFpNOTUuNCw2LjNjLS4zLDAtLjYtLjEtLjgtLjMtLjItLjItLjMtLjUtLjMtLjhzLjEtLjYuMy0uOGMuMi0uMi41LS4zLjgtLjNzLjYuMS44LjNjLjIuMi4zLjUuMy44cy0uMS42LS4zLjhjLS4yLjItLjUuMy0uOC4zWk05OC4zLDYuM2MtLjMsMC0uNi0uMS0uOC0uMy0uMi0uMi0uMy0uNS0uMy0uOHMuMS0uNi4zLS44Yy4yLS4yLjUtLjMuOC0uM3MuNi4xLjguM2MuMi4yLjMuNS4zLjhzLS4xLjYtLjMuOGMtLjIuMi0uNS4zLS44LjNaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAyLjgsMTkuNGMtLjIsMC0uNSwwLS44LDB2LTEuNmMuMiwwLC40LDAsLjYsMCwuNCwwLC44LDAsMS0uMi4zLS4xLjUtLjMuNy0uN2wtMi42LTdoMmwxLjYsNC43LDEuNi00LjdoMmwtMi41LDYuN2MtLjIuNi0uNSwxLjItLjgsMS42LS4zLjQtLjcuNy0xLjIuOS0uNS4yLTEsLjMtMS43LjNaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEyLjgsMTdjLS42LDAtMS4xLS4xLTEuNi0uMy0uNC0uMi0uOC0uNS0xLjEtLjgtLjMtLjMtLjUtLjctLjYtMS4yLS4xLS40LS4yLS45LS4yLTEuM3MwLS45LjItMS4zYy4xLS40LjMtLjguNi0xLjJzLjYtLjYsMS4xLS44Yy40LS4yLDEtLjMsMS42LS4zczEuMi4xLDEuNy40Yy41LjMuOS43LDEuMiwxLjIuMy41LjQsMS4yLjQsMnYuNWgtNC43YzAsLjQuMi44LjQsMS4xLjMuMy42LjUsMS4xLjVzLjUsMCwuNy0uMS4zLS4yLjQtLjNjMC0uMS4yLS4yLjItLjRoMS44YzAsLjMtLjIuNi0uMy44cy0uMy41LS41LjdjLS4yLjItLjUuNC0uOS42cy0uOC4yLTEuNC4yWk0xMTEuMywxMi43aDIuOGMwLS41LS4yLS44LS40LTEuMXMtLjYtLjQtMS0uNC0uNy4xLTEsLjRjLS4zLjItLjQuNi0uNSwxLjFaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE3LjMsMTYuOFY2LjloMnY5LjloLTJaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIxLjgsOWMtLjMsMC0uNi0uMS0uOS0uMy0uMi0uMi0uMy0uNS0uMy0uOHMuMS0uNi4zLS44Yy4yLS4yLjUtLjMuOS0uM3MuNi4xLjguM2MuMi4yLjMuNS4zLjhzLS4xLjYtLjMuOC0uNS4zLS44LjNaTTEyMC44LDE2Ljh2LTYuOWgydjYuOWgtMloiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjQuNCwxNi44VjYuOWgydjUuN2wyLjMtMi43aDIuM2wtMi43LDMuMiwyLjgsMy44aC0yLjNsLTIuMy0zLjF2My4xaC0yWiIvPgogIDwvZz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuOCw1LjdzLTEuNiwxLjYtNSwxLjYtNS42LjMtNy42LDIuOWMtMi0yLjYtNS0yLjktNy42LTIuOXMtNS0xLjYtNS0xLjZjMCwwLTIuMSw0LjQuNyw4LjksMi4xLDMuNSw2LjMsNC40LDkuMSwzLjUsMS40LS40LDIuNS0xLjQsMi44LTEuNy4zLjMsMS40LDEuMywyLjgsMS43LDIuOC44LDcsMCw5LjEtMy41LDIuNy00LjUuNy04LjkuNy04LjlaTTE3LjQsMTMuOWMtMS42LS40LTIuNS0xLjYtMi40LTIuNC4xLS42LDIuNS0uOCwzLjYtLjQsMS4xLjQsMS45LjksMS45LDEuNiwwLC42LTEuNSwxLjYtMy4xLDEuMlpNMjkuMiwxMy45Yy0xLjYuNC0zLjEtLjYtMy4xLTEuMiwwLS42LjktMS4yLDEuOS0xLjZzMy41LS4yLDMuNi40Yy4yLjgtLjgsMi4xLTIuNCwyLjRaIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}



div#anj-af39bb46-31c3-4b30-884b-33729c2f251c>div {
    min-width: 96px !important;
}


#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 16px 0 !important;
    gap: 12px !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-right: auto !important;
}
Saat ve dil alanını sağa it */
#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader > div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
}

#root > div.layout-footer-holder-bc .footerHeader .hdr-time-bc,
#root > div.layout-footer-holder-bc .footerHeader [class*="language"],
#root > div.layout-footer-holder-bc .footerHeader [class*="lang"] {
    margin-left: auto !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 18px 0 !important;
    gap: 14px !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-right: auto !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader > div:first-child::before {
    content: "Sosyal Medya Hesaplarımız";
    display: inline-flex !important;
    align-items: center !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-right: 8px !important;
    white-space: nowrap !important;
}

#root > div.layout-footer-holder-bc .footerHeader > div:first-child a,
#root > div.layout-footer-holder-bc .footerHeader > div:first-child button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 21px !important;
    border-radius: 7px !important;
}


#root > div.layout-footer-holder-bc .footerHeader > div:first-child i,
#root > div.layout-footer-holder-bc .footerHeader > div:first-child i:before,
#root > div.layout-footer-holder-bc .footerHeader > div:first-child svg {
    font-size: 21px !important;
    width: 21px !important;
    height: 21px !important;
    line-height: 1 !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.footerHeader > div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
}

#root > div.layout-footer-holder-bc .footerHeader > div:last-child .hdr-time-bc {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 9px !important;
    min-height: unset !important;
}

#root > div.layout-footer-holder-bc .footerHeader > div:last-child [class*="language"],
#root > div.layout-footer-holder-bc .footerHeader > div:last-child [class*="lang"] {
    font-size: 12px !important;
    font-weight: 600 !important;
    min-height: unset !important;
}

#root > div.layout-footer-holder-bc .footerHeader > div:last-child img {
    max-height: 14px !important;
    width: auto !important;
}

#root > div.layout-footer-holder-bc .footerHeader > div:last-child [class*="language"] *,
#root > div.layout-footer-holder-bc .footerHeader > div:last-child [class*="lang"] * {
    font-size: 12px !important;
}


#root .layout-footer-holder-bc .footerHeader a[href*="twitter"],
#root .layout-footer-holder-bc .footerHeader a[href*="x.com"],
#root .layout-footer-holder-bc .footerHeader a[aria-label*="Twitter"],
#root .layout-footer-holder-bc .footerHeader a[aria-label*="X"] {
    pointer-events: none !important;
    cursor: default !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderWrapper > div > a {
    transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease !important;
    will-change: transform, filter !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem .horizontalSliderImg,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem img,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderWrapper > div > a img {
    transition: transform 0.25s ease, filter 0.25s ease, opacity 0.25s ease !important;
    filter: none !important;
    opacity: 1 !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem:hover .horizontalSliderImg,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderElem:hover img,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderWrapper > div > a:hover {
    transform: scale(1.14) !important;
    filter: brightness(1.25) drop-shadow(0 0 12px rgba(255, 204, 0, 0.85)) !important;
    z-index: 5 !important;
}

#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderRow,
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup .horizontalSliderWrapper {
    overflow: visible !important;
}

.onlinePlayersCount,
#root .onlinePlayersCount {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 120px !important;
    right: 20px !important;
    z-index: 999999 !important;
    background: #e22042 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body > div:first-child {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

body > div:first-child > div {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#comm100-button-b7010000-0000-0000-0000-008e00038de2 {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
}

#comm100-button-b7010000-0000-0000-0000-008e00038de2 * {
    max-height: 38px !important;
    line-height: 38px !important;
}

/* ROMABET - Footer X bağlantısını tekrar aktif et */
#root .layout-footer-holder-bc .footerHeader a[href*="twitter"],
#root .layout-footer-holder-bc .footerHeader a[href*="x.com"],
#root .layout-footer-holder-bc .footerHeader a[aria-label*="Twitter"],
#root .layout-footer-holder-bc .footerHeader a[aria-label*="X"] {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ROMABET PAYMENT DESKTOP FIX */

.m-block-nav-items-bc{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:12px!important;
    padding:12px 6px!important;
}

.m-nav-items-list-item-bc{
    height:68px!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at 85% 15%,rgba(255,35,65,.22),transparent 42%),
        linear-gradient(145deg,#303030,#191919)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.38)!important;
    position:relative!important;
    overflow:visible!important;
    transition:.25s ease!important;
}

.m-nav-items-list-item-bc:hover{
    transform:translateY(-3px) scale(1.02)!important;
    border-color:#ff3150!important;
    box-shadow:0 0 0 1px rgba(255,49,80,.55),0 12px 26px rgba(255,0,45,.25)!important;
}

.m-nav-items-list-item-bc.active{
    background:
        radial-gradient(circle at 85% 15%,rgba(255,35,65,.35),transparent 42%),
        linear-gradient(145deg,#4a0d16,#202020)!important;
    border-color:#ff3150!important;
}

.m-nav-items-list-item-bc::before{
    content:"";
    position:absolute;
    top:-120%;
    left:-80%;
    width:42%;
    height:300%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
    transform:rotate(25deg);
    opacity:0;
    transition:.55s ease;
    pointer-events:none;
}

.m-nav-items-list-item-bc:hover::before{
    left:130%;
    opacity:1;
}

.nav-ico-w-row-bc{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 8px!important;
    position:relative!important;
    z-index:3!important;
    overflow:visible!important;
}

.payment-logo{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    transform:scale(1.22)!important;
    filter:drop-shadow(0 6px 8px rgba(0,0,0,.60))!important;
    transition:.25s ease!important;
}

.m-nav-items-list-item-bc:hover .payment-logo{
    transform:scale(1.32)!important;
}

.paymentBadgeBlock{
    position:absolute!important;
    top:-7px!important;
    right:-14px!important;
    left:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:30px!important;
    height:12px!important;
    line-height:12px!important;
    padding:0 5px!important;
    font-size:6px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    color:#fff!important;
    background:linear-gradient(135deg,#ff0040,#790014)!important;
    border-radius:999px!important;
    z-index:999999!important;
    box-shadow:none!important;
}

.paymentBadgeBlock::after{
    content:attr(data-badge)!important;
}

.paymentBadgeBlock[data-badge="En Hızlı"]{
    background:linear-gradient(135deg,#00b7ff,#006dff)!important;
}

.paymentBadgeBlock[data-badge="Popüler"]{
    background:linear-gradient(135deg,#ff00aa,#ff3366)!important;
}

.paymentBadgeBlock[data-badge="Yeni"]{
    background:linear-gradient(135deg,#ff5a00,#ff2200)!important;
}

.paymentBadgeBlock[data-badge="Anında"]{
    background:linear-gradient(135deg,#7a00ff,#3d00ff)!important;
}

.paymentBadgeBlock[data-badge="Tek Tıkla"]{
    background:linear-gradient(135deg,#ff2638,#b10022)!important;
}



html body #root .casinoGamesListWrapper .casinoGamesList .casinoGameItemContent > p.onlinePlayersCount {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* FAVORİ TAKIM POPUP FIX */
.favouriteTeamsPopupContent,
.favouriteTeamsPopupContentInner {
    height: auto !important;
    max-height: none !important;
    min-height: 260px !important;
    overflow: visible !important;
}

.popup-holder-bc.windowed .popup-inner-bc:has(.favouriteTeamsPopupContent) {
    height: auto !important;
    max-height: 90vh !important;
    overflow: visible !important;
}

.popup-holder-bc.windowed:has(.favouriteTeamsPopupContent) {
    overflow: visible !important;
}

iframe[title="Sohbet düğmesi"] {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
    width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
    border: 0 !important;
    z-index: 2147483647 !important;
}

[id^="comm100-button"] {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
    width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
    overflow: visible !important;
    transform: none !important;
    z-index: 2147483647 !important;
}

.informative-widget-container {
    margin: 0 !important;
    padding: 6px 0 !important;
}

.informative-widget-container p:empty {
    display: none !important;
}

/* Öne Çıkan Etkinlikler */

/* Mac seridinin yerlesimi ve kaydirma olculeri platform tarafindan yonetilir. */

/* Kart */

.featuredGameItem{
    background:linear-gradient(180deg,#303030 0%,#262626 100%) !important;
    border:1px solid rgba(210,30,55,.35) !important;
    border-radius:10px !important;
    overflow:hidden !important;
    transition:.2s;
    box-shadow:0 8px 20px rgba(0,0,0,.25) !important;
}

.featuredGameItem:hover{
    border-color:#d61d3f !important;
    box-shadow:0 10px 30px rgba(214,29,63,.18) !important;
}

/* Header */

.featuredGameItemHeader{
    background:linear-gradient(90deg,
        rgba(214,29,63,.15),
        rgba(255,255,255,0)) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    padding:10px 14px !important;
}

.featuredGameItemCompetitionName{
    color:#fff !important;
    font-weight:600 !important;
}

/* İç Alan */

.featuredGameItemBody{
    padding:14px !important;
}

.featuredGameItemPlayersContainer{
    margin-bottom:12px !important;
}

.featuredGameItemPlayerName{
    color:#fff !important;
    font-size:16px !important;
    font-weight:600 !important;
}

.featuredGameItemTime{
    color:#bfbfbf !important;
    font-weight:600 !important;
}

/* Market */

.market-group-holder-bc{
    gap:8px !important;
}

.market-bc{
    background:#1b1b1b !important;
    border:1px solid rgba(255,255,255,.05) !important;
    border-radius:8px !important;
    transition:.2s;
}

.market-bc:hover{
    border-color:#d61d3f !important;
    background:#222 !important;
}

.market-name-bc{
    color:#a9a9a9 !important;
}

.market-odd-bc{
    color:#fff !important;
    font-size:18px !important;
    font-weight:700 !important;
}

/* SyberCoder Start */

.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(3),
.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(8),
.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(10),
.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(11) {
    grid-template-rows: auto 1fr;
    margin: 1rem 0;
}

.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):before {
    color: #fff;
    font-size: 1.1em;
    margin: 1rem 0 .5rem .5rem;;
}

.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(3):before {
    content: "Slot Oyunları";
}

.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(8):before {
    content: "Pragmatic Oyunları";
}

.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(10):before {
    content: "EGT Oyunları";
}

.hm-row-bc:not(:first-child):has(.hm-row-bc-inner:not(:empty)):nth-child(11):before {
    content: "Amusnet Oyunları";
}

/* SyberCoder End */

/* ROMABET DESKTOP — romaistedigim.jpg referans duzeni.
   Mevcut masaustu custom.css?pf=1 dosyasinin sonuna eklenir.
   Ana sayfaya ve masaustu ekranlara uygulanir; HTML/JS gerektirmez. */
@media all {
    body:has(#root.is-home-page) {
        background: #101010 !important;
    }

    #root.is-home-page {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        --hero: 220, 28, 46;
        --hero-hover: 238, 43, 61;
        --oc-1: 220, 28, 46;
        --oc-1-hover: 238, 43, 61;
        background: #101010 !important;
    }

    #root.layout-bc.is-home-page:not(.page-full-size) > .layout-content-holder-bc {
        box-sizing: border-box;
        width: 90% !important;
        max-width: 1320px !important;
        margin-inline: auto !important;
        padding: 28px 0 36px !important;
        background: transparent !important;
    }

    #root.is-home-page > .layout-header-holder-bc {
        background: #191919 !important;
        box-shadow: none !important;
        border-bottom: 1px solid #282828;
    }

    #root.is-home-page .header-bc,
    #root.is-home-page .nav-content-bc,
    #root.is-home-page .nav-menu-container.header-navigation {
        background: #191919 !important;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc {
        min-width: 0;
        margin: 0 0 28px !important;
    }

    /* Bos panel satirlari sayfada gereksiz mesafe birakmasin. */
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:not(:has(.hm-row-bc-inner > *)) {
        display: none !important;
    }

    #root.is-home-page .hm-row-bc-inner {
        min-width: 0;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:first-child .sdr-item-holder-bc,
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:first-child .sdr-item-bc {
        aspect-ratio: 4 / 1;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:first-child .sdr-image-bc {
        display: block;
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }

    /* Mevcut masaustu CSS'indeki dort oyun bolumuyle ayni satirlar. */
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) {
        box-sizing: border-box;
        grid-template-rows: auto 1fr;
        gap: 16px;
        padding: 20px 24px 24px !important;
        border: 1px solid #222;
        border-radius: 8px;
        background: #191919 !important;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11))::before {
        margin: 0 !important;
        padding-left: 12px;
        border-left: 4px solid #dc1c2e;
        color: #dedede;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-container-bc {
        display: grid !important;
        grid-template-columns: none !important;
        grid-auto-flow: column;
        grid-auto-columns: calc((100% - 72px) / 7);
        gap: 12px !important;
        padding: 0 0 4px !important;
        overflow-x: auto !important;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
        scrollbar-color: #444 #191919;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-container-bc > div {
        min-width: 0;
        scroll-snap-align: start;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-info-bc {
        border-radius: 6px !important;
        overflow: hidden;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-img-bc {
        display: block;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 9 / 13;
        object-fit: contain;
    }

    #root.is-home-page .sectionTitle {
        margin-bottom: 16px;
    }

    #root.is-home-page .sectionTitleText {
        color: #dedede !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    #root.is-home-page .featuredGameItem {
        border: 1px solid #252525 !important;
        border-radius: 6px !important;
        background: #191919 !important;
        box-shadow: none !important;
    }

    #root.is-home-page .featuredGameItemHeader {
        background: #202020 !important;
    }

    #root.is-home-page .featuredGameItemBody {
        background: #191919 !important;
    }

    #root.is-home-page .featuredGameItem .market-bc {
        background: #151515 !important;
        border-color: #282828 !important;
        border-radius: 4px !important;
    }

    #root.is-home-page .casinoGamesWidget {
        padding: 20px 24px 24px;
        border: 1px solid #222;
        border-radius: 8px;
        background: #191919;
    }

    #root.is-home-page > .layout-footer-holder-bc {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 32px max(5%, calc((100% - 1320px) / 2)) !important;
        border-top: 1px solid #242424;
        background: linear-gradient(105deg, #1c1c1c 0%, #181818 55%, #101010 100%) !important;
    }

    #root.is-home-page .footerWrapper,
    #root.is-home-page .footerContainerWrapper,
    #root.is-home-page .footerContainer {
        background: transparent !important;
    }

    #root.is-home-page .footerHeader {
        padding-block: 0 24px !important;
        border-bottom: 1px solid #2a2a2a !important;
    }

    #root.is-home-page .footerLinksSection {
        padding-block: 32px !important;
    }

    #root.is-home-page .footerLinkCols {
        justify-content: space-between;
        gap: 32px;
    }

    #root.is-home-page .footerLinkColTitle {
        color: #dedede !important;
        font-size: 12px;
        letter-spacing: .04em;
    }

    #root.is-home-page .footerLinkColText,
    #root.is-home-page .footerLinkColEl {
        color: #999 !important;
        line-height: 1.9;
    }

    #root.is-home-page .sliderSingleElWrapper {
        color: #999;
        font-size: 11px;
        line-height: 1.7;
    }

    #root.is-home-page .sliderSingleElWrapper a {
        color: #b8b8b8 !important;
        text-decoration-color: #555;
    }

    #root.is-home-page .footerCopyrights {
        margin-top: 24px;
        padding-top: 20px;
        border-top: 1px solid #2a2a2a;
        color: #999;
    }
}

/* ROMABET PROFILE — masaustu profil paneli. */
@media all {
    #root .popup-holder-bc.user-profile-container > .popup-middleware-bc {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        padding: 32px;
    }

    #root .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc {
        box-sizing: border-box;
        width: min(1180px, calc(100vw - 64px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 64px) !important;
        height: min(860px, calc(100dvh - 64px)) !important;
        max-height: calc(100dvh - 64px) !important;
        background: #151515 !important;
        color: #e8e8e8;
        border: 1px solid #333;
        border-radius: 12px !important;
        box-shadow: 0 24px 80px #0009;
        overflow: hidden;
    }

    #root .user-profile-container .u-i-p-c-body-bc {
        height: 100%;
        min-height: 0;
    }

    #root .user-profile-container .u-i-profile-page-container {
        box-sizing: border-box;
        flex: 0 0 300px;
        width: 300px;
        min-width: 0;
        height: 100%;
        background: #1b1b1b !important;
        border-right: 1px solid #303030;
    }

    #root .user-profile-container .u-i-profile-page-bc,
    #root .user-profile-container .u-i-profile-page-content {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 0;
    }

    #root .user-profile-container .u-i-profile-page-content {
        box-sizing: border-box;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #4b4b4b #1b1b1b;
    }

    #root .user-profile-container .my-profile-info-block {
        display: flex;
        flex-direction: column;
        flex: 1 1 0;
        min-width: 0;
        min-height: 0;
        height: 100%;
        background: #151515;
    }

    #root .user-profile-container .overlay-header {
        box-sizing: border-box;
        flex-shrink: 0;
        min-height: 64px;
        padding: 22px 64px 20px 28px;
        background: #1b1b1b !important;
        border-bottom: 1px solid #303030;
        color: #f2f2f2;
        font-size: 18px;
    }

    #root .user-profile-container .u-i-common-content {
        box-sizing: border-box;
        flex: 1 1 auto;
        min-height: 0;
        padding: 28px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #4b4b4b #151515;
    }

    #root .user-profile-container .u-i-p-a-content-bc {
        box-sizing: border-box;
        background: #252525 !important;
        border: 1px solid #383838;
        border-radius: 8px;
        color: #f2f2f2;
    }

    #root .user-profile-container .total-balance-r-bc,
    #root .user-profile-container .u-i-p-a-buttons-bc {
        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;
    }

    #root .user-profile-container .u-i-p-a-user-balance,
    #root .user-profile-container .u-i-p-a-buttons-bc > a {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    #root .user-profile-container .withdrawable .u-i-p-a-content-bc {
        border-top: 3px solid #dc1c2e;
    }

    #root .user-profile-container .bonuses .u-i-p-a-content-bc {
        border-top: 3px solid #8a8a8a;
    }

    #root .user-profile-container .u-i-p-a-deposit-bc {
        background: #dc1c2e !important;
        color: #fff;
        border-radius: 5px;
    }

    #root .user-profile-container .u-i-p-a-withdraw-bc {
        background: #363636 !important;
        color: #fff;
        border-radius: 5px;
    }

    #root .user-profile-container .user-profile-nav-header {
        background: #252525 !important;
        color: #dedede;
        border-radius: 6px;
    }

    #root .user-profile-container .user-profile-nav-list {
        background: #1b1b1b !important;
    }

    #root .user-profile-container .user-profile-nav-item {
        color: #bdbdbd;
        border-radius: 4px;
    }

    #root .user-profile-container .user-profile-nav-item:hover {
        background: #292929;
        color: #fff;
    }

    #root .user-profile-container .user-profile-nav-item.active {
        background: #dc1c2e24;
        color: #ff7c88;
    }

    #root .user-profile-container .form-control-input-bc {
        box-sizing: border-box;
        background: #222 !important;
        color: #eee;
        border: 1px solid #3b3b3b;
        border-radius: 6px;
        font-size: 14px;
    }

    #root .user-profile-container .form-control-input-bc:focus {
        border-color: #e63748;
        outline: 2px solid #dc1c2e40;
        outline-offset: 1px;
    }

    #root .user-profile-container .form-control-bc.invalid .form-control-input-bc,
    #root .user-profile-container .form-control-input-bc[aria-invalid="true"] {
        border-color: #ff5266;
    }

    #root .user-profile-container .form-control-title-bc {
        color: #b8b8b8;
    }

    #root .user-profile-container .popup-inner-bc > .e-p-close-icon-bc {
        top: 16px;
        right: 18px;
        color: #e0e0e0;
    }
}

/* ROMABET SLIM BANNERS — mobil uygulama ve promosyon seritleri. */
@media all {
    #root.is-home-page .sdr-item-holder-bc:has(.sdr-image-bc:is(
        [src*="a7bd4292938b1e28e21665235da616ee"],
        [src*="f9ec08cfec4cd17437752761aa4e0d4d"]
    )) {
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4491 / 569 !important;
        border-radius: 8px;
        overflow: hidden;
    }

    #root.is-home-page .sdr-item-bc:has(.sdr-image-bc:is(
        [src*="a7bd4292938b1e28e21665235da616ee"],
        [src*="f9ec08cfec4cd17437752761aa4e0d4d"]
    )) {
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4491 / 569 !important;
    }

    #root.is-home-page .sdr-image-bc:is(
        [src*="a7bd4292938b1e28e21665235da616ee"],
        [src*="f9ec08cfec4cd17437752761aa4e0d4d"]
    ) {
        display: block;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto 4491 / 569 !important;
        object-fit: contain !important;
    }
}

/* Bos banner widgetleri etkinliklerin cevresinde fazladan aralik birakmasin. */
@media all {
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:has(> .hm-row-bc-inner > .product-banner-container-bc:only-child:empty) {
        margin: 0 !important;
        padding: 0 !important;
    }

    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:has(.featuredGames),
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:has(.sdr-image-bc:is(
        [src*="a7bd4292938b1e28e21665235da616ee"],
        [src*="f9ec08cfec4cd17437752761aa4e0d4d"]
    )) {
        margin-bottom: 16px !important;
    }
}

/* ROMABET GAME GALLERIES — Roma, casino, canli casino ve sanal. */
@media all {
    #root.is-home-page .casinoHorizontalGamesList.casinoGamesWidget {
        --gallery-accent: 230, 60, 79;
        position: relative;
        box-sizing: border-box;
        min-width: 0;
        padding: 26px !important;
        border: 1px solid #383033 !important;
        border-radius: 14px !important;
        background: linear-gradient(115deg, rgba(var(--gallery-accent), .09), transparent 42%), #1b1b1e !important;
        box-shadow: 0 10px 26px #0003;
    }

    #root.is-home-page .casinoGamesWidget:has(.sectionTitle a[href="/tr/casino/slots/406"]) {
        --gallery-accent: 216, 171, 104;
    }

    #root.is-home-page .casinoGamesWidget:has(.sectionTitle a[href="/tr/casino/slots/35"]) {
        --gallery-accent: 108, 182, 181;
    }

    #root.is-home-page .casinoGamesWidget > .sectionTitle {
        gap: 16px;
        padding: 0 0 18px;
        margin: 0 0 20px;
        border-bottom: 1px solid #ffffff0f;
    }

    #root.is-home-page .casinoGamesWidget .sectionTitleText {
        display: block;
        flex: none;
        margin: 0;
        color: #f2eeee !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        line-height: 1.3;
        letter-spacing: -.025em;
        white-space: normal;
        text-wrap: balance;
    }

    #root.is-home-page .casinoGamesWidget .sectionTitleText::before {
        content: "";
        display: block;
        width: 28px;
        height: 3px;
        margin-bottom: 12px;
        border-radius: 2px;
        background: rgb(var(--gallery-accent));
    }

    #root.is-home-page .casinoGamesWidget .sectionTitle > a {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: fit-content;
        min-height: 34px;
        padding: 7px 12px;
        border: 1px solid rgba(var(--gallery-accent), .3);
        border-radius: 7px;
        background: rgba(var(--gallery-accent), .08);
        color: #e5e0e1 !important;
        font-size: 12px;
        text-decoration: none;
    }

    #root.is-home-page .casinoGamesWidget .sectionTitle > a::before {
        content: "Tümünü gör";
    }

    #root.is-home-page .casinoGamesWidget .sectionTitle > a .link__label {
        padding: 2px 6px;
        border-radius: 4px;
        background: #ffffff0b;
        color: rgb(var(--gallery-accent));
        font-size: 12px;
        line-height: 1.3;
    }

    #root.is-home-page .casinoGamesWidget .sectionTitle > a:hover {
        background: rgba(var(--gallery-accent), .18);
        border-color: rgba(var(--gallery-accent), .6);
    }

    #root.is-home-page .casinoGamesWidget .sectionTitle > a:focus-visible {
        outline: 2px solid rgb(var(--gallery-accent));
        outline-offset: 3px;
    }

    #root.is-home-page .casinoGamesWidget > .carouselWrapper {
        min-width: 0;
        width: 100%;
    }

    #root.is-home-page .casinoGamesWidget .casinoGameItemContent {
        border-radius: 10px;
        box-shadow: 0 2px 8px #0004;
        transition: box-shadow .2s ease;
    }

    #root.is-home-page .casinoGamesWidget .casinoGameItemContent:hover {
        box-shadow: 0 0 0 1px rgba(var(--gallery-accent), .5), 0 4px 12px #0005;
    }

    #root.is-home-page .casinoGamesWidget .casinoGameItem {
        border-radius: 10px;
        background: #121214;
        overflow: hidden;
    }

    #root.is-home-page .casinoGamesWidget .casinoGameItemImage {
        border-radius: 10px;
        transition: transform .2s ease, filter .2s ease;
    }

    #root.is-home-page .casinoGamesWidget .casinoGameItemContent:hover .casinoGameItemImage {
        transform: scale(1.035);
        filter: brightness(1.08);
    }
}

@media (min-width: 1280px) {
    #root.is-home-page .casinoHorizontalGamesList.casinoGamesWidget {
        display: grid;
        grid-template-columns: 196px minmax(0, 1fr);
        gap: 26px;
        align-items: center;
    }

    #root.is-home-page .casinoGamesWidget > .sectionTitle {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
        align-self: stretch;
        height: auto !important;
        max-height: none;
        min-width: 0;
        padding: 8px 0;
        margin: 0;
        border: 0;
        text-align: center;
    }

    #root.is-home-page .casinoGamesWidget .sectionTitleText {
        width: 100%;
        text-align: center !important;
    }

    #root.is-home-page .casinoGamesWidget .sectionTitleText::before {
        width: 36px;
        margin: 0 auto 12px;
    }

    #root.is-home-page .casinoHorizontalGamesList.casinoGamesWidget::after {
        content: "";
        position: absolute;
        top: 22px;
        bottom: 22px;
        left: 235px;
        width: 1px;
        background: linear-gradient(180deg, transparent, rgba(var(--gallery-accent), .5) 20%, rgba(var(--gallery-accent), .5) 80%, transparent);
        pointer-events: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    #root.is-home-page .casinoGamesWidget .casinoGameItemImage,
    #root.is-home-page .casinoGamesWidget .casinoGameItemContent {
        transition: none;
    }
}

/* ROMABET SPORTS — gereksiz sol boslugu kaldir. */
@media all {
    #root.layout-bc.sportsbook {
        width: 100%;
        max-width: none !important;
        margin-inline: 0 !important;
    }

    #root.sportsbook > .layout-content-holder-bc {
        min-width: 0;
        max-width: none !important;
        margin-inline: 0 !important;
    }

    #root.sportsbook .sportsbook-container,
    #root.sportsbook .live-calendar {
        padding-left: 0 !important;
    }
}

/* ROMABET HEADER — tum masaustu sayfalarinda ortak renkler. */
@media all {
    #root.layout-bc > .layout-header-holder-bc {
        --header: 25, 25, 25;
        background: #191919 !important;
        box-shadow: none !important;
        border-bottom: 1px solid #282828;
    }

    #root.layout-bc .layout-header-holder-bc .header-bc {
        background: #191919 !important;
    }

    /* Logo satirinin altindaki Spor / Ozel Oran ana menusu. */
    #root.layout-bc .layout-header-holder-bc .nav-content-bc,
    #root.layout-bc .layout-header-holder-bc .nav-menu-container.header-navigation {
        background: #111111 !important;
    }

    #root.layout-bc .layout-header-holder-bc .nav-content-bc {
        box-shadow: 0 -1px 0 #454545 !important;
    }
}

/* ROMABET ODDS — masaustu oran rakamlari. */
@media all {
    #root.layout-bc .market-odd-bc {
        color: #fff !important;
    }
}

/* ROMABET CASINO PANELS — turnuvalar ve son kazananlar. */
@media all {
    #root:is(.casino-slots, .live-casino-games) :is(.casino-info-block:has(.casino-tournament-header), .casino-winners-block) {
        background: #1b1b1b !important;
        border: 1px solid #333 !important;
        border-radius: 6px;
        box-shadow: none;
        color: #f2f2f2;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-tournament-header, .casino-winners-block .main-tabs-bc) {
        background: #202020 !important;
        border-bottom: 1px solid #333;
        color: #fff;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-info-content-tournament, .casino-info-content-winners) > * {
        background: #1e1e1e !important;
        border-bottom: 1px solid #2c2c2c !important;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-info-content-tournament, .casino-info-content-winners) > *:nth-child(even) {
        background: #1e1e1e !important;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-info-content-tournament, .casino-info-content-winners) > *:hover {
        background: #282828 !important;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-winners-block .tab-bc {
        background: transparent !important;
        color: #aaa !important;
        font-weight: 500;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-winners-block .tab-bc.active {
        background: transparent !important;
        box-shadow: inset 0 -2px 0 #df2525;
        color: #fff !important;
        font-weight: 600;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-tournament-name, .casino-tournament-amount, .casino-winners-amount, .casinoWinnerWidgetAmount, .tournamentsWidgetPrice) {
        color: #fff !important;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-tournament-all {
        color: #ccc !important;
        font-weight: 500;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-winners-info {
        color: #aaa;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-winners-info > :first-child {
        color: #eee;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casinoWinnerWidgetItem, .tournamentsWidgetItem) {
        background: #1e1e1e !important;
        border: 1px solid #303030;
        box-shadow: none;
        border-radius: 6px;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetInfo {
        background: #1e1e1e !important;
        color: #e8e8e8;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetCounter {
        background: #141414 !important;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.tournamentsWidgetCounterLabel, .tournamentsWidgetAmountTitle, .casinoWinnerWidgetName, .casinoWinnerWidgetGameName) {
        color: #aaa !important;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casinoTopWinnersWidget, .tournamentsWidget) .sectionTitleText {
        color: #eee !important;
        font-size: 18px !important;
        font-weight: 600;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-tournament-header-title, .casino-tournament-header-icon) {
        color: #fff !important;
        font-weight: 700;
    }

    #root:is(.casino-slots, .live-casino-games) .casinoTopWinnersWidgetHeader,
    #root:is(.casino-slots, .live-casino-games) .tournamentsWidget > .sectionTitle {
        box-sizing: border-box;
        min-height: 44px;
        height: auto;
        padding: 8px 0;
        border: 0;
        border-bottom: 1px solid #303030;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    #root:is(.casino-slots, .live-casino-games) :is(.casino-winners-amount, .casinoWinnerWidgetAmount, .tournamentsWidgetPrice) {
        color: #fff !important;
        font-weight: 700;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetButtons .ds-btn-variant--primary:not(.ds-btn--disabled):not(:disabled):not([aria-disabled="true"]),
    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetLive .badge--primary {
        background: #d91c1c !important;
        color: #fff !important;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetButtons .ds-btn-variant--primary:not(.ds-btn--disabled):not(:disabled):not([aria-disabled="true"]):hover {
        background: #ed3030 !important;
    }

    #root:is(.casino-slots, .live-casino-games) .casinoTopWinnersPeriodsSection .ds-chip {
        background: transparent !important;
        color: #aaa !important;
        border-radius: 4px;
        box-shadow: none;
    }

    #root:is(.casino-slots, .live-casino-games) .casinoTopWinnersPeriodsSection .ds-chip--selected {
        background: #303030 !important;
        color: #fff !important;
    }

    /* Turnuva adi kirmizi; odul tutari beyaz. */
    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetName {
        color: #ff4545 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 24px;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetAmount {
        padding-left: 0;
        border-left: 0;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetAmountTitle {
        color: #aaa !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        letter-spacing: normal;
        text-transform: none;
    }

    #root:is(.casino-slots, .live-casino-games) .tournamentsWidgetPrice {
        color: #fff !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 32px;
        font-variant-numeric: tabular-nums;
        letter-spacing: -.025em;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-tournament-info {
        min-height: 38px;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-tournament-name {
        color: #ff4545 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 18px;
    }

    #root:is(.casino-slots, .live-casino-games) .casino-tournament-amount {
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 20px;
        font-variant-numeric: tabular-nums;
    }
}

/* ROMABET ANNOUNCEMENT — ust duyuru seridi. */
@media all {
    #root .informative-widget-link:has(marquee) {
        background: #1b1b1b !important;
        border: 0 !important;
        border-bottom: 1px solid #303030 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 5px 16px !important;
        min-height: 36px;
        height: auto !important;
        align-items: center;
    }

    #root .informative-widget-container:has(marquee) {
        width: 90% !important;
        max-width: 1320px;
        min-width: 0;
        margin: 0 auto !important;
        padding: 0 !important;
        align-items: center;
    }

    #root .informative-widget-container > span:has(marquee) {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 0;
    }

    #root .informative-widget-container div:has(> marquee) {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-family: inherit !important;
        text-align: left !important;
    }

    #root .informative-widget-container div:has(> marquee) + p {
        display: none !important;
    }

    /* Marquee yerine sabit CSS metni. Adres degistiginde bu degeri guncelleyin. */
    #root .informative-widget-container div:has(> marquee) {
        --roma-announcement-text: "İki adımlı doğrulamayı aktif ediniz.   •   Bir sonraki adresimiz www.romabet1486.com olacaktır.";
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 4px 14px;
        min-height: 26px;
        line-height: 22px;
    }

    #root .informative-widget-container marquee {
        display: none !important;
    }

    #root .informative-widget-container div:has(> marquee)::before {
        content: "ÖNEMLİ DUYURU";
        flex: 0 0 auto;
        padding-right: 14px;
        border-right: 1px solid #404040;
        color: #ed3535;
        font-size: 11px;
        font-weight: 600;
        line-height: 22px;
    }

    #root .informative-widget-container div:has(> marquee)::after {
        content: var(--roma-announcement-text);
        min-width: 0;
        color: #e0e0e0;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* ROMABET FOOTER — kompakt masaustu footer ve tek satir odeme logolari. */
@media all {
    #root.layout-bc > .layout-footer-holder-bc {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 20px max(5%, calc((100% - 1320px) / 2)) !important;
        background: #171717 !important;
        border: 0 !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper,
    #root.layout-bc > .layout-footer-holder-bc .footerContainerWrapper,
    #root.layout-bc > .layout-footer-holder-bc .footerContainer {
        padding: 0;
        background: transparent !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerHeader {
        padding: 0 0 12px !important;
        gap: 12px !important;
        border: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerTopButtonGroup {
        flex: 0 0 auto;
        margin: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerTopButtonGroup::before {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #aaa !important;
        margin: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerInnerLeftCol {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerInfoColumn {
        margin-left: auto !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerSocialLinks {
        gap: 8px;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerSocialLink {
        margin: 0;
        background: #282828;
        border-radius: 4px;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinksSection {
        padding: 18px 0 !important;
        margin: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkCols {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        width: 100%;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkCol {
        width: auto;
        min-width: 0;
        margin: 0;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColTitle {
        margin: 0 0 8px;
        justify-content: center;
        text-align: center;
        line-height: 20px;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColTitle .footerLinkColText {
        color: #ddd !important;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: normal;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl {
        margin: 0 0 4px;
        text-align: center;
        color: #aaa !important;
        font-size: 12px;
        line-height: 20px !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl a {
        color: #aaa !important;
        font-size: 12px !important;
        line-height: 20px !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl a:hover {
        color: #fff !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderGroup {
        padding: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer > .sliderGroup {
        border: 0 !important;
        padding-top: 16px !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderContent {
        margin: 0 0 16px !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderTitle {
        margin: 0 0 10px;
        text-align: center !important;
        color: #bcbcbc;
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderWrapper {
        display: block !important;
        max-width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin;
        scrollbar-color: #444 transparent;
        padding: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderRow {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        width: max-content;
        min-width: 100%;
        justify-content: safe center !important;
        gap: 12px !important;
        padding: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderRow .horizontalSliderElem {
        flex: 0 0 112px;
        width: 112px !important;
        min-width: 112px;
        max-width: 112px !important;
        height: 44px !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        box-sizing: border-box;
        background: transparent !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderRow .horizontalSliderElem .horizontalSliderImg {
        max-width: 92px !important;
        width: auto !important;
        height: 28px !important;
        object-fit: contain;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderRow .sliderImage {
        flex: 0 0 80px;
        min-width: 80px !important;
        width: 80px !important;
        height: 56px !important;
        margin: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderRow .sliderImage img {
        max-width: 80px;
        max-height: 56px;
        object-fit: contain;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderElem:hover .horizontalSliderImg,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderElem:hover img,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderWrapper > div > a:hover,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderElem .horizontalSliderImg:hover {
        transform: none !important;
        scale: 1 !important;
        filter: none !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleElWrapper {
        margin: 10px 0 0 !important;
        height: auto;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleElWrapper:has(.anj-container:empty) {
        margin: 0 !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl {
        height: auto;
        min-height: 0;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl > .sliderImage {
        height: 48px;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl > .sliderImage img {
        width: auto;
        max-height: 48px;
        object-fit: contain;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .ftr-copy-rights-bc {
        margin: 0 !important;
        padding: 0 !important;
        color: #999;
        font-size: 11px;
        line-height: 18px;
        white-space: normal !important;
        text-align: center !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .ftr-copy-rights-bc p {
        margin: 0 0 4px !important;
        padding: 0 !important;
        white-space: normal !important;
        line-height: 18px !important;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .copyRightBlock {
        padding: 12px 0 0 !important;
        border: 0 !important;
        align-items: center;
        gap: 8px;
    }

    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerCopyrights {
        padding: 0 !important;
        margin: 0 !important;
        border: 0;
        font-size: 11px;
        color: #999;
    }
}

@media all {
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkCol,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColLinks {
        text-align: center !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl a {
        display: inline-block;
        text-align: center !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderGroup,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderContent,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinksSection {
        border: 0 !important;
        box-shadow: none !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderGroup::before,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .copyRightBlock::before {
        content: none !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderRow {
        animation: none !important;
        transform: none !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderWrapper {
        scrollbar-width: none;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .horizontalSliderWrapper::-webkit-scrollbar {
        display: none;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .copyRightBlock {
        justify-content: center;
    }
}

@media all {
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerHeader {
        box-shadow: none !important;
    }
}

/* Tekrarlanan kategori basliklari yerine ortali, kompakt baglanti menusu. */
@media all {
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinksSection {
        justify-content: center;
        padding: 18px 0 22px !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkCols {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: center;
        justify-content: center;
        gap: 6px 20px;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkCol,
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColLinks {
        display: contents;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColTitle {
        display: none;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl {
        display: block;
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        padding: 4px 0;
        text-decoration: none;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl .footerLinkColText {
        color: #bcbcbc !important;
        font-size: 12px !important;
        font-weight: 500;
        line-height: 20px !important;
        letter-spacing: normal;
        transform: none;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl a:hover .footerLinkColText {
        color: #fff !important;
    }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColEl a:focus-visible {
        outline: 1px solid #888;
        outline-offset: 3px;
    }
}

/* ROMABET DESKTOP PAYMENT — odeme kartlari ve etiketler. */
@media all {
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        align-content: start !important;
        grid-auto-rows: max-content;
        flex-shrink: 0;
        box-sizing: border-box;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc {
        min-width: 0;
        grid-column: span 1;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        padding: 0 !important;
        background: #232323 !important;
        border: 1px solid #343434 !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        transform: none !important;
        overflow: hidden !important;
        -webkit-tap-highlight-color: transparent;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:nth-child(-n+2) {
        grid-column: span 3;
        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc {
        align-items: center !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc.active,
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc:active {
        background: #2c2020 !important;
        border-color: #c82020 !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc .nav-ico-w-row-bc {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 6px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        overflow: visible !important;
        z-index: auto !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .nav-ico-w-row-bc:has(.paymentBadgeBlock) {
        padding: 24px 8px 6px !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .payment-logo {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
        filter: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .paymentBadgeBlock {
        position: absolute !important;
        inset: 4px 5px auto auto !important;
        min-width: 0 !important;
        width: auto !important;
        height: 17px !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;
        background: #393939 !important;
        color: #eee !important;
        border: 0 !important;
        border-radius: 3px !important;
        box-shadow: none !important;
        font-family: Roboto, Arial, Helvetica, sans-serif !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 17px !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        transform: none !important;
        animation: none !important;
        z-index: 1 !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .paymentBadgeBlock:is(.badge-recommended, .badge-fastest) {
        inset: 0 0 auto 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 20px !important;
        line-height: 20px !important;
        border-radius: 0 !important;
        text-align: center !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .paymentBadgeBlock.badge-recommended {
        background: #a91d1d !important;
        color: #fff !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .paymentBadgeBlock::before {
        content: none !important;
        display: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .paymentBadgeBlock::after {
        content: attr(data-badge) !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        color: inherit !important;
        border: 0 !important;
        box-shadow: none !important;
        font: inherit !important;
        letter-spacing: inherit !important;
        text-transform: inherit !important;
        transform: none !important;
        animation: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc:hover {
        background: #292929 !important;
        border-color: #555 !important;
        box-shadow: none !important;
        transform: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc::before {
        content: none !important;
        display: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .payment-logo {
        max-height: 48px !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .horizontal-sl-item-bc {
        background: #252525 !important;
        color: #bcbcbc !important;
        box-shadow: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .horizontal-sl-item-bc.active {
        background: #2c2020 !important;
        color: #e53935 !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .horizontal-sl-item-bc :is(.horizontal-sl-title-bc, .horizontal-sl-icon-bc) {
        color: inherit !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-nav-items-list-item-bc.active:hover {
        background: #2c2020 !important;
        border-color: #c82020 !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .payment-info-bc {
        background: #1b1b1b !important;
        color: #ddd;
        border-radius: 6px;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .description-c-row-bc {
        background: #232323 !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .description-title {
        color: #aaa !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .description-value {
        color: #eee !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .expandableContentWrapper {
        background: transparent !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .btn.a-color:not(:disabled):not([aria-disabled="true"]):not(.disabled) {
        background: #b82020 !important;
        color: #fff !important;
        box-shadow: none !important;
    }
    #root.layout-bc .user-profile-container .dep-w-info-bc .btn:is(:disabled, [aria-disabled="true"], .disabled) {
        background: #282828 !important;
        color: #858585 !important;
        box-shadow: none !important;
    }
}

/* ROMABET RESPONSIVE — theme remains active; only layout changes with width. */
@media (max-width: 1023px) {
    #root.layout-bc.is-home-page:not(.page-full-size) > .layout-content-holder-bc {
        width: calc(100% - 24px) !important;
        padding-block: 18px 24px !important;
    }
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) {
        padding: 16px !important;
    }
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-container-bc {
        grid-auto-columns: calc((100% - 40px) / 5) !important;
        gap: 10px !important;
    }
    #root.is-home-page .casinoHorizontalGamesList.casinoGamesWidget { padding: 16px !important; }
    #root.is-home-page .casinoGamesWidget .sectionTitleText { font-size: 18px !important; }
    #root .popup-holder-bc.user-profile-container > .popup-middleware-bc { padding: 12px; }
    #root .popup-holder-bc.user-profile-container > .popup-middleware-bc > .popup-inner-bc {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        height: calc(100dvh - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
    }
    #root .user-profile-container .u-i-profile-page-container { flex-basis: 230px; width: 230px; }
    #root .user-profile-container .u-i-common-content { padding: 16px; }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:nth-child(-n+2) { grid-column: span 2; }
}
@media (max-width: 767px) {
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-container-bc { grid-auto-columns: calc((100% - 20px) / 3) !important; }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkCols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerLinkColText { white-space: normal !important; overflow-wrap: anywhere; }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerHeader { flex-wrap: wrap; justify-content: center; }
    #root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .footerInfoColumn { margin-inline: auto !important; }
    #root .user-profile-container .u-i-profile-page-container { flex-basis: 180px; width: 180px; }
    #root .user-profile-container .overlay-header { padding: 16px 42px 16px 12px; font-size: 16px; }
}
@media (max-width: 700px) {
    #root.layout-bc .header-bc .hdr-main-content-bc {
        box-sizing: border-box; width: 100%; height: auto !important; min-height: 56px;
        margin: 0; padding: 8px; flex-wrap: wrap; justify-content: center; gap: 8px;
    }
    #root.layout-bc .header-bc .logo-container { flex: 1 0 100%; min-width: 0; justify-content: center; height: 42px; }
    #root.layout-bc .header-bc .logo { width: 160px; height: 42px; }
    #root.layout-bc .header-bc .hdr-logo-bc { width: 160px !important; max-width: 100%; height: 42px !important; object-fit: contain; }
    #root.layout-bc .header-bc .hdr-user-bc { flex: 1 0 100%; min-width: 0; height: auto; flex-wrap: wrap; justify-content: center; margin: 0; gap: 6px; }
    #root.layout-bc .header-bc .hdr-user-bc > * { margin: 0; }
    #root.layout-bc .header-bc :is(.header-custom-buttons, .infoTime, .smartPanel-bc) { margin: 0; }
    #root.layout-bc .header-bc .generic-search-btn { height: 36px; }
}
@media (max-width: 479px) {
    #root.is-home-page > .layout-content-holder-bc > .hm-row-bc:is(:nth-child(3), :nth-child(8), :nth-child(10), :nth-child(11)) .product-banner-container-bc { grid-auto-columns: calc((100% - 20px) / 2.5) !important; }
    #root.is-home-page .casinoGamesWidget > .sectionTitle { flex-wrap: wrap; gap: 8px; }
    #root.is-home-page .casinoGamesWidget .sectionTitleText { font-size: 16px !important; }
    #root .user-profile-container .u-i-p-c-body-bc { flex-direction: column; overflow-y: auto; }
    #root .user-profile-container .u-i-profile-page-container { flex: 0 0 auto; width: 100%; height: auto; max-height: 34dvh; overflow-y: auto; border-right: 0; border-bottom: 1px solid #303030; }
    #root .user-profile-container .my-profile-info-block { flex: 1 0 auto; height: auto; min-height: 55dvh; }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    #root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:nth-child(-n+2) { grid-column: span 1; }
}


/* ROMABET: only the recommended deposit method gets the featured row. */
#root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:nth-child(n) {
    grid-column: span 1 !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
}
#root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:has(.paymentBadgeBlock.badge-recommended) {
    order: -1;
    grid-column: 1 / -1 !important;
    position: relative;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    background: #2c2020 !important;
    border-color: #b82020 !important;
}
#root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:has(.paymentBadgeBlock.badge-recommended) .paymentBadgeBlock.badge-recommended {
    height: 24px !important;
    line-height: 24px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: #b82020 !important;
}
#root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:has(.paymentBadgeBlock.badge-recommended) .nav-ico-w-row-bc {
    padding: 30px 12px 8px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
#root.layout-bc .user-profile-container .dep-w-info-bc .m-block-nav-items-bc > .m-nav-items-list-item-bc:has(.paymentBadgeBlock.badge-recommended) .payment-logo {
    width: auto !important;
    max-width: 100% !important;
    height: 48px !important;
    max-height: 48px !important;
}

/* Featured payment label. */
#root.layout-bc .user-profile-container .dep-w-info-bc .paymentBadgeBlock.badge-recommended::after {
    content: "Anında Otomatik" !important;
}


/* ROMABET promotions: readable cards and compact categories. */
#root.layout-bc.promotion-page > .layout-content-holder-bc {
    width: 100% !important;
    max-width: 1480px !important;
    min-width: 0;
    margin-inline: auto !important;
    padding: 26px 20px 36px !important;
    box-sizing: border-box;
}
#root.promotion-page .promotion-horizontal-sl-list-bc {
    height: auto !important;
    min-height: 44px;
    margin-bottom: 20px;
    background: transparent !important;
}
#root.promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-wheel {
    gap: 8px;
}
#root.promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 88px;
    min-height: 42px;
    padding: 0 18px !important;
    background: #222 !important;
    color: #bdbdbd !important;
    border: 1px solid #333 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
#root.promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    background: #ae2020 !important;
    border-color: #ae2020 !important;
    color: #fff !important;
}
#root.promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-title-bc {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 500;
}
#root.promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc {
    color: inherit !important;
}
#root.promotion-page .promotionsList-bc {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    padding: 0 !important;
    align-items: stretch;
}
#root.promotion-page .promotionsListEl-bc {
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #202020 !important;
    border: 1px solid #343434;
    border-radius: 9px;
    box-sizing: border-box;
    box-shadow: none !important;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease;
}
#root.promotion-page .promotionsListEl-bc:hover {
    background: #282222 !important;
    border-color: #bb2929;
}
#root.promotion-page .promotionsListEl-bc:focus-visible {
    outline: 2px solid #e33c3c;
    outline-offset: 3px;
}
#root.promotion-page .promotionsArticleThumbnail-bc {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    flex: 0 0 auto;
    aspect-ratio: 2568 / 1402;
    object-fit: contain !important;
    border-radius: 0 !important;
    transform: none !important;
    filter: none !important;
}
#root.promotion-page .promotionsListEl-bc .promotions-article-title {
    display: flex !important;
    position: static !important;
    flex: 1 0 auto;
    align-items: center;
    gap: 14px;
    height: auto !important;
    min-height: 70px;
    width: 100%;
    padding: 14px 16px !important;
    margin: 0 !important;
    box-sizing: border-box;
    background: transparent !important;
    color: #eee !important;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 500;
    text-align: left;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    text-overflow: clip;
}
#root.promotion-page .promotions-article-title::after {
    content: "";
    flex: 0 0 7px;
    height: 7px;
    margin-left: auto;
    border-top: 2px solid #dc3838;
    border-right: 2px solid #dc3838;
    transform: rotate(45deg);
    pointer-events: none;
}
@media (max-width: 1199px) {
    #root.promotion-page .promotionsList-bc { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; }
}
@media (max-width: 899px) {
    #root.promotion-page .promotionsList-bc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 539px) {
    #root.layout-bc.promotion-page > .layout-content-holder-bc { padding: 16px 12px 24px !important; }
    #root.promotion-page .promotionsList-bc { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
    #root.promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc { padding: 0 12px !important; min-width: 72px; }
    #root.promotion-page .promotionsListEl-bc .promotions-article-title { min-height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
    #root.promotion-page .promotionsListEl-bc { transition: none; }
}


/* ROMABET promotion details: one scroll area, readable rules. */
#root .popup-inner-bc:has(> .promotion-details-container) {
    width: 1080px !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100dvh - 48px) !important;
    display: flex !important;
    flex-direction: column;
    background: #191919 !important;
    border: 1px solid #363636;
    border-radius: 10px !important;
    overflow: hidden !important;
}
#root .popup-inner-bc:has(> .promotion-details-container) > .overlay-header {
    flex: 0 0 auto;
    padding: 18px 54px 18px 22px !important;
    background: #232323 !important;
    border-bottom: 1px solid #343434;
}
#root .popup-inner-bc:has(> .promotion-details-container) .back-nav-title-bc-h1 {
    height: auto;
    font-size: 17px !important;
    line-height: 24px;
    font-weight: 600;
    color: #f3f3f3 !important;
    white-space: normal !important;
}
#root .popup-inner-bc:has(> .promotion-details-container) > .e-p-close-icon-bc {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #303030;
    color: #eee !important;
    border-radius: 6px;
    z-index: 3;
}
#root .promotion-details-container {
    display: grid !important;
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr) !important;
    gap: 22px !important;
    min-height: 0;
    height: auto !important;
    padding: 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-items: start;
    background: #191919 !important;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #555 #191919;
}
#root .promotion-details-container > .promotion-details-header {
    position: sticky;
    top: 0;
    width: 100% !important;
    min-width: 0;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid #383838;
    border-radius: 8px;
    box-sizing: border-box;
}
#root .promotion-details-container .promotion-details-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
}
#root .promotion-details-container .promotion-details-info {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box;
    color: #d7d7d7;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
#root .promotion-details-info .rule-item {
    display: flex !important;
    align-items: flex-start;
    gap: 12px !important;
    padding: 16px !important;
    margin: 0 0 14px !important;
    background: #232323 !important;
    border: 1px solid #353535 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
#root .promotion-details-info .rule-number {
    flex: 0 0 26px;
    min-width: 26px !important;
    width: 26px !important;
    height: 26px !important;
    margin-top: 0 !important;
    border-radius: 5px !important;
    background: #a92121 !important;
    color: #fff !important;
    font-size: 12px !important;
}
#root .promotion-details-info .rule-content {
    min-width: 0;
    flex: 1;
    gap: 10px !important;
}
#root .promotion-details-info .rule-title {
    margin: 0 !important;
    line-height: 22px !important;
}
#root .promotion-details-info .rule-title,
#root .promotion-details-info .rule-title * {
    color: #ed5550 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
#root .promotion-details-info .rule-text,
#root .promotion-details-info .rule-text * {
    color: #dedede !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}
#root .promotion-details-info img {
    max-width: 100% !important;
    height: auto !important;
}
#root .promotion-details-info table {
    width: 100% !important;
    table-layout: fixed;
    height: auto !important;
    border-collapse: collapse;
}
#root .promotion-details-info th,
#root .promotion-details-info td {
    padding: 10px;
    border: 1px solid #3a3a3a;
    overflow-wrap: anywhere;
}
@media (max-width: 800px) {
    #root .promotion-details-container { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; padding: 16px !important; }
    #root .promotion-details-container > .promotion-details-header { position: static; max-width: 440px; justify-self: center; }
}
@media (max-width: 479px) {
    #root .popup-inner-bc:has(> .promotion-details-container) { max-width: calc(100vw - 16px) !important; max-height: calc(100dvh - 24px) !important; }
    #root .popup-inner-bc:has(> .promotion-details-container) > .overlay-header { padding: 14px 50px 14px 14px !important; }
    #root .popup-inner-bc:has(> .promotion-details-container) .back-nav-title-bc-h1 { font-size: 15px !important; line-height: 21px; }
    #root .promotion-details-container { padding: 12px !important; }
    #root .promotion-details-info .rule-item { gap: 8px !important; padding: 12px !important; }
}