:root, *{
  --hero: 211, 175, 55 !important;
  --oc-1: 211, 175, 55 !important;
  --oc-1-hover: 166, 132, 24 !important;
  --dynamic-header:118px !important;
  --b: 0, 0, 0 !important;
  --header: 0, 0, 0 !important;
}

/* Login banner*/
a[aria-label="SAHTE SİTE"] img {
    width: 100% !important;
    justify-self: center;
}

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

.u-i-profile-page-container {
    background: #000 !important;
}

html, body { overscroll-behavior: none !important; background:#000 !important;} 

.my-profile-info-block {
    background: #000 !important;
}

/* support */
#comm100-container > div:nth-child(2) > div:first-child {
    left: unset;
    right: 20px !important;
    transform: none !important;
    position: fixed !important;
    bottom: 0px !important;
    top: unset !important;
}
#comm100-container a img {
    max-height: 90px !important;
    position: absolute;
    right: 10px;
    bottom: 0px;
}

.popup-holder-bc .popup-inner-bc {
    border: 5px solid rgb(212 175 55 / 67%) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .7), 0 0 40px rgba(212, 175, 55, .08) !important;
}
.entrance-popup-bc.sign-in, .entrance-popup-bc.register:not(:has(.slider-bc)) {
    background: #000 !important;
  height: 80svh;
}

.header-bc .center-bottom-btn>button {
    position: absolute !important;
    z-index: 999999999 !important;
    border-radius: 10px !important;
}

/* ============================================
   Play Game Sidebar
   ============================================ */
.sidebar-container {background-color: rgb(0 0 0) !important;} 

/* ============================================
   Desktop Container - Bootstrap-like centered layout
   Only desktop (768px+), mobile stays full-width
   ============================================ */
