.body {
    overflow-x: hidden !important;
}

.hdr-main-content-bc, .logo {
    padding: 5px 0px 0px 10px !important;
    height: 70px !important;
}

.sidebar-content {
    top: 500px !important;
}

.sidebar-title {
    font-size: 15px !important;
}

.sidebar-imageSrc {
    background: #33043f !important;
}

.sidebar-image img {
    width: auto !important;
}

#base_popup_id > div > div > div > div.e-p-body-bc > form > div.entrance-form-actions-holder-bc.login-ext-1 > div.reset-tooltip-info {
    display: none !important;
}

/* ========================================
   ODDS STYLES
   ======================================== */

.slider-market-coefficient-container .market-bc {
    background-color: #21073b87 !important;
    transform: translateY(1.4vmax) !important;
    border-radius: 15px !important;
    width: 5.5vmax !important;
    border: 1px solid #6f0ade !important;
    padding: 1.0vmax !important;
    margin: 0 8px !important;
}

.hm-row-bc .slider-bc:has(img[title="GununMaci"]) > div > div {
    border-radius: 20px !important;
}

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

.hm-row-bc:has(img[title="GununMaci"]) {
    display: grid !important;
    grid-template-columns: 1.886fr 1fr !important;
    grid-gap: 0.9% 0.9% !important;
}

/* ========================================
   HEADER STYLES
   ======================================== */
.header-icon {
    background-image: url('https://i.hizliresim.com/s6xfq38.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header-icon {
    width: 60px !important;
    height: 60px !important;
}

.hdr-toggle-button-bc {
    background-image: linear-gradient(317deg, rgb(111, 10, 222), rgb(33, 7, 59)) !important;
}

.count-odd-animation:after {
    background: rgb(216 1 40) !important;
}

.layout-bc.smart-panel-is-visible .hdr-toggle-button-bc {
    color: rgb(255 255 255) !important;
}

.generic-search-btn:before,
.generic-search-close-btn:before {
    background: rgb(33 7 59) !important;
}



.selectHolder.languageDropdown .selectContainer {
    background: linear-gradient(317deg, #6f0ade, #21073b) !important;
}

.infoTime {
    background: linear-gradient(317deg, #6f0ade, #21073b) !important;
}

.header-bc .center-bottom-btn > button {
    bottom: -620px !important;
}

.layout-bc .nav-floating-btn {
    background: rgb(165 18 14 / 63%) !important;
    display: none!important;
}

.hdr-user-bc .btn.register {
    color: #fff !important;
    border-radius: 10px !important;
    padding: 14px !important;
    background: linear-gradient(15deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) !important;
    border-image: none !important;
    box-shadow: none !important;
}

button.sign-in {
    text-decoration: none !important;
    display: inline-block !important;
    text-transform: uppercase;
    background-image: linear-gradient(317deg, rgb(111, 10, 222), rgb(33, 7, 59)) !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px !important;
    width: 70px !important;
    min-height: 30px !important;
    transition: .24s !important;
    animation: blinker 1.6s ease-out infinite !important;
}

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

/* ========================================
   NAVIGATION STYLES
   ======================================== */

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item i {
    margin-inline-end: inherit !important;
    font-size: 26px !important;
    text-transform: uppercase;
    background-image: linear-gradient(140deg, #6f0ade 0%, #21073b 29%, #a264d9 67%, #8b2fc9 100%) !important;
    background-size: 200% auto;
    color: #fff !important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block !important;
}

.entrance-f-error-message-bc {
    background: rgb(56 51 69) !important;
}

.sidePanel-holder {
    height: 500% !important;
}

.loyaltyButtons-bc-item button[title="Deneme"] {
    display: none;
}

.sidePanel-holder-bc:before {
    background: rgb(255 255 255 / 0%) !important;
    border-top: 1px solid rgb(0 0 0 / 0%) !important;
}

.sdr-item-bc:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62%, rgb(0 0 0 / 0%)) !important;
}

.casino-game-item-image-bc {
    border-radius: 20px !important;
}

[class*=is-web] .horizontalSliderElem .horizontalSliderImg {
    filter: none !important;
}

a.product-banner-bc img {
    transition: all 250ms ease !important;
}

/* ========================================
   LAYOUT BACKGROUND
   ======================================== */

.layout-bc {
    background: url(https://i.hizliresim.com/syx4ifx.png) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.nav-content-bc {
    background: transparent !important;
}

.nav-content-bc .nav-menu-container .nav-menu {
    height: 80px !important;
}

.nav-content-bc .nav-menu-container .nav-menu > li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.nav-content-bc .nav-menu-container .nav-menu > li .nav-menu-item {
    display: block;
    border-radius: 10px;
    background: transparent !important;
    padding: 25px !important;
    font-weight: bold;
    transition: box-shadow .35s ease;
}

:root {
    --glow: 111, 10, 222;
}

.nav-content-bc .nav-menu-container .nav-menu > li .nav-menu-item::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150%;
    height: 150%;
    transform: translate(-50%, -50%) scale(.15);
    opacity: 0;
    pointer-events: none;
    filter: blur(18px);
    background: radial-gradient(circle at center,
        rgba(var(--glow), .9) 0%,
        rgba(var(--glow), .35) 18%,
        rgba(var(--glow), .08) 38%,
        transparent 60%);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1),
                opacity .35s ease-out;
}

.nav-content-bc .nav-menu-container .nav-menu > li .nav-menu-item:hover::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .nav-content-bc .nav-menu-container .nav-menu > li .nav-menu-item::before {
        transition: opacity .15s linear;
    }
}