.layout-bc:not(.page-builder).pb-background-image {
    background-size: cover !important;
    background-attachment: fixed !important;
}
@media (min-width: 768px) {
    .layout-content-holder-bc {
        max-width: 1430px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* 4K+ screens */
@media (min-width: 2560px) {
    .layout-content-holder-bc {
        max-width: 1800px !important;
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}






/* ============================================
   Desktop - Promo Gallery 3D Cards
   drop-shadow glow follows transparent PNG shape
   ============================================ */

/* ---- Grid: 4 columns ---- */
.promotionsList-bc,
.promotionsList-bc:not(.gridView) {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    max-width: 1430px !important;
    margin: 0 auto !important;
    perspective: 1200px !important;
    padding: 20px 20px !important;
}

/* ---- Card ---- */
.promotionsListEl-bc {
    position: relative;
    border-radius: 12px;
    overflow: visible;
    cursor: pointer;
    transform-style: preserve-3d;
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

/* ---- Image ---- */
.promotionsListEl-bc .promotionsArticleThumbnail-bc {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    position: relative;
    z-index: 2;
    transition: filter 0.4s ease;
    /* No glow by default */
    filter: drop-shadow(0 0 0 transparent);
}

/* ---- Title (hidden, shown on hover) ---- */
.promotionsListEl-bc .promotions-article-title {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    padding: 8px 6px 4px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* ============================================
   HOVER - drop-shadow glow on PNG shape
   ============================================ */
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    filter:
        drop-shadow(0 0 6px rgba(212, 175, 55, 0.5))
        drop-shadow(0 0 15px rgba(212, 175, 55, 0.3))
        drop-shadow(0 0 30px rgba(212, 175, 55, 0.15))
        brightness(1.08) !important;
}

.promotionsListEl-bc:hover .promotions-article-title {
    opacity: 1;
}

/* ============================================
   ISOMETRIC 3D TILT
   ============================================ */
.promotionsListEl-bc:nth-child(4n+1):hover {
    transform: perspective(800px) rotateY(7deg) rotateX(-3deg) scale(1.03);
}

.promotionsListEl-bc:nth-child(4n+2):hover {
    transform: perspective(800px) rotateY(3deg) rotateX(-4deg) scale(1.03);
}

.promotionsListEl-bc:nth-child(4n+3):hover {
    transform: perspective(800px) rotateY(-3deg) rotateX(-4deg) scale(1.03);
}

.promotionsListEl-bc:nth-child(4n+4):hover {
    transform: perspective(800px) rotateY(-7deg) rotateX(-3deg) scale(1.03);
}

/* ============================================
   ACTIVE / TOUCH
   ============================================ */
.promotionsListEl-bc:active {
    transform: perspective(800px) rotateX(2deg) scale(0.98) !important;
    transition-duration: 0.15s;
}

.promotionsListEl-bc:active .promotionsArticleThumbnail-bc {
    filter:
        drop-shadow(0 0 10px rgba(212, 175, 55, 0.7))
        drop-shadow(0 0 25px rgba(212, 175, 55, 0.4))
        drop-shadow(0 0 50px rgba(212, 175, 55, 0.2))
        brightness(1.12) !important;
}

/* ============================================
   ENTRANCE + FLOAT
   Uses translate/scale/opacity (NOT transform)
   ============================================ */
@keyframes pg-entrance {
    from {
        opacity: 0;
        translate: 0 30px;
        scale: 0.94;
    }

    to {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
}

@keyframes pg-float {
    0%, 100% { translate: 0 0; }
    50%      { translate: 0 -5px; }
}

.promotionsListEl-bc {
    animation: pg-entrance 0.5s cubic-bezier(0.23, 1, 0.32, 1) backwards,
        pg-float 4.5s ease-in-out infinite;
}

.promotionsListEl-bc:nth-child(1)  { animation-delay: 0.00s, 1.0s; }
.promotionsListEl-bc:nth-child(2)  { animation-delay: 0.05s, 1.2s; }
.promotionsListEl-bc:nth-child(3)  { animation-delay: 0.10s, 1.4s; }
.promotionsListEl-bc:nth-child(4)  { animation-delay: 0.15s, 1.6s; }
.promotionsListEl-bc:nth-child(5)  { animation-delay: 0.20s, 1.8s; }
.promotionsListEl-bc:nth-child(6)  { animation-delay: 0.25s, 2.0s; }
.promotionsListEl-bc:nth-child(7)  { animation-delay: 0.30s, 2.2s; }
.promotionsListEl-bc:nth-child(8)  { animation-delay: 0.35s, 2.4s; }
.promotionsListEl-bc:nth-child(9)  { animation-delay: 0.40s, 2.6s; }
.promotionsListEl-bc:nth-child(10) { animation-delay: 0.45s, 2.8s; }
.promotionsListEl-bc:nth-child(11) { animation-delay: 0.50s, 3.0s; }
.promotionsListEl-bc:nth-child(12) { animation-delay: 0.55s, 3.2s; }
.promotionsListEl-bc:nth-child(13) { animation-delay: 0.60s, 3.4s; }
.promotionsListEl-bc:nth-child(14) { animation-delay: 0.65s, 3.6s; }
.promotionsListEl-bc:nth-child(15) { animation-delay: 0.70s, 3.8s; }
.promotionsListEl-bc:nth-child(16) { animation-delay: 0.75s, 4.0s; }
.promotionsListEl-bc:nth-child(17) { animation-delay: 0.80s, 4.2s; }
.promotionsListEl-bc:nth-child(18) { animation-delay: 0.85s, 4.4s; }
.promotionsListEl-bc:nth-child(19) { animation-delay: 0.90s, 4.6s; }
.promotionsListEl-bc:nth-child(20) { animation-delay: 0.95s, 4.8s; }
.promotionsListEl-bc:nth-child(21) { animation-delay: 1.00s, 5.0s; }
.promotionsListEl-bc:nth-child(22) { animation-delay: 1.05s, 5.2s; }

/* ============================================
   ACCESSIBILITY
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    .promotionsListEl-bc {
        animation: none !important;
    }
}









/* ============================================
   Desktop Header - Premium Gold Theme
   1430px centered layout
   ============================================ */

/* ---- CSS Variable override ---- */
.header-bc {
    --desktop-nav-height: 40px !important;
}

/* ---- Header base ---- */
.header-bc {
    background: linear-gradient(180deg, #080c1c 0%, #0a0e1af0 100%) !important;
    border-bottom: none !important;
    position: relative !important;
}

/* Gold gradient line under header */
.header-bc::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: 1300px !important;
    height: 1px !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(197, 164, 89, 0.3) 20%,
            rgba(212, 175, 55, 0.6) 50%,
            rgba(197, 164, 89, 0.3) 80%,
            transparent) !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

/* ============================================
   TOP BAR - Logo + Buttons
   ============================================ */
.hdr-main-content-bc {
    max-width: 1430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 30px !important;
    height: 90px !important;
}

/* ---- Logo ---- */
.logo-container {
    display: flex !important;
    align-items: center !important;
}

.logo {
    height: 75px !important;
    padding: 6px 0 !important;
}

.hdr-logo-bc {
    height: 100% !important;
    width: auto !important;
    max-width: 260px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.2)) !important;
    transition: filter 0.3s ease !important;
}

.logo:hover .hdr-logo-bc {
    filter: drop-shadow(0 0 18px rgba(212, 175, 55, 0.5)) drop-shadow(0 0 40px rgba(212, 175, 55, 0.15)) !important;
}

/* ---- Hide clock ---- */
.hdr-main-content-bc .infoTime {
    display: none !important;
}

/* ============================================
   BUTTONS - GİRİŞ / KAYIT
   ============================================ */
.hdr-user-bc {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.hdr-user-bc .sign-in,
.btn.s-small.sign-in {
    background: transparent !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 8px !important;
    color: #d4af37 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 10px 24px !important;
    height: 40px !important;
    width: auto !important;
    min-width: 80px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Kill any underline/text-decoration on sign-in */
.hdr-user-bc .sign-in span,
.hdr-user-bc .sign-in *,
.btn.s-small.sign-in span,
.btn.s-small.sign-in * {
    text-decoration: none !important;
    border-bottom: none !important;
}

.hdr-user-bc .sign-in:hover,
.btn.s-small.sign-in:hover {
    background: rgba(212, 175, 55, 0.08) !important;
    border-color: #d4af37 !important;
    color: #e8c94a !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.15),
        inset 0 0 15px rgba(212, 175, 55, 0.05) !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.hdr-user-bc .register,
.btn.s-small.register {
    background: linear-gradient(135deg, #b8941f 0%, #d4af37 40%, #e8c94a 60%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    border: none !important;
    border-radius: 8px !important;
    color: #0a0e1a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    height: 40px !important;
    width: auto !important;
    min-width: 80px !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hdr-user-bc .register:hover,
.btn.s-small.register:hover {
    background-position: right center !important;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.45),
        0 0 30px rgba(212, 175, 55, 0.15) !important;
    transform: none !important;
}

/* ============================================
   LANGUAGE SELECTOR
   ============================================ */
not(.react-datepicker) .form-control-bc.select .form-control-select-bc {
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 8px !important;
    background: rgba(212, 175, 55, 0.04) !important;
    height: 40px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
}

not(.react-datepicker) .form-control-bc.select:hover .form-control-select-bc,
not(.react-datepicker) .form-control-bc.select.focused .form-control-select-bc {
    border-color: rgba(212, 175, 55, 0.6) !important;
    background: rgba(212, 175, 55, 0.08) !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.08) !important;
}

not(.react-datepicker) .form-control-bc.select .form-control-select-bc .ellipsis {
    color: rgba(212, 175, 55, 0.85) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}

not(.react-datepicker) .form-control-bc.select .form-control-icon-bc {
    color: rgba(212, 175, 55, 0.5) !important;
}

/* Language dropdown */
.form-control-bc.select .form-control-select-options-bc,
.form-control-bc .select-options {
    background: #0c1022 !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.6) !important;
    overflow: hidden !important;
}

.form-control-bc.select .form-control-select-options-bc .option,
.form-control-bc .select-options .option {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.25s ease !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.form-control-bc.select .form-control-select-options-bc .option:hover,
.form-control-bc .select-options .option:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #d4af37 !important;
}

.form-control-bc.select .form-control-select-options-bc .option.active,
.form-control-bc .select-options .option.active {
    background: rgba(212, 175, 55, 0.1) !important;
    color: #d4af37 !important;
}

/* ============================================
   3-DOT TOGGLE BUTTON
   ============================================ */
.hdr-toggle-button-bc,
.bc-i-vertical-toggle {
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 8px !important;
    color: rgba(212, 175, 55, 0.7) !important;
    background: rgba(212, 175, 55, 0.04) !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.hdr-toggle-button-bc:hover,
.bc-i-vertical-toggle:hover {
    border-color: rgba(212, 175, 55, 0.6) !important;
    background: rgba(212, 175, 55, 0.1) !important;
    color: #d4af37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.12) !important;
}

/* ============================================
   SMART PANEL (notification, favori, etc.)
   ============================================ */
.hdr-smart-panel-holder-bc {
    background: #0c1022 !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
    padding: 6px 0 !important;
    overflow: hidden !important;
}

.sp-button-bc {
    transition: all 0.3s ease !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    position: relative !important;
    background: #000 !important;
    color: #e8c94a !important;
}

.sp-button-bc:last-child {
    border-bottom: none !important;
}

.sp-button-bc:hover {
    background: rgb(210 176 56) !important;
    color: #000 !important;
}

.sp-button-bc:hover .sp-button-icon-bc {
    color: #000000 !important;
}

.sp-button-icon-bc {
    font-size: 18px !important;
    transition: all 0.3s ease !important;
}

.hdr-smart-panel-holder-arrow-bc:after {
    border-color: transparent transparent rgba(212, 175, 55, 0.3) !important;
}

/* ============================================
   NAVIGATION BAR - Black Bar + Gold Glow
   ============================================ */
.nav-content-bc {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.nav-content-menu {
    max-width: 1430px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 30px !important;
    height: 62px !important;
    display: flex !important;
    align-items: center !important;
}

/* Nav container = the black bar with top/bottom gold glow lines */
.nav-menu-container.header-navigation {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
}

/* Top gold glow line */
.nav-menu-container.header-navigation::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg,
            transparent 0%,
            transparent 5%,
            rgba(212, 175, 55, 0.1) 15%,
            rgba(212, 175, 55, 0.45) 50%,
            rgba(212, 175, 55, 0.1) 85%,
            transparent 95%,
            transparent 100%) !important;
    pointer-events: none !important;
}

/* Bottom gold glow line */
.nav-menu-container.header-navigation::after {
    content: "" !important;
    position: absolute !important;
    bottom: 11 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg,
            transparent 0%,
            transparent 5%,
            rgba(212, 175, 55, 0.08) 15%,
            rgba(212, 175, 55, 0.35) 50%,
            rgba(212, 175, 55, 0.08) 85%,
            transparent 95%,
            transparent 100%) !important;
    pointer-events: none !important;
}

html:not(.is-home) .nav-menu-container .nav-menu {
    display: flex !important;
    width: 100% !important;
    gap: 0 !important;
    height: var(--desktop-nav-height) !important;
    align-items: center !important;
    /* height: auto !important; */
}
/* More Link Screen*/
.nav-menu-other > li.nav-menu-item {
    margin: 10px 0px;
}

html:not(.is-home) .nav-menu-container .nav-menu>li {
    position: relative !important;
    height: auto !important;
}

.hidden-global {display:none}

/* Gold separator between items */
.nav-menu-container .nav-menu>li+li::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 15% !important;
    width: 1px !important;
    height: 70% !important;
    background: linear-gradient(180deg,
            transparent 0%,
            rgba(212, 175, 55, 0.5) 30%,
            rgba(232, 201, 74, 0.7) 50%,
            rgba(212, 175, 55, 0.5) 70%,
            transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* ---- Nav items: Gold text on black ---- */
.nav-menu-container .nav-menu>li>.nav-menu-item,
.nav-menu-container .nav-menu-other>.nav-menu-item {
    color: rgb(232, 201, 74) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.15) !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    padding: 12px 16px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Hover: gold glow */
.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item,
.nav-menu-container .nav-menu>li>.nav-menu-item:hover,
.nav-menu-container .nav-menu-other>.nav-menu-item:hover {
    color: #e8c94a !important;
    background: rgba(212, 175, 55, 0.06) !important;
    box-shadow: none !important;
    border-top-color: transparent !important;
    text-shadow: 0 0 12px rgba(212, 175, 55, 0.35) !important;
}

/* Kill ALL default colored borders/shadows on nav items - every state */
.nav-menu-container.header-navigation .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation .nav-menu>li:hover>.nav-menu-item,
.nav-menu-container.header-navigation .nav-menu>li:focus>.nav-menu-item,
.nav-menu-container.header-navigation .nav-menu>li:active>.nav-menu-item,
.nav-menu-container.header-navigation .nav-menu>li.active>.nav-menu-item,
.nav-content-bc .nav-menu-item,
.nav-content-bc .nav-menu>li>.nav-menu-item {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-top: none !important;
    border-top-color: transparent !important;
    outline: none !important;
}

/* Active nav state */
.nav-menu-container .nav-menu>li.active>.nav-menu-item,
.nav-menu-container .nav-menu>li>.nav-menu-item.active {
    color: #e8c94a !important;
    background: rgba(212, 175, 55, 0.08) !important;
    text-shadow: 0 0 14px rgba(212, 175, 55, 0.4) !important;
}

/* Gold underline on hover/active */
.nav-menu-container .nav-menu>li>.nav-menu-item::before {
    content: "" !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 50% !important;
    width: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
    transition: width 0.3s ease, left 0.3s ease !important;
    pointer-events: none !important;
    border-radius: 2px !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item:hover::before,
.nav-menu-container .nav-menu>li.active>.nav-menu-item::before,
.nav-menu-container .nav-menu>li>.nav-menu-item.active::before {
    width: 100% !important;
    left: 0 !important;
}

/* ---- Nav SVG icons: dark capsule with gold icon ---- */
.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper,
.nav-menu-container .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper {
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper svg {
    color: #d4af37 !important;
    transition: all 0.25s ease !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item:hover>.CMSIconSVGWrapper,
.nav-menu-container .nav-menu>li.active>.nav-menu-item>.CMSIconSVGWrapper {
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Kill any pseudo/border/line on icon wrapper */
.nav-menu-container .CMSIconSVGWrapper::before,
.nav-menu-container .CMSIconSVGWrapper::after,
.nav-content-bc .CMSIconSVGWrapper::before,
.nav-content-bc .CMSIconSVGWrapper::after,
.header-bc .CMSIconSVGWrapper::before,
.header-bc .CMSIconSVGWrapper::after {
    display: none !important;
    content: none !important;
}

/* Nuclear kill: any border/outline/shadow/image on icon wrappers everywhere */
span.CMSIconSVGWrapper,
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper,
.CMSIconSVGWrapper,
.nav-menu-container .nav-menu .CMSIconSVGWrapper,
.nav-menu-container .nav-menu-other .CMSIconSVGWrapper,
.nav-content-bc .CMSIconSVGWrapper,
.header-bc .CMSIconSVGWrapper,
.nav-menu-item>.CMSIconSVGWrapper {
    border: 0 none transparent !important;
    border-top: 0 none transparent !important;
    border-bottom: 0 none transparent !important;
    border-left: 0 none transparent !important;
    border-right: 0 none transparent !important;
    border-image: none !important;
    border-image-source: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    background-image: none !important;
    text-decoration: none !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item:hover>.CMSIconSVGWrapper svg {
    color: #e8c94a !important;
    filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.4)) !important;
}

/* ============================================
   DROPDOWN / SUBMENU - Black + Gold theme
   ============================================ */
.nav-menu-sub {
    background: #000 !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 10px !important;
    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(212, 175, 55, 0.05) !important;
    padding: 4px 0 !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    min-width: 200px !important;
}

.nav-menu-sub li {
    background: transparent !important;
    border-bottom: none !important;
    position: relative !important;
}

/* Gold separator between dropdown items */
.nav-menu-sub li+li::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 10% !important;
    width: 80% !important;
    height: 1px !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.15) 20%,
            rgba(212, 175, 55, 0.25) 50%,
            rgba(212, 175, 55, 0.15) 80%,
            transparent) !important;
    pointer-events: none !important;
}

/* No second pseudo needed */
.nav-menu-sub li+li::after {
    display: none !important;
    background: linear-gradient(90deg,
            transparent,
            rgba(232, 201, 74, 0.3) 20%,
            rgba(255, 230, 120, 0.25) 50%,
            rgba(232, 201, 74, 0.3) 80%,
            transparent) !important;
    pointer-events: none !important;
}

.nav-menu-sub li a,
.nav-menu-sub .nav-menu-item {
    color: rgba(212, 175, 55, 0.7) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    padding: 12px 20px !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    display: flex !important;
}

.nav-menu-sub li a:hover,
.nav-menu-sub .nav-menu-item:hover {
    color: #e8c94a !important;
    background: rgba(212, 175, 55, 0.06) !important;
    box-shadow: none !important;
    padding-left: 24px !important;
    border: none !important;
    border-top: none !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.25) !important;
}

/* Gold left accent on hover */
.nav-menu-sub .nav-menu-item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    width: 2px !important;
    height: 60% !important;
    background: #d4af37 !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
    border-radius: 2px !important;
}

.nav-menu-sub .nav-menu-item:hover::before {
    opacity: 1 !important;
}

/* Kill any inherited pseudo-elements */
.nav-menu-sub li a::after,
.nav-menu-sub .nav-menu-item::after {
    display: none !important;
}

/* Active dropdown item */
.nav-menu-sub .nav-menu-item.active,
.nav-menu-sub li.active .nav-menu-item {
    color: #e8c94a !important;
    background: rgba(212, 175, 55, 0.08) !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Sub arrow icon */
.nav-menu-sub-arrow {
    color: rgba(212, 175, 55, 0.4) !important;
    transition: color 0.3s ease !important;
}

.nav-menu-item:hover .nav-menu-sub-arrow {
    color: #1a1200 !important;
}

/* ============================================
   SIDE PANEL (opened from smart panel)
   ============================================ */
.sidePanel-holder {
    background: rgba(10, 14, 26, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.12) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.7) !important;
  height: calc(100% - (var(--desktop-header-height) + 1px)) !important;
}

.sidePanel-holder .overlay-header {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), transparent) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
    color: #d4af37 !important;
    font-weight: 600 !important;
}

.sidePanel-holder-bc:before {
    background: transparent !important;
    border-top: none !important;

    content: "" !important;
    right: 0 !important;
    top: 0 !important;
    width: 100svw !important;
    height: 100svh !important;
    position: fixed !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    background: #000000cc !important;
    z-index: 0 !important;
}

/* ============================================
   HEADER LAYOUT HOLDER
   ============================================ */
.layout-header-holder-bc {
    box-shadow: none !important;
    margin-bottom: 0 !important;

    background: transparent !important;
    background: rgba(0, 0, 0, 0.65) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

.header-bc {
    background: transparent !important;
}

/* ============================================
   DAHA menu (more button)
   ============================================ */
.nav-menu-other .nav-menu-item {
    color: rgba(255, 255, 255, 0.5) !important;
    transition: color 0.3s ease !important;
}

.nav-menu-other .nav-menu-item:hover {
    color: #d4af37 !important;
}

.nav-menu-other .nav-menu-item .bc-i-apps {
    color: rgba(212, 175, 55, 0.5) !important;
    transition: color 0.3s ease !important;
}

.nav-menu-other .nav-menu-item:hover .bc-i-apps {
    color: #d4af37 !important;
}

/* ============================================
   GLOBAL DROPDOWN/POPUP OVERRIDES
   All header dropdowns get consistent dark gold theme
   ============================================ */

/* Any dropdown/popup inside header */
.header-bc .popup-bc,
.header-bc .dropdown,
.header-bc [class*="options"],
.header-bc [class*="dropdown"],
.header-bc [class*="popover"],
.smartPanel-bc .sidePanel-holder {
    background: #000000 !important;
    border: 1px solid rgb(212 175 55 / 69%) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(212, 175, 55, 0.06) !important;
}

/* Select/dropdown option items globally */
.header-bc [class*="option"],
.header-bc [class*="select-item"] {
    background: transparent !important;
    transition: all 0.25s ease !important;
}

.header-bc [class*="option"]:hover,
.header-bc [class*="select-item"]:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #d4af37 !important;
}

/* Form control dropdowns (language, etc.) */
.form-control-bc .form-control-select-options-bc {
    background: #0c1022 !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.6) !important;
    overflow: hidden !important;
    margin-top: 4px !important;
}

/* Input stroke / underline killers */
.header-bc .form-control-input-stroke-bc,
.header-bc .selected-underline:before {
    display: none !important;
    background: none !important;
    height: 0 !important;
}

/* ============================================
   4K+
   ============================================ */
@media (min-width: 2560px) {

    .hdr-main-content-bc,
    .nav-content-menu {
        max-width: 1800px !important;
        padding: 0 60px !important;
    }

    .hdr-main-content-bc {
        height: 90px !important;
    }

    .logo {
        height: 85px !important;
    }

    .hdr-logo-bc {
        max-width: 300px !important;
    }
}


/* ============================================
   Header Login Deposit Button
   ============================================ */
.header-custom-buttons a.btn {
    display: inline-block;
    outline: none;
    font-size: 12px !important;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 8px 20px;
    text-transform: uppercase;
    color: rgb(0 0 0);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    user-select: none;
    font-weight: bold;
    height: auto;
}

.header-custom-buttons a.btn:focus,
.header-custom-buttons a.btn:hover,
.header-custom-buttons a.btn:active {
    color: rgb(0 0 0 / 80%) !important;
    background: #ffd84f;
}









/* ============================================
   Desktop - Featured Bets / Önerilen Bahisler
   Black base + gold accents
   ============================================ */

/* ---- Container ---- */
.featuredGamesContent {
    max-width: 1430px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;
    position: relative !important;
}

.featuredGamesContent .carouselWrapper {
    overflow: visible !important;
    position: relative !important;
}

.featuredGamesContent .swiper {
    overflow: visible !important;
}

.featuredGamesContent .swiper-slide {
    min-width: 420px !important;
}

/* ---- Card ---- */
.featuredGameItem {
    background: #000000 !important;
    border: 2px solid #e8c94a !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    height: 100% !important;
}

.featuredGameItem:hover {
    border-color: rgba(212, 175, 55, 0.35) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.06) !important;
}

/* ---- Card Header ---- */
.featuredGameItemHeader {
    background: rgba(212, 175, 55, 0.03) !important;
    padding: 10px 15px !important;
    height: auto !important;
}

/* Kill dashed border, replace with solid gold line */
.featuredGameItemHeader:before {
    border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
    border-style: solid !important;
}

.featuredGameItemSportAliasIcon {
    color: rgba(212, 175, 55, 0.45) !important;
}

.featuredGameItemCompetitionName {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px !important;
}

/* CANLI badge - RED (live indicator) */
.featuredGameItemIsLive {
    background: #d6051b !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    border: none !important;
    box-shadow: 0 0 8px rgba(214, 5, 27, 0.3) !important;
}

/* Non-live market count */
.featuredGameItemMarketCount:not(.featuredGameItemIsLive) {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* ---- Body ---- */
.featuredGameItemBody {
    padding: 10px 15px 15px !important;
    background: transparent !important;
    flex: auto !important;
}

/* ---- Teams ---- */
.featuredGameItemPlayerName {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* ---- Score / Time ---- */
.featuredGameItemTimeAdditionalInfo {
    color: #d4af37 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-shadow: none !important;
}

.featuredGameItemTime {
    color: rgba(255, 255, 255, 0.55) !important;
}

.featuredGameItemTime>time:first-child:nth-last-child(2) {
    color: rgba(255, 255, 255, 0.8) !important;
}

.featuredGameItemCurrentSet {
    color: rgba(255, 255, 255, 0.4) !important;
}

.featuredGameItemSetInfoIcon,
.CMSIconSVGWrapper.featuredGameItemSetInfoIcon>svg {
    color: rgba(255, 255, 255, 0.3) !important;
    fill: rgba(255, 255, 255, 0.3) !important;
}

/* ============================================
   ODDS BUTTONS
   ============================================ */
.featuredGameItem .market-group-holder-bc {
    gap: 4px !important;
}

/* Odds cell - default: dark with subtle gold border */
.featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc,
.featuredGameItem .sgm-market-g-i-cell-bc.market-bc {
    background: rgba(212, 175, 55, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.12) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    flex-direction: column !important;
}

/* Hover */
.featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc:not(.disabled-market-bc):hover,
.featuredGameItem .sgm-market-g-i-cell-bc.market-bc:hover,
[class*=is-web] .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc:not(.disabled-market-bc, .m-g-header):hover {
    background: rgba(212, 175, 55, 0.1) !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
}

/* Market name (MS1, X, MS2) */
.featuredGameItem .market-name-bc {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 11px !important;
}

/* Odds value - gold */
.featuredGameItem .market-odd-bc {
    color: #d4af37 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* ---- Selected/Active odds ---- */
.featuredGameItem .market-bc.active,
.featuredGameItem .market-group-item-bc .market-bc.active,
[class*=is-web] .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc.active {
    background: rgba(212, 175, 55, 0.18) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}

.featuredGameItem .market-bc.active .market-name-bc {
    color: rgba(212, 175, 55, 0.7) !important;
}

.featuredGameItem .market-bc.active .market-odd-bc {
    color: #e8c94a !important;
    font-weight: 700 !important;
}

/* ---- Odds arrows ---- */
.featuredGameItem .market-arrow-up-down-bc.is-up {
    color: #4ade80 !important;
}

.featuredGameItem .market-arrow-up-down-bc.is-down {
    color: #f87171 !important;
}

/* ============================================
   CAROUSEL ARROWS
   ============================================ */
.featuredGamesContent .swiper-button-prev,
.featuredGamesContent .swiper-button-next,
.featuredGamesContent .carouselWrapper .swiper-button-prev,
.featuredGamesContent .carouselWrapper .swiper-button-next {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: rgba(255, 255, 255, 0.25) !important;
    width: 36px !important;
    height: 100% !important;
    top: 0 !important;
    margin-top: 0 !important;
    transition: color 0.3s ease !important;
    z-index: 10 !important;
}

.featuredGamesContent .swiper-button-prev,
.featuredGamesContent .carouselWrapper .swiper-button-prev {
    left: -36px !important;
}

.featuredGamesContent .swiper-button-next,
.featuredGamesContent .carouselWrapper .swiper-button-next {
    right: -36px !important;
}

.featuredGamesContent .swiper-button-prev:hover,
.featuredGamesContent .swiper-button-next:hover,
.featuredGamesContent .carouselWrapper .swiper-button-prev:hover,
.featuredGamesContent .carouselWrapper .swiper-button-next:hover {
    color: rgba(212, 175, 55, 0.6) !important;
}

/* ============================================
   HERO VARIABLE OVERRIDE
   ============================================ */
.featuredGameItem {
    --hero: 212, 175, 55 !important;
    --oc-2: 212, 175, 55 !important;
}













/* ============================================
   Desktop Footer - Custom Showcase
   Only desktop (768px+), mobile stays full-width
   ============================================ */
.layout-footer-holder-bc {
    background: #ffffff !important;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 15%)  !important;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 15%)  !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 15%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#000000", GradientType=0)  !important;
}

.footerHeader {
    box-shadow: none !important;
}

.footerWrapper {
    box-shadow: none !important;
}

/* ============================================
   Desktop Game Items - Custom Showcase
   Only desktop (768px+), mobile stays full-width
   ============================================ */
.casino-game-item {
    border-radius: 6px;
    border: 2px solid #e8c94a;
}


/* ============================================
   Desktop Payment Icons 
   Only desktop (768px+), mobile stays full-width
   ============================================ */
[class*=is-web] .horizontalSliderElem .horizontalSliderImg {
    filter: none !important;
    background: transparent !important;
    opacity: 1 !important;
    object-fit: cover !important;
    height: 80px !important;
    width: 180px !important;
}

.horizontalSliderElem {
    margin: 0px !important;
    padding: 0px !important;
    width: auto !important;
    height: 100px !important;
    background-color: transparent !important;
}



.casino-slots .casinoProviderContent {
    margin-top: 55px;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper {
    border-radius: 6px !important;
    border: 0px !important;
}
[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper:before {
    background: rgb(0 0 0) !important;
}
.casinoCategoryChooserContainer .horCatItemTitle {
    color: rgb(210 176 56);
}
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItem i, [class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItem svg {
    color: rgb(210 176 56);
}
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp+.horizontalCategoryItemWrp {
    margin-inline-start: 10px;
}
.casinoProviderRow {
  background: transparent !important;
    background: transparent !important;
    background: rgba(0, 0, 0, 0.65) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}



dynamic-info-loading .e-p-close-icon-bc {
    display: block !important;
}


/* ============================================
   Legal - Licence
   ============================================ */
.footerLinkColEl a{
  color:#fff !important;
}
.FooterLicenceCuracaoContainer > div {
  max-width: 140px !important;
    min-width: 100px !important;
}
.sliderSingleElWrapper .ftr-copy-rights-bc {
    max-width:1400px;
  margin:auto;
  font-size:13px !important;
}

.footerContainer .sliderContent {
  margin-bottom:10px !important
}

.informative-widget-link {
    border-bottom: 2px solid rgba(var(--hero), 1) !important;
}


[class*=is-web] .providerItemsInner:hover {
    background: #d2b038 !important;
}
.casinoCategoryChooserContainer .horCatItemTitle {
    color: rgb(255 255 255) !important;
}


/* ============================================
   Live Page Fixes
   ============================================ */
.sp-s-l-b-content-bc .form-control-select-bc.inputs{padding:10px 15px 10px 0!important;border:0!important}.sp-s-l-b-content-bc .form-control-select-bc.inputs .ellipsis{padding:10px!important;border:0!important;letter-spacing:1px!important}.sp-s-l-b-content-bc div.form-control-bc.select.s-small.filled{min-height:45px!important}.filter-sports-bc>div.form-control-bc.select.s-small>.form-control-label-bc.form-control-select-bc.inputs,.settings-r-b-row-bc>div.form-control-bc.select.s-small>.form-control-label-bc.form-control-select-bc.inputs{padding:0 40px!important;height:auto!important}


/* ============================================
   DESKTOP - Main Slider (Hero)
   BG image + 2 slides: left & right, 3D overflow top
   Target: 1st .hm-row-bc inside .layout-content-holder-bc
   ============================================ */
.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child{background-image:url('/storage/medias/bahissende-18774748/media_18774748_e0ec654f0e91e0676145a949a44fb32c.png')!important;background-size:cover!important;background-position:left!important;background-repeat:no-repeat!important;border-radius:12px!important;min-height:320px!important;padding:0!important;position:relative!important;overflow:visible!important;max-width:1430px!important;margin:10px auto 20px!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child>div{max-width: calc(100% - 20px);display:flex!important;align-items:flex-end!important;justify-content:center!important;height:100%!important;min-height:320px!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .slider-bc{width:100%!important;position:relative!important;overflow:visible!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .carouselWrapper,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper{overflow:visible!important;height:100%!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-wrapper{transform:none!important;transition:none!important;display:flex!important;justify-content:flex-end!important;align-items:flex-end!important;gap:16px!important;flex-wrap:nowrap!important;padding-right:30px!important;animation:none!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide-active,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide-next,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide-prev{flex:0 0 20%!important;width:250%!important;max-width:20%!important;height:auto!important;opacity:1!important;visibility:visible!important;display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;transition:none!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide:nth-child(1){animation:4s ease-in-out infinite heroFloat!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide:nth-child(2){animation:4s ease-in-out infinite heroFloatAlt!important}@keyframes heroFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes heroFloatAlt{0%,100%{translate:0 -6px}50%{translate:0 2px}}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .sdr-item-holder-bc{aspect-ratio:3/4!important;width:100%!important;height:auto!important;border-radius:14px 14px 0 0!important;overflow:hidden!important;border:none!important;transition:box-shadow .4s!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .sdr-item-bc{display:block!important;width:100%!important;height:100%!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .sdr-item-bc:before,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-button-next,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-button-prev,.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-pagination{display:none!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .sdr-image-bc{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px 14px 0 0!important;display:block!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide{transition:translate .4s,scale .4s!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide:hover{translate:0 -14px!important;scale:1.03!important;animation-play-state:paused!important;z-index:2!important}.is-home-page .layout-content-holder-bc>.hm-row-bc:first-child .swiper-slide:hover .sdr-item-holder-bc{box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.12)!important}


/* ============================================
   Desktop - Contained BG Games Loop
   Full-width bg image + right-aligned game grid
   Target: 4th .hm-row-bc inside .layout-content-holder-bc
   Manual scroll with gold scrollbar + edge fade
   ============================================ */
.layout-content-holder-bc>.hm-row-bc:nth-child(4){background-image:url('/storage/medias/bahissende-18774748/media_18774748_d687aecfa82cbd4c8dbcb3b2b51c708a.png')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;border-radius:0!important;min-height:360px!important;padding:24px!important;position:relative!important;overflow:hidden!important;max-width:1430px!important;margin:20px auto!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4)>div{display:flex!important;justify-content:flex-end!important;align-items:center!important;height:100%!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .slider-bc{width:60%!important;margin-left:auto!important;margin-right:0!important;position:relative!important;overflow:hidden!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .slider-bc::after,.layout-content-holder-bc>.hm-row-bc:nth-child(4) .slider-bc::before{content:''!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;width:40px!important;z-index:5!important;pointer-events:none!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .slider-bc::before{left:0!important;background:linear-gradient(to right,rgba(0,0,0,.7),transparent)!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .slider-bc::after{right:0!important;background:linear-gradient(to left,rgba(0,0,0,.7),transparent)!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .carouselWrapper,.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper{overflow:hidden!important;height:100%!important;position:relative!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-wrapper{transform:none!important;display:flex!important;gap:10px!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow-x:scroll!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;padding-bottom:20px!important;padding-top:18px!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-wrapper::-webkit-scrollbar{height:6px!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-wrapper::-webkit-scrollbar-track{background:rgba(212,175,55,.15)!important;border-radius:3px!important;margin:0 5px!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#b8941f,#d4af37,#e8c94a,#d4af37,#b8941f)!important;border-radius:3px!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#d4af37,#e8c94a,#f0d860,#e8c94a,#d4af37)!important}@-moz-document url-prefix(){.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-wrapper{scrollbar-color:#d4af37 rgba(212,175,55,0.15)!important}}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-slide{flex:0 0 calc(25% - 8px)!important;width:calc(25% - 8px)!important;min-width:calc(25% - 8px)!important;max-width:calc(25% - 8px)!important;height:auto!important;scroll-snap-align:start!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .sdr-item-holder-bc{aspect-ratio:3/4!important;width:100%!important;height:auto!important;border-radius:10px!important;overflow:hidden!important;border:0 transparent!important;transition:transform .3s,box-shadow .3s!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .sdr-image-bc,.layout-content-holder-bc>.hm-row-bc:nth-child(4) .sdr-item-bc{width:100%!important;height:100%!important;display:block!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .sdr-item-holder-bc:hover{transform:scale(1.03)!important;box-shadow:0 0 15px rgba(212,175,55,.2)!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .sdr-image-bc{object-fit:cover!important;border-radius:0!important}.layout-content-holder-bc>.hm-row-bc:nth-child(4) .sdr-item-bc:before,.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-button-next,.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-button-prev,.layout-content-holder-bc>.hm-row-bc:nth-child(4) .swiper-pagination{display:none!important}

/* ============================================
   Desktop - Home Games Rows
   Responsive grid with gold title
   Row 1 (5th child): CANLI CASINO OYUNLARI
   Row 2 (6th child): HIZLI KAZANÇ OYUNLARI
   ============================================ */
.layout-content-holder-bc>.hm-row-bc:nth-child(5),.layout-content-holder-bc>.hm-row-bc:nth-child(6){position:relative!important;max-width:1430px!important;margin:20px auto!important;padding:0 30px!important;box-sizing:border-box!important;width:100%!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5)::before,.layout-content-holder-bc>.hm-row-bc:nth-child(6)::before{display:block!important;font-size:18px!important;font-weight:700!important;color:#fff!important;letter-spacing:1px!important;padding:0 0 12px!important;font-style:normal!important;border-bottom:1px solid rgba(212,175,55,.15)!important;position:absolute!important;top:0!important;left:30px!important;right:30px!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5)::before{content:'CANLI CASINO OYUNLARI'!important}.layout-content-holder-bc>.hm-row-bc:nth-child(6)::before{content:'HIZLI KAZANÇ OYUNLARI'!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5)>div:first-child,.layout-content-holder-bc>.hm-row-bc:nth-child(6)>div:first-child{margin-top:40px!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-container-bc,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-container-bc{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:16px!important;padding:0!important;background:0 0!important;width:100%!important;box-sizing:border-box!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5)>div,.layout-content-holder-bc>.hm-row-bc:nth-child(6)>div{width:100%!important;box-sizing:border-box!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-container-bc>div,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-container-bc>div{aspect-ratio:200/269!important;border-radius:10px!important;overflow:hidden!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-bc,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-bc{display:block!important;width:100%!important;height:100%!important;border-radius:10px!important;overflow:hidden!important;border:1px solid rgba(212,175,55,.1)!important;padding:0!important;background:0 0!important;transition:transform .3s,box-shadow .3s,border-color .3s!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-bc:hover,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-bc:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px rgba(212,175,55,.15)!important;border-color:rgba(212,175,55,.4)!important}.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-img-bc,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-img-bc{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important;display:block!important}@media (max-width:1200px){.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-container-bc,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-container-bc{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}}@media (max-width:900px){.layout-content-holder-bc>.hm-row-bc:nth-child(5) .product-banner-container-bc,.layout-content-holder-bc>.hm-row-bc:nth-child(6) .product-banner-container-bc{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}}

/* ============================================
   Desktop - Popup Frosted Glass Backdrop
   Premium gold themed popup experience
   ============================================ */
.popup-holder-bc{backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;background:#0009!important}.popup-holder-bc .popup-middleware-bc{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100%!important}.popup-holder-bc .popup-inner-bc{background:linear-gradient(160deg,#0f1328 0%,#0a0e1a 50%,#0c1022 100%)!important;border:1px solid #d4af3740!important;border-radius:16px!important;box-shadow:0 20px 60px #000000b3 0 0 40px #d4af3714!important;overflow:hidden!important;animation:popupSlideIn .3s ease-out!important}@keyframes popupSlideIn{from{opacity:0;scale:.95;translate:0 20px}to{opacity:1;scale:1;translate:0 0}}.popup-holder-bc .e-p-close-icon-bc{color:#d4af3799!important;transition:color .2s ease!important;z-index:99999!important}.popup-holder-bc .e-p-close-icon-bc:hover{color:#e8c94a!important}.popup-holder-bc .casino-popup-title{color:#d4af37!important;font-weight:700!important;letter-spacing:.5px!important;text-align:center!important;padding:16px 20px 12px!important;border-bottom:1px solid #d4af371f!important;margin:0!important}.popup-holder-bc .casino-popup-content{padding:0!important;margin:0!important}.popup-holder-bc .casino-popup-content img{width:100%!important;height:auto!important;display:block!important;border-radius:0!important}.popup-holder-bc .casino-popup-button-block .btn{background:linear-gradient(135deg,#b8941f,#d4af37,#e8c94a,#d4af37)!important;color:#0a0e1a!important;font-weight:700!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;width:100%!important;font-size:14px!important;letter-spacing:.5px!important;text-transform:uppercase!important;cursor:pointer!important;transition:box-shadow .3s ease,transform .2s ease!important;margin:12px 0!important}.popup-holder-bc .casino-popup-button-block .btn:hover{box-shadow:0 4px 20px #d4af3759!important;transform:translateY(-1px)!important}.popup-holder-bc .popup-checkbox{color:#ffffff80!important;font-size:12px!important}.popup-holder-bc .popup-checkbox .checkbox-control-icon-bc{border-color:#d4af374d!important}.popup-holder-bc .popup-checkbox .checkbox-control-text-bc{color:#ffffff80!important}.popup-holder-bc .status-popup-content-w-bc{padding:0 20px 16px!important}.popup-holder-bc .entrance-popup-bc{background:linear-gradient(160deg,#0f1328 0%,#0a0e1a 50%,#0c1022 100%)!important;border:1px solid #d4af3733!important;border-radius:16px!important}.popup-holder-bc .entrance-popup-bc,.popup-holder-bc .popup-inner-bc{background:#000!important}


.payment-logo {
    width: 130% !important;
    object-fit: cover !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc{
    background: transparent !important;
}

.m-nav-items-list-item-bc:not(.active) {
    background: transparent !important;
    border:0px !important;
}
.m-nav-items-list-item-bc.active, .m-nav-items-list-item-bc:hover {
    background: #b58e31 !important;
}

.popular-matches-bc {
    padding: 0px 30px !important;
    margin-top: 30px !important;
}