.nav-content-bc .nav-menu-container .nav-menu > li .nav-menu-item span {
    float: left;
    line-height: 18px;
}

.nav-content-bc .nav-menu-container .nav-menu > li .nav-menu-item svg {
    fill: #a465f7 !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    padding: 20px 10px;
    min-width: 150% !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub li {
    margin-bottom: 10px;
}

.nav-content-bc .nav-menu-container .nav-menu-sub li:last-child {
    margin-bottom: 0;
}

.nav-content-bc .nav-menu-container .nav-menu-sub li .nav-menu-item {
    background: transparent !important;
    font-size: 13px;
    text-transform: capitalize;
    width: fit-content;
    display: flex !important;
    justify-content: flex-start;
    border-radius: 0;
    position: relative;
    overflow: visible;
}

.nav-menu-item.badge-top::after {
    right: 5px !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child {
    background: transparent !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu {
    justify-content: center !important;
    padding: 10px 0 !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other .nav-menu-item.active,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li .nav-menu-item.active {
    box-shadow: none !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 15px !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item span,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item span,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other .nav-menu-item.active span,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li .nav-menu-item.active span {
    color: #fff !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other .nav-menu-item.active i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li .nav-menu-item.active i {
    color: rgb(255 255 255) !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    flex-direction: column !important;
    row-gap: 8px !important;
    font-size: 13px !important;
    color: rgba(var(--menu-sc), 0.8) !important;
    transition: all ease 0.6s !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item:hover,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item:hover {
    border-color: rgba(var(--menu-sc), 0.3) !important;
    color: rgba(var(--menu-sc), 1) !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgb(8 6 21) !important;
    border-radius: 13px !important;
}

.nav-menu-other {
    height: 72px !important;
}

ul.nav-menu.nav-menu-hide-items > li > a > i {
    text-transform: uppercase;
    background-image: linear-gradient(140deg, #6f0ade 0%, #21073b 29%, #6f0ade 67%, #a264d9 100%) !important;
    background-size: 200% auto;
    color: #fff !important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block !important;
    font-size: 30px !important;
}

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

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

.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item {
    background: linear-gradient(317deg, #21073b, #6f0ade) !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item > i:first-child {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block !important;
    background-size: 200% auto;
    color: #fff !important;
    text-transform: uppercase;
    background-image: linear-gradient(15deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other {
    margin-top: 10px !important;
}

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

.exchangeWrapper {
    margin-top: -15px !important;
}

/*ÜRÜNLER KARTLARI HOMAPAGE*/
/* ÜRÜNLER - 5 ADET TAM BOY KART */

html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: none !important;

    overflow: visible !important;
    white-space: normal !important;
}

/* Dış kutular */
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles
> div {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Kart bağlantısı */
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles
.product-banner-info-bc {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 4 / 5 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 16px !important;

    flex: none !important;
    flex-shrink: 1 !important;

    animation: none !important;
    transform: none !important;
}

/* Görsel kartın tamamını doldurur */
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles
.product-banner-info-bc
> img.product-banner-img-bc {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    animation: none !important;
    transform: none !important;
}
/* Kart büyüme geçişi */
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles
.product-banner-info-bc {
    transition: transform 0.25s ease !important;
    transform-origin: center center !important;
    z-index: 1 !important;
}

/* Hover */
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles
.product-banner-info-bc:hover {
    transform: scale(1.06) !important;
    z-index: 20 !important;
}

/* Büyüyen kart kesilmesin */
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles,
html body #root
.hm-row-bc:nth-of-type(2)
.product-banner-container-bc.product-banner-without-titles > div {
    overflow: visible !important;
}
/* ========================================
   CASINO STYLES
   ======================================== */

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    background: linear-gradient(317deg, rgb(111, 10, 222), rgb(33, 7, 59)) !important;
}

.horizontal-sl-item-bc:not(:empty) {
    border-radius: 15px 15px 0px 0px !important;
}

.overlay-header {
    color: black !important;
    justify-content: center !important;
    font-size: 25px !important;
    font-weight: 1000 !important;
    background: linear-gradient(15deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) !important;
}

.popup-inner-bc {
    background: linear-gradient(42deg, #090013, #25182f) !important;
    box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 1rem #cdb680, 0 0 0.4rem #cdb680, 0 0 1.4rem #cdb680, inset 0 0 0.7rem #cdb680 !important;
    border-radius: 20px !important;
}

.promotion-details-img {
    border-radius: 15px !important;
}

.promotion-details-popup.windowed .popup-inner-bc {
    width: 90% !important;
    max-width: 1000px !important;
    height: 75vh !important;
    border-radius: 20px !important;
}

.nav-menu-container.header-navigation:nth-child(2) .nav-menu {
    background: linear-gradient(15deg, rgba(255, 238, 198, 1) 0%, rgba(145, 127, 75, 1) 35%, rgba(255, 238, 198, 1) 74%, rgba(145, 127, 75, 1) 100%) !important;
    backdrop-filter: blur(5px) !important;
    height: 30px !important;
    border-radius: 10px !important;
}

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

.left-menu-container .second-tabs-bc .tab-bc:hover,
.left-menu-container .second-tabs-bc .tab-bc.active {
    background: rgb(52 0 109) !important;
}

.sportsbook-center-section {
    backdrop-filter: blur(20px);
}

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

.nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item:hover,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item.active,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item:hover,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item.active {
    box-shadow: none !important;
}

.left-menu-scroll > .sp-sub-list-bc.active > .sp-s-l-head-bc {
    background: rgb(13 9 25) !important;
}

.sportsbook .sgm-market-search {
    background: rgb(18 13 33) !important;
}

.betslip-full-content-bc {
    backdrop-filter: blur(20px) !important;
}

.left-menu-scroll > .sp-sub-list-bc > .sp-s-l-b-content-wrp > .sp-s-l-b-content-bc > .sp-sub-list-bc .sp-s-l-b-content-bc {
    background: rgb(8 6 21) !important;
}

.casino-info-block {
    border-radius: 10px !important;
    background: linear-gradient(317deg, #21073b, #100b15) !important;
    display: none !important;
}

.casino-info-block .main-tabs-bc .tab-bc.active {
    background: rgb(33 7 59 / 46%) !important;
}

.horizontalCategoryItemWrp {
    background-color: rgb(107 27 195) !important;
}

.horizontalCategoryItem {
    background: linear-gradient(45deg, rgba(255, 238, 198, 1) 0%, rgba(145, 127, 75, 1) 35%, rgba(255, 238, 198, 1) 74%, rgba(145, 127, 75, 1) 100%) !important;
}

.horCatItemTitle {
    color: rgb(13 9 26) !important;
    font-weight: bolder !important;
    font-size: 15px !important;
}

[class*=is-web] .horizontalCategoryItemWrp.active .horizontalCategoryItem:before,
[class*=is-web] .horizontalCategoryItemWrp:hover .horizontalCategoryItem:before {
    background: linear-gradient(317deg, #21073b, #6f0ade) !important;
}

[class*=is-web] .horizontalCategoryItemWrp.active i,
[class*=is-web] .horizontalCategoryItemWrp:hover i {
    color: rgb(101 9 201) !important;
}

.hm-row-bc > .casinoJackpotWrapper-bc {
    border-radius: 20px !important;
}

.layout-content-holder-bc > .casinoJackpotWrapper-bc.EGT:before,
.hm-row-bc .casinoJackpotWrapper-bc.EGT:before {
    background-image: radial-gradient(circle at 56% 100%, rgba(var(--hero), .7), rgb(111 10 222 / 66%) 100%), url(/assets/EGT-7e74397e.jpg) !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active {
    filter: none !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem i,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem i,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horizontalCategoryItem i {
    background: linear-gradient(rgb(108 41 180), rgb(13 9 24));
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItem i {
    color: #271243 !important;
}

.casinoGameListBlockHeader {
    background: linear-gradient(317deg, #00000069, #6f0ade) !important;
    border-radius: 10px !important;
    padding-bottom: 0px !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem:after,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem:after,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active .horizontalCategoryItem:after {
    background: rgb(255 245 220) !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp + .horizontalCategoryItemWrp {
    margin-inline-start: 2px !important;
}

.closeProviderBlock {
    background: linear-gradient(317deg, #00000069, #6f0ade) !important;
}

.header-icon > img {
    display: none !important;
}

.informative-widget-link {
    background: linear-gradient(180deg, rgb(255 168 0 / 15%), rgb(255 255 255 / 0%)) !important;
    border-radius: 5px 5px 0px 0px !important;
    border-top: 1px solid rgb(210 142 16) !important;
}

.e-p-close-icon-bc {
    color: rgb(255 255 255) !important;
}

/* ========================================
   FOOTER STYLES
   ======================================== */

.bc-i-footer-icon-holder {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-inline-end: 0px !important;
    height: 40px !important;
    color: rgb(111 10 222) !important;
    font-size: 20px !important;
}

.footerWrapper .footerInfoColumn {
    display: none !important;
}

.footerSliderSingleElWrapper .footerSliderSingleEl .footerSliderImage img {
    height: 70px !important;
}

.horizontalSliderRow .footerSliderImage {
    min-width: initial !important;
    width: 90px !important;
    height: 90px !important;
    border-radius: 10px !important;
}

.ftr-copy-rights-bc a {
    color: #FF5722 !important;
}

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

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

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

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

.footerHeader {
    box-shadow: 0 -1px 0 0 rgb(111 10 222 / 30%) inset !important;
}

.footerWrapper {
    box-shadow: 0 1px 0 0 rgb(111 10 222 / 30%) inset !important;
}

.layout-footer-holder-bc {
    background: transparent !important;
}

.horizontalSliderElem {
    width: 120px !important;
    padding: 5px !important;
    background-color: #0000 !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

[class*=is-web] .horizontalSliderElem .horizontalSliderImg {
    opacity: 1 !important;
}

[class*=is-web] .footerLinkColTitle {
    margin-bottom: 8px !important;
}

.footerLinkColTitle {
    line-height: 14px !important;
}

[class*=is-web] .footerLinkColEl:not(:last-child) {
    margin-bottom: 7px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu {
    justify-content: center !important;
}

.nav-menu-container.header-navigation:first-child {
    background: rgb(1 6 38) !important;
    padding: 0 20px !important;
}

.layout-bc:not(.page-full-size) .layout-content-holder-bc,
.layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    max-width: 1600px !important;
}

.sdr-item-bc:only-child {
    border-radius: 20px !important;
}
/* ========================================
   SCROLLBAR STYLES
   ======================================== */

::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb:hover {
    background: #000 !important;
    border-radius: 2px !important;
    border: 2px solid #313131 !important;
}

::-webkit-scrollbar-track,
html::-webkit-scrollbar-thumb:hover {
    background: #313131 !important;
}

::-webkit-scrollbar,
html::-webkit-scrollbar-thumb:hover {
    width: 8px !important;
}

/* ========================================
   HEADER USER STYLES
   ======================================== */

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

.hdr-user-bc .btn.register {
    color: #fff !important;
    border-radius: 10px !important;
    padding: 20px !important;
    font-weight: bold !important;
}

.layout-header-holder-bc {
    background: #13052261 !important;
    box-shadow: none !important;
    backdrop-filter: blur(20px) !important;
}

.nav-menu-container .nav-menu {
    height: 41px !important;
}

.btn.a-color {
    color: #fff !important;
    border-radius: 10px !important;
    background-image: linear-gradient(15deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) !important;
    color: black !important;
    font-weight: bold !important;
}

a.btn.a-color.header-icon-text.bc-i-whatsapp {
    background: #03ab37 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    color: #fff !important;
    border-radius: 30px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
    color: #fff !important;
}

.header-bc .btn.a-color {
    padding: 15px 15px !important;
    border-radius: 10px !important;
}

body .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
    color: #fff !important;
}

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

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

.informative-widget-container > span {
    line-height: 12px !important;
}

.popup-t-logo-w-bc {
    max-width: 10px !important;
}

.header-user-nav > .nav-menu-other > li:hover > a {
    background: transparent !important;
    border-color: rgb(102 11 202) !important;
}

.sign-in .sg-n-text-row-2-bc {
    color: #feecc5 !important;
    text-align: center !important;
}

.sign-in .sg-n-text-row-1-bc {
    color: #ffffff !important;
    padding-inline-start: 140px !important;
}

.header-user-nav .nav-menu-sub {
    background: rgb(13 9 24 / 88%);
    backdrop-filter: blur(20px) !important;
}

.sg-n-text-row-1-bc {
    font-size: 16px !important;
}

/* ========================================
   ENTRANCE POPUP STYLES
   ======================================== */

.e-p-header-bc {
    padding-inline-start: 25px !important;
    border-bottom: 0px solid rgba(var(--b-sc), .05) !important;
    height: 57px !important;
    background: rgb(33 7 59) !important;
}

.entrance-popup-bc.sign-in,
.entrance-popup-bc.register {
    height: 78vh !important;
}

.btn.register,
.btn.btn-color {
    background-image: linear-gradient(15deg, rgba(255,238,198,1) 0%, rgba(145,127,75,1) 35%, rgba(255,238,198,1) 74%, rgba(145,127,75,1) 100%) !important;
    color: black !important;
    border-radius: 5px;
    font-weight: bold !important;
}

/* ========================================
   PROMOTIONS STYLES
   ======================================== */

.promotionsListEl-bc::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
}

.promotionsListEl-bc:hover::before {
    opacity: 1;
    left: 130%;
    transition-property: left, top, opacity;
    transition-duration: 1s, 1s, 0.15s;
    transition-timing-function: ease;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu > li:nth-child(10) > .nav-menu-item.active {
    background: none !important;
}

/* ========================================
   GAME STYLES
   ======================================== */

.ftr-game-item-bc {
    background-image: url(https://cmsbetconstruct.com/storage/medias/olympuscasino-18765151/media_18765151_8298f2623c064f922cc573dd18d25d7b.png) !important;
    border-radius: 16px 16px 16px 16px !important;
}

.ftr-g-i-head-bc {
    background: linear-gradient(-60deg, rgb(178 162 122) 0%, rgb(148 130 78) 50%, rgb(61 54 33) 100%) !important;
}

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

.competition-details-info-container {
    display: flex;
    align-items: center;
    height: 24px;
    margin-top: 1px;
    padding: 0 5px;
    color: rgba(var(--b-sc), .5);
    background: rgb(165 118 14) !important;
    cursor: pointer;
    font-size: 11px;
}

.competition-details-header:hover,
.competition-details-header.active {
    background: rgb(34 27 9) !important;
}

.competition-details-header {
    background: rgb(165 118 14) !important;
}

.sportsbook .sgm-market-g-item-bc > .market-bc:hover {
    background: rgb(34 29) !important;
}

.market-group-holder-bc .market-bc:hover {
    background: rgb(34 27 9) !important;
}

.btn:hover {
    background: linear-gradient(15deg, rgba(255, 238, 198, 1) 0%, rgb(212 195 145) 35%, rgba(255, 238, 198, 1) 74%, rgb(188 169 113) 100%) !important;
    box-shadow: 0 0 25px rgb(249 231 190), 0 0 5px rgb(220 213 179 / 60%), 0 0 4px rgba(255, 215, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

.status-popup-content-w-bc {
    background-image: none !important;
    background: rgb(55 7 65) !important;
}

#root > div.layout-content-holder-bc > div:nth-child(2) {
    grid-template-columns: 8fr 0fr 0fr !important;
}

.casino-popup-title {
    line-height: 30px !important;
    border-radius: 5px !important;
    background-image: linear-gradient(90deg, #390739, #7d0c68, #390739) !important;
}

.checkbox-control-icon-bc {
    margin-inline-start: 10px !important;
}

.casino-popup-content > p img {
    border-radius: 20px !important;
}

[class*=is-web] .casinoCategoryChooserContainer {
    background: transparent !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper {
    background: transparent !important;
    backdrop-filter: blur(5px) !important;
}

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

/* ========================================
   PAGE VIEW MORE - CONFINED LIGHT ORANGE RECTANGLE
======================================== */

html body #root .page-view-more {
    position: relative !important;

    width: calc(100% - 80px) !important;
    max-width: 460px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 10px auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(255, 198, 70, 0.75) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(to bottom, rgba(255, 198, 70, 0.9) 0px, rgba(255, 198, 70, 0.9) 2px, transparent 2px),
        linear-gradient(to top, rgba(255, 198, 70, 0.9) 0px, rgba(255, 198, 70, 0.9) 2px, transparent 2px),
        rgba(0, 0, 0, 0.24) !important;

    box-shadow:
        inset 0 2px 8px rgba(255, 198, 70, 0.14),
        inset 0 -2px 8px rgba(255, 198, 70, 0.14),
        0 0 8px rgba(255, 198, 70, 0.24) !important;

    overflow: hidden !important;
}

/* Yazı */
html body #root .page-view-more > h3.view-title-more,
html body #root .page-view-more > h3.view-title-more.ellipsis {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 20px !important;

    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 1.4px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    text-shadow:
        0 0 5px rgba(255, 198, 70, 0.75),
        0 0 10px rgba(255, 198, 70, 0.32) !important;
}

/* Üst hareket eden ince ışık */
html body #root .page-view-more::before {
    content: "" !important;
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 30% !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 198, 70, 0.12) 16%,
        #FFC646 42%,
        #fff4c7 50%,
        #FFC646 58%,
        rgba(255, 198, 70, 0.12) 84%,
        transparent 100%
    ) !important;

    box-shadow:
        0 0 6px rgba(255, 198, 70, 0.95),
        0 0 14px rgba(255, 198, 70, 0.65) !important;

    animation: cxPageViewLightTopThin 1.9s linear infinite !important;
    z-index: 10 !important;
    pointer-events: none !important;
    will-change: transform !important;
}

/* Alt hareket eden ince ışık */
html body #root .page-view-more::after {
    content: "" !important;
    position: absolute !important;

    bottom: 0 !important;
    right: 0 !important;

    width: 30% !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 198, 70, 0.12) 16%,
        #FFC646 42%,
        #fff4c7 50%,
        #FFC646 58%,
        rgba(255, 198, 70, 0.12) 84%,
        transparent 100%
    ) !important;

    box-shadow:
        0 0 6px rgba(255, 198, 70, 0.95),
        0 0 14px rgba(255, 198, 70, 0.65) !important;

    animation: cxPageViewLightBottomThin 1.9s linear infinite !important;
    z-index: 10 !important;
    pointer-events: none !important;
    will-change: transform !important;
}

/* Hareket */
@keyframes cxPageViewLightTopThin {
    0% {
        transform: translateX(-130%);
    }

    100% {
        transform: translateX(430%);
    }
}

@keyframes cxPageViewLightBottomThin {
    0% {
        transform: translateX(130%);
    }

    100% {
        transform: translateX(-430%);
    }
}


/* ========================================
   SIDEBAR STYLES
   ======================================== */

.sidebar-imageSrc:hover {
    background: linear-gradient(-90deg, rgb(33 7 59) 0%, rgb(74 15 123) 50%, rgb(33 7 59) 100%) !important;
    border-bottom: 1px solid #6f0ade !important;
    border-top: 1px solid #6f0ade !important;
    border-left: 1px solid #6f0ade !important;
    border-right: 1px solid #909ab000 !important;
}

.sidebar-imageSrc {
    background: none !important;
}

.sidebar-image img {
    animation: Toastify__zoomIn2 3.5s infinite;
    width: 200px !important;
    height: 40px !important;
}

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

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

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

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

.sidebar-item {
    padding: 3px !important;
}

/* ========================================
   ASIDE MENU STYLES
   ======================================== */

.asideMenu:after {
    background: linear-gradient(10deg, #21073b 0%, #3d0f69 30%, #6f0ade 50%, #3d0f69 75%, #21073b 100%) !important;
}

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

.promotion-details-info {
    background: transparent !important;
    border-radius: 10px !important;
    margin: 00px 00px 00px 10px !important;
}

.back-nav-title-bc,
.back-nav-title-bc-h1 {
    margin: 0 8px !important;
    color: rgba(var(--b-sc), 1) !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.m-block-nav-items-bc {
    grid-template-columns: repeat(auto-fill, minmax(141px, 1fr)) !important;
    padding: 15px 0 10px !important;
}

.payment-logo {
    width: 142px !important;
}

.asideMenuNavLink.active .asideMenuOpenNav,
.asideMenuNavLink.active .asideMenuCompactNav,
.asideMenuNavLink:hover .asideMenuOpenNav,
.asideMenuNavLink:hover .asideMenuCompactNav {
    color: rgb(255 255 255) !important;
    background: none !important;
    border-color: #21073b !important;
    box-shadow: inset 0 14px 14px #21073b !important;
}

.asideMenu {
    background: linear-gradient(10deg, #21073b 0%, #3d0f69 30%, #6f0ade 50%, #3d0f69 75%, #21073b 100%) !important;
}

.asideMenuNavItem:nth-child(114) {
    color: rgb(255 255 255) !important;
    background: none !important;
    border-color: #b0c6ee !important;
    box-shadow: inset 0 14px 14px #038f5b !important;
    border-radius: 20%;
    animation: Toastify__zoomIn2 1.5s linear infinite;
}

.asideMenuOpen > .asideMenuNavItem:nth-child(114) {
    background: linear-gradient(10deg, #008c33 0%, rgb(26 75 45) 50%, rgb(3 143 91) 100%) !important;
    border-radius: 10px !important;
}

.asideMenuNavItem:nth-child(11) {
    border-radius: 20% !important;
    text-transform: uppercase;
    background-image: linear-gradient(140deg, #d53fb1 0%, #79030d 29%, #ff50aa 67%, #70c2e3 100%) !important;
    background-size: 200% auto;
    color: #fff !important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block !important;
    font-size: 30px !important;
}

.asideMenuNavItem:nth-child(8) {
    color: rgb(255 255 255) !important;
    background: none !important;
    border-color: #21073b !important;
    box-shadow: inset 0 14px 14px #21073b !important;
    border-radius: 10px !important;
    border: 1px solid #6f0ade8a !important;
}

.asideMenuOpen > .asideMenuNavItem:nth-child(8) {
    background: linear-gradient(to top, #3d0f69 0%, #21073b 100%) !important;
    border-radius: 10px !important;
}

.asideMenuOverlay .asideMenuBurger:before,
.asideMenuBurger:hover:before {
    background: linear-gradient(-50deg, rgb(33 7 59 / 84%) 0%, rgb(111 10 222 / 60%) 50%, rgb(33 7 59 / 74%) 100%) !important;
    border-bottom: 1px solid #6f0ade !important;
    border-top: 1px solid #6f0ade !important;
    border-left: 1px solid #6f0ade !important;
    border-right: 1px solid #6f0ade !important;
}

/* ========================================
   STORIES WIDGET STYLES
   ======================================== */

[class*=is-web] .storiesWidgetListItem .horizontal-sl-title-bc:not(.skeleton-loader-full-text):not(:empty) {
    margin: 16px 0 0;
    display: none;
}

[class*=is-web] .storiesWidgetWrapper {
    width: 100%;
    height: 100px;
    display: flex;
}

.promotions-article-title {
    height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    color: rgba(var(--b-sc), 1);
    background: rgba(var(--b-sc), .1);
    font-size: 12px;
    line-height: 34px;
    display: none;
}


/* ========================================
   PROMOTIONS SHINE EFFECT
   ======================================== */

article.promotionsListEl-bc {
    position: relative;
    overflow: hidden;
}

article.promotionsListEl-bc::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0.08),
        transparent
    );
    transform: skewX(-25deg);
    transition: none;
    pointer-events: none;
    z-index: 10;
}

article.promotionsListEl-bc:hover::after {
    animation: shine-sweep 0.8s ease-in-out;
}

@keyframes shine-sweep {
    0% {
        left: -100%;
    }
    100% {
        left: 150%;
    }
}

.promotionsArticleThumbnail-bc:hover {
    opacity: 0.8 !important;
}

.storiesWidgetWrapper {
    display: none !important;
}

.sp-button-bc:hover,
.sp-button-bc.active {
    color: rgb(255 255 255);
}

.sp-button-bc {
    background: rgb(74 15 123) !important;
}

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

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

/* ========================================
   BANNER SLIDER STYLES
   ======================================== */

.hm-row-bc:nth-of-type(2) .product-banner-container-bc.product-banner-without-titles {
    display: flex !important;
    overflow-x: hidden !important;
    white-space: nowrap !important;
}

.hm-row-bc:nth-of-type(2) .product-banner-container-bc.product-banner-without-titles .product-banner-info-bc {
    flex-shrink: 0 !important;
    width: 120px !important;
    animation: scroll 20s linear infinite !important;
    margin-right: 10px !important;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 3));
    }
}

.product-banner-container-bc {
    background: transparent !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}

[class*=is-web] .expandableContentWrapper {
    display: none !important;
}

.hm-row-bc:nth-of-type(4) .product-banner-container-bc.col-4.product-banner-without-titles {
    display: flex !important;
    flex-direction: row-reverse !important;
}

@keyframes slideOut {
    0% {
        transform: perspective(100rem) translateX(0) rotateY(50deg);
        opacity: 1;
        z-index: 0;
    }
    50% {
        transform: perspective(100rem) translateX(50px) rotateY(50deg);
        opacity: 1;
        z-index: 0;
    }
    100% {
        transform: perspective(100rem) translateX(-0px) rotateY(0deg);
        opacity: 1;
        z-index: 0;
        transform: scale(1.2);
    }
}

@keyframes slideIn {
    0% {
        transform: perspective(100rem) translateX(0x) rotateY(0deg);
        opacity: 1;
        z-index: -10;
    }
    50% {
        transform: perspective(100rem) translateX(50px) rotateY(50deg);
        opacity: 1;
        z-index: -10;
    }
    100% {
        transform: perspective(200rem) translateX(0) rotateY(-40deg);
        opacity: 1;
        z-index: -10;
    }
}

/* FEATURED GAME ITEM*/
.featuredGamesContent .swiper-slide .featuredGameItem {
    background: rgba(255, 255, 255, 0.10) !important;
    background-color: rgba(35, 35, 35, 0.72) !important;
    background-image: none !important;

    border: none !important;
    border-radius: 12px !important;

    box-shadow:
        inset 0 0 0 1px #ffb400,
        0 5px 18px rgba(0, 0, 0, 0.22) !important;

    overflow: hidden !important;
}

.featuredGamesContent .featuredGameItemHeader,
.featuredGamesContent .featuredGameItemBody,
.featuredGamesContent .featuredGameItemPlayersContainer {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
.featuredGamesContent .carouselWrapper .swiper-button-prev,
.featuredGamesContent .carouselWrapper .swiper-button-next {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
/* ========================================
   USER INFO PANEL STYLES
   ======================================== */

.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc {
    background: #d2c09452 !important;
}

.u-i-p-amounts-bc.bonuses .u-i-p-a-content-bc {
    background: #987f4836 !important;
}

[dir=ltr] .u-i-p-a-loyaltyPoint-bc {
    background-image: radial-gradient(circle at -14% 113%, #3d0f69, #6f0ade) !important;
}

.u-i-p-a-loyaltyPoint-bc {
    border: transparent !important;
}

[dir=ltr] .horizontalSliderNav:first-child {
    display: none !important;
}

[dir=ltr] .horizontalSliderNav:last-child {
    right: 0;
    display: none;
}

.sliderGroup:nth-child(3) .horizontalSliderRow {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    animation: scroll 15s linear infinite;
}

.sliderGroup:nth-child(2) .horizontalSliderRow {
    animation: unset !important;
}

.sliderGroup:nth-child(3) .horizontalSliderRow:hover {
    animation-play-state: paused;
}

.sliderGroup:nth-child(3) .horizontalSliderRow a:nth-child(3) {
    display: none !important;
}

.connect-wallet {
    display: none !important;
}

.casino-popup-button-block .btn + .btn {
    display: none !important;
}

/* ========================================
   LIVE CHAT STYLES
   ======================================== */

.livechat_button {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
}

.livechat_button img {
    width: 200px !important;
}

/* ========================================
   JACKPOT STYLES
   ======================================== */

.layout-content-holder-bc > .casinoJackpotWrapper-bc:not(.VGS, .PSN, .DLV, .EGT, .RTG, .APG):before,
.hm-row-bc .casinoJackpotWrapper-bc:not(.VGS, .PSN, .DLV, .EGT, .RTG, .APG):before {
    background-image: none !important;
    backdrop-filter: blur(20px) !important;
}

.footerInfoContent {
    backdrop-filter: blur(20px) !important;
}

/* ========================================
   COPYRIGHT STYLES
   ======================================== */

.ftr-copy-rights-bc {
    visibility: hidden;
    position: relative;
    min-height: 80px;
}

.ftr-copy-rights-bc::after {
    content: "www.cassinox.com is owned and operated by Vanta Technology LTD, registration number: 000050233, registered address: San Victor Street, Orange Walk Town, Belize.\A\A Contact us at info@cassinox.com.\A\A www.cassinox.com is licensed and regulated by the Government of the Autonomous Island of Anjouan, Union of Comoros and operates under License ALSI-202509020-FI1.\A\A www.cassinox.com has passed all regulatory compliance and is legally authorized to conduct gaming operations for any and all games of chance and wagering.";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    white-space: pre-line;
    font-size: 13px !important;
    color: #aaa !important;
    line-height: 1.0;
    text-align: center !important;
    width: 100%;
    box-sizing: border-box;
}
/* ===============================
   FOOTER SOCIAL ONLY SELECTED FIX
   Telegram / YouTube / X / Pinterest / Instagram
================================ */

/* Listeyi ortala */
.footerSocialLinks {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Tüm sosyal ikonları kapat */
.footerSocialLinks > li.footerSocialLink {
    display: none !important;
}

/* Sadece istenen ikonları aç */
.footerSocialLinks > li.footerSocialLink:nth-child(1),
.footerSocialLinks > li.footerSocialLink:nth-child(3),
.footerSocialLinks > li.footerSocialLink:nth-child(6),
.footerSocialLinks > li.footerSocialLink:nth-child(7),
.footerSocialLinks > li.footerSocialLink:nth-child(9) {
    display: flex !important;
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Görsel sırası */
.footerSocialLinks > li.footerSocialLink:nth-child(6) {
    order: 1 !important; /* Telegram */
}

.footerSocialLinks > li.footerSocialLink:nth-child(1) {
    order: 2 !important; /* YouTube */
}

.footerSocialLinks > li.footerSocialLink:nth-child(3) {
    order: 3 !important; /* X */
}

.footerSocialLinks > li.footerSocialLink:nth-child(7) {
    order: 4 !important; /* Pinterest */
}

.footerSocialLinks > li.footerSocialLink:nth-child(9) {
    order: 5 !important; /* Instagram */
}

/* Link kutuları */
.footerSocialLinks > li.footerSocialLink:nth-child(1) > a,
.footerSocialLinks > li.footerSocialLink:nth-child(3) > a,
.footerSocialLinks > li.footerSocialLink:nth-child(6) > a,
.footerSocialLinks > li.footerSocialLink:nth-child(7) > a,
.footerSocialLinks > li.footerSocialLink:nth-child(9) > a {
    width: 50px !important;
    height: 50px !important;

    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-color: transparent !important;
    background-image: var(--social-icon) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    transform: rotate(0deg) scale(1) !important;
    transition: transform 0.28s ease, filter 0.28s ease !important;
}

/* Hover animasyon */
.footerSocialLinks > li.footerSocialLink:nth-child(1) > a:hover,
.footerSocialLinks > li.footerSocialLink:nth-child(3) > a:hover,
.footerSocialLinks > li.footerSocialLink:nth-child(6) > a:hover,
.footerSocialLinks > li.footerSocialLink:nth-child(7) > a:hover,
.footerSocialLinks > li.footerSocialLink:nth-child(9) > a:hover {
    transform: rotate(15deg) scale(1.14) !important;
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.45)) !important;
}

/* Font ikonlarını gizle */
.footerSocialLinks > li.footerSocialLink:nth-child(1) > a i,
.footerSocialLinks > li.footerSocialLink:nth-child(3) > a i,
.footerSocialLinks > li.footerSocialLink:nth-child(6) > a i,
.footerSocialLinks > li.footerSocialLink:nth-child(7) > a i,
.footerSocialLinks > li.footerSocialLink:nth-child(9) > a i {
    display: none !important;
}

/* PNG içinde light sweep */
.footerSocialLinks > li.footerSocialLink:nth-child(1) > a::after,
.footerSocialLinks > li.footerSocialLink:nth-child(3) > a::after,
.footerSocialLinks > li.footerSocialLink:nth-child(6) > a::after,
.footerSocialLinks > li.footerSocialLink:nth-child(7) > a::after,
.footerSocialLinks > li.footerSocialLink:nth-child(9) > a::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background: linear-gradient(
        120deg,
        transparent 0%,
        transparent 32%,
        rgba(255, 255, 255, 0.15) 42%,
        rgba(255, 255, 255, 0.9) 50%,
        rgba(255, 255, 255, 0.25) 58%,
        transparent 70%,
        transparent 100%
    ) !important;

    transform: translateX(-140%) skewX(-18deg) !important;
    animation: socialIconLightSweep 2.4s linear infinite !important;

    -webkit-mask-image: var(--social-icon) !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;

    mask-image: var(--social-icon) !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
}

@keyframes socialIconLightSweep {
    0% {
        transform: translateX(-140%) skewX(-18deg);
    }

    100% {
        transform: translateX(140%) skewX(-18deg);
    }
}

/* Telegram - Discord slotu kullanılıyor */
.footerSocialLinks > li.footerSocialLink:nth-child(6) > a {
    --social-icon: url("https://i.hizliresim.com/o5r6pzb.png");
}

/* YouTube - güncel */
.footerSocialLinks > li.footerSocialLink:nth-child(1) > a {
    --social-icon: url("https://i.hizliresim.com/mdjn8is.png");
}

/* X */
.footerSocialLinks > li.footerSocialLink:nth-child(3) > a {
    --social-icon: url("https://i.hizliresim.com/d8pc6fx.png");
}

/* Pinterest - güncel */
.footerSocialLinks > li.footerSocialLink:nth-child(7) > a {
    --social-icon: url("https://i.hizliresim.com/rca3u3b.png");
}

/* Instagram */
.footerSocialLinks > li.footerSocialLink:nth-child(9) > a {
    --social-icon: url("https://i.hizliresim.com/qnef4rq.png");
}

/* ========================================
   MISC STYLES
   ======================================== */

#comm100-float-button-d90c2b29-aa94-41d2-855c-938dd4f3af4f-2 > div > a > img {
    height: 50px !important;
}

.casinoJackpotLabelTitle-bc {
    color: #dcbf7f !important;
}
#anj-4c72fc5d-ebdf-4362-bfc0-f0483fc06ba6 > div > a {
    width: 300px!important;
}
#anj-4c72fc5d-ebdf-4362-bfc0-f0483fc06ba6 > div {
    background-image: url('https://i.hizliresim.com/frq1rem.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    /* Yeşil dış ışıma efekti */
    filter: drop-shadow(0 0 5px #49743a) 
            drop-shadow(0 0 10px #49743a) 
            drop-shadow(0 0 130px #00ff00);
}
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div:nth-child(2) > div > div.ftr-copy-rights-bc {
    display: none!important;
}
#anj-4c72fc5d-ebdf-4362-bfc0-f0483fc06ba6 > div {
    width: 250px!important;
}
#anj-4c72fc5d-ebdf-4362-bfc0-f0483fc06ba6 > div > a {
    background-image: none!important;
}
.countdown-banner-content {
    top: 20px !important;
    color: #a465f7 !important;
    background: transparent !important;
    border: none !important;
    font-weight: bold !important;
}
.informative-widget-link {
    border-top: 2px solid rgb(173 112 255) !important;
}
#root > div.layout-content-holder-bc > div:nth-child(3) > div > div > div.page-view-more > h3 {
    position: relative !important;
    display: inline-block !important;
    padding: 12px 60px !important;
    clip-path: polygon(
        15px 0, 
        calc(100% - 15px) 0, 
        100% 15px, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px), 
        0 15px
    ) !important;
    color: #fff !important;
    text-align: center !important;
}

#root > div.layout-content-holder-bc > div:nth-child(3) > div > div > div.page-view-more > h3::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    padding: 4px !important;
    background: linear-gradient(135deg, #fbe9c1, #9f8e61, #f5e3ba, #917f4b) !important;
    clip-path: polygon(
        15px 0, 
        calc(100% - 15px) 0, 
        100% 15px, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px), 
        0 15px
    ) !important;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0) !important;
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    z-index: -1 !important;
}
#root > div.layout-content-holder-bc > div:nth-child(4) > div > div.page-view-more > h3 {
    position: relative !important;
    display: inline-block !important;
    padding: 12px 80px !important;
    background: linear-gradient(180deg, rgba(20, 20, 40, 0.9), rgba(10, 10, 30, 0.95)) !important;
    clip-path: polygon(
        15px 0, 
        calc(100% - 15px) 0, 
        100% 15px, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px), 
        0 15px
    ) !important;
    color: #fff !important;
    text-align: center !important;
}

#root > div.layout-content-holder-bc > div:nth-child(4) > div > div.page-view-more > h3::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    padding: 2px !important;
    background: linear-gradient(135deg, #6a5acd, #9370db, #4169e1, #6a5acd) !important;
    clip-path: polygon(
        15px 0, 
        calc(100% - 15px) 0, 
        100% 15px, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px), 
        0 15px
    ) !important;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0) !important;
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    z-index: -1 !important;
}