.dyn_homepage {
    padding: 0 40px !important;
}

.footer {
    margin-top: auto;
    padding: 32px 0 48px;
    background: #191e25!important;
    color: var(--cwFooterTxt)
}

.billboard_container .banners_billboard:not(.empty_banner),.billboard_container .banners_billboard_slider .dynamicBanners_img,.billboard_container .banners_billboard_slider .dynamicBanners_item.lca-banner-video-link {
    z-index: 1;
    height: auto;
    max-height: 100%
}

.banners_rectangleAd .dynamicBanners_inner {
    height: auto;
    max-height: 100%;
    border-radius: 16px;
    z-index: 0
}
.js_top_winners_container {
    overflow: hidden;
    position: relative
}


.top_winners__game.swiper-slide span {
    color: #fff
}

.top_winners__game.swiper-slide i {
    color: #fff
}



@keyframes scroll-winners {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.js_top_winners_container {
    overflow: hidden;
    position: relative
}





.tl_header_bot_row.dynamic_menu {
    background: #009c7f;
    background: linear-gradient(180deg, rgba(0, 156, 127, 1) 0%, rgba(1, 254, 207, 1) 100%);
}
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix {
    width: 100% !important;
    justify-content: center !important;
}
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix .tl_header_navigation {
    justify-content: center !important;
}
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix .tl_header_navigation div a span i {
    color: #01FECF !important;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #181818;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix .tl_header_navigation div a span span,
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix .header_nav__more span.header_more_btn {
    font-family: "Poppins", sans-serif;
    color: black !important;
    font-weight: 700 !important;
    font-size: 13px;
}
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix .header_nav__more span.header_more_btn {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
.tl_header_bot_row.dynamic_menu .tl_header_bot_row_fix .header_nav__more span.header_more_btn::before {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/tabler-icons/1.35.0/icons/chevron-down.svg");
    background-size: cover;
    background-position: center;
}
.notification_static_content .notification_content {
    border-radius: 0 !important;
    background-color: #01FECF !important;
}
.notification_static_content .notification_content .notification_slide .notification_text {
    width: 100%;
    text-align: center;
}
.notification_static_content .notification_content .notification_slide .notification_text p {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: black;
}
.dyn_homepage .dynamic_container:has(#js_square_2203),
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2205),
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204) {
    position: relative;
    display: inline-block;
    padding-top: 80px;
}
.dyn_homepage .dynamic_container:has(#js_square_2203) {
    padding-top: 70px !important;
}
.dyn_homepage .dynamic_container:has(#js_square_2203)::before,
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2205)::before,
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    max-width: 310px;
    height: 70px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 5px;
}
.dyn_homepage .dynamic_container:has(#js_square_2203)::before { background-image: url("https://i.ibb.co/qYpdLQ2K/Pop-ler-Sa-lay-c-lar.png"); }
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2205)::before { background-image: url("https://i.ibb.co/Pp128hb/Pop-ler-Casino.png"); max-width: 380px !important; }
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204)::before { background-image: url("https://i.ibb.co/QFwJmkmq/Pop-ler-Slot.png"); }

.dyn_homepage .dynamic_container:has(#js_thumbnail9_2205) .banners_thumbnail9__wrapper div#js_thumbnail9_2205 .dynamicBanners_inner,
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204) .banners_thumbnail9__wrapper div#js_thumbnail9_2204 .dynamicBanners_inner {
    height: auto !important;
    transition: .1s linear;
}
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2205) .banners_thumbnail9__wrapper div#js_thumbnail9_2205 .dynamicBanners_inner:hover,
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204) .banners_thumbnail9__wrapper div#js_thumbnail9_2204 .dynamicBanners_inner:hover {
    scale: 1.03;
}
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2205) .banners_thumbnail9__wrapper div#js_thumbnail9_2205,
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204) .banners_thumbnail9__wrapper div#js_thumbnail9_2204 {
    display: flex !important;
}
.rd_title__block.mb-2.single_title.d-flex.align-items-center.justify-content-between,
.dyn_homepage .dynamic_container:nth-child(6) .rd_header_tabs .rd_header_tab_item img,
sport-betslip {
    display: none;
}
.dyn_homepage .dynamic_container:nth-child(2) div#js_button_2200 .dynamicBanners_inner {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    border: 2px solid #01FECF;
    box-shadow: 0 0 4px #01FECF;
}
.dyn_homepage .dynamic_container:nth-child(3) div#js_card_stream_2201 {
    padding: 0 20px !important;
}
#js_card_stream_2201 .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px;
    width: 100% !important;
}
#js_card_stream_2201 .swiper-slide {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
#js_card_stream_2201 .dynamicBanners_item {
    width: 100%;
    display: inline;
}
#js_card_stream_2201 .dynamicBanners_img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 14px;
    display: block;
}
.dyn_homepage .dynamic_container:nth-child(6) .rd_header_tabs .rd_header_tab_item {
    border-radius: 5px !important;
    padding: 4px !important;
}
.dyn_homepage .dynamic_container:nth-child(6) .rd_header_tabs .rd_header_tab_item span {
    font-weight: bold !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.dyn_homepage .dynamic_container:nth-child(6) .rd_header_tabs .rd_header_tab_item span::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("https://i.ibb.co/5J2MMmr/thebell.png");
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}
.dyn_homepage .dynamic_container:has(#js_square_2203) div#js_square_2203 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-column-gap: 12px !important;
}
.dyn_homepage .dynamic_container:has(#js_square_2203) div#js_square_2203 .dynamicBanners_inner:nth-child(4) {
    display: none !important;
}
.dyn_homepage .dynamic_container:nth-child(15) #js_button_2241 {
    display: flex !important;
    grid-template-columns: repeat(1, 1fr) !important;
    height: auto !important;
    position: relative;
    top: -40px !important;
}
.dyn_homepage .dynamic_container:nth-child(15) #js_button_2241 .dynamicBanners_inner:nth-child(1) {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}
.dyn_homepage .dynamic_container:nth-child(15) #js_button_2241 .dynamicBanners_inner:nth-child(2),
.dyn_homepage .dynamic_container:nth-child(15) #js_button_2241 .dynamicBanners_inner:nth-child(3) {
    display: none;
}

/* # Slot Oyunları Aralığı
.dyn_homepage .dynamic_container:has(#js_thumbnail9_2204) #js_thumbnail9_2204 {
    grid-gap: 30px !important;
}
*/

.footer#js_footer {
    border-top: 3px solid #01FECF !important;
    margin-top: 20px !important;
}
.footer#js_footer .tl_container {
    padding: 0 150px !important;
}
.header__fixed {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 18px;
    background-color: #070b11;
    border-top: 2px solid #00f2c9;
    z-index: 50;
}
.header__fixed-left {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__top-links {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__top-links a {
    background-color: #00f2c9;
    color: black;
    border-radius: 60px;
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -.4px;
    height: 23px;
    display: flex;
    align-items: center;
}
.header__fixed-left > .header__logo {
    order: 2 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 100%;
    font-size: 26px;
    font-weight: 700;
    scale: .9;
}
.header__fixed-left > .header__logo::after {
    margin-top: 6px;
    margin-left: -4px
}
.header__top-links a i {
    font-size: 30px;
    margin: 0 !important;
    padding: 0 !important;
}
.tl_time {
    display: none;
}
.header__fixed-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__top-links .tl_btn,
.header__fixed-right .tl_btn {
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
}

.pn_card_body {
    position: relative !important;
}

.pn_card_body::before {
    content: "" !important;
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    right: -3px !important;
    bottom: -3px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgb(4 252 252) 0%, rgb(4 252 252) 10%, rgb(30, 30, 30) 20%, rgb(40, 39, 39) 30%, rgb(24 102 102) 40%, rgb(4 252 252) 50%, rgb(24 172 172) 60%, rgb(30, 30, 30) 70%, rgb(40, 39, 39) 80%, rgb(26 100 100) 90%, rgb(4 252 252) 100%) 0% 0% / 200% 100%;
    animation: 3s linear 0s infinite normal none running shimmerFlow !important;
    border-radius: 16px
}
.pn_card_body > img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    object-position: center center;
    -webkit-tap-highlight-color: transparent !important;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(44, 73, 92, 0.7);
    border-image: initial;
    border-radius: 8px !important;
    transition: 0.3s;
    outline: none !important;
}

@keyframes shimmerFlow {
    0% {background-position: 0% 0%;}
    100% {background-position: 200% 0%;}
}


.dynRules_content_inner.js_structured_content ol li::marker {
    font-size: 0;
}

.reg_page_top h1.content-head span[style="color:#2dc26b;"],
.tg_native_styled_scroll .inner-content p span[style="color:#2dc26b;"],
.tg_native_styled_scroll .inner-content p span[style="color:#2dc26b;--darkreader-inline-color:var(--darkreader-text-00ffef, #1afff1);"],
.tg_native_styled_scroll .inner-content p span[style="color:#2dc26b;--darkreader-inline-color:var(--darkreader-text-fbeeb8, #f9e89d);"],
.tg_native_styled_scroll .inner-content p span[style="color:#2dc26b;--darkreader-inline-color:var(--darkreader-text-e03e2d, #e34f40);"],
.tg_native_styled_scroll .inner-content p span[style="color:#2dc26b;--darkreader-inline-color:var(--darkreader-text-e67e23, #e88a37);"],
.dynRules_content_inner.js_structured_content div span[style="color:#2dc26b;"] {
    filter: drop-shadow(0 0 15px #2dc26b);
}

.cw_promo_popup_root,
.cw_promo_popup_content,
.cw_promo_popup_header,
.cw_promo_popup_inner,
.cw_prmotions_cstm_page_root {
    background: transparent !important;
    height: 95vh !important;
}

.cw_promo_popup_content {
    width: 100% !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cw_promo_popup_header {
    height: 0 !important;
    width: 0 !important;
}

.cw_promo_popup_root {
    backdrop-filter: brightness(.3);
    height: 100vh !important;
}
.cw_promo_popup_inner {
    overflow-y: auto !important;
    width: 45%;
    margin: 0 auto !important;
}

.cw_promo_popup_inner {
    overflow: hidden !important;
    border-radius: 70px;
    width: 55% !important;
    border: 2px solid #00f2c9;
}
.cw_prmotions_cstm_page_root {
    background: #000000 !important;
    overflow: auto !important;
    border-radius: 50px !important;
    display: block !important;
}

.cw_prmotions_title_wrapper_img img,
.cw_prmotions_title_wrapper_img {
    width: 100% !important;
    height: auto !important;
}

.cw_icon_close_v2 {
    width: 55% !important;
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: flex-end;
    margin-left: 40px;
}
.cw_icon_close_v2::before {
    color: black;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00f2c9;
}

.cw_prmotions_title_text {
    margin: 10px 0px 0px 10px;
}

.cw_prmotions_cstm_page_wrapper {
    max-width: 100% !important;
}

.cw_promo_description,
.rule-item {
    background: #111111 !important;
}


@media (max-width: 992px) {
    .header__fixed {
        padding-inline: 10px;
    }
    .header__logo {
        font-size: 20px;
    }
}

.notification_content {
    background: linear-gradient(to bottom, #01FECF, #19a48a)
}
.notification_text > p > strong > span {
    color: white !important;
}

/* ===== js_button_2241 widget: boş slotları gizle, banner'ı ortala ===== */
#js_button_2241 {
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
}
#js_button_2241 .dynamicBanners_inner:nth-child(1) {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}
#js_button_2241 .dynamicBanners_inner:nth-child(2),
#js_button_2241 .dynamicBanners_inner:nth-child(3) {
    display: none !important;
}

/* ===== js_button_2258 widget: banner 728x90 center + üstünde İŞ ORTAKLARIMIZ görseli ===== */

/* Banner 728x90 + üstünde direkt yapışık İŞ ORTAKLARIMIZ görseli */
.dyn_homepage .dynamic_container:nth-child(15) {
    display: block;
    text-align: center;
}

#js_button_2258 {
    position: relative !important;
    padding-top: 40px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* İŞ ORTAKLARIMIZ görseli — banner'ın tam üstüne yapışık, center */
#js_button_2258::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    max-width: 400px !important;
    height: 40px !important;
    display: block !important;
    background-image: url("https://blogger.googleusercontent.com/img/a/AVvXsEgaMZWoj_AQsesLTJ5FjraW0GojHGy8zTWXy-CjW7rXiy8o5GdjiZ6Httunwk-ZeTfpUFBOf37TBcmr5yXkVVVYnTXKl8nGUwbw_KO4iyW-iLon5LB77fw64ELGQMC6WMXNKeDaWThf8qFl07BE5Qh1EYXtZU-BTH2WIceQM5Ib0muAxg5Twh9BoLR2ywDz=w400-h40") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    z-index: 2 !important;
}
#js_button_2258 .dynamicBanners_inner:nth-child(2),
#js_button_2258 .dynamicBanners_inner:nth-child(3) {
    display: none !important;
}
#js_button_2258 .dynamicBanners_inner:nth-child(1) {
    width: 728px !important;
    max-width: 100% !important;
    height: 90px !important;
    margin: 0 auto !important;
    flex: 0 0 auto !important;
}
#js_button_2258 .dynamicBanners_inner:nth-child(1) .dynamicBanners_item {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
#js_button_2258 .dynamicBanners_inner:nth-child(1) .dynamicBanners_img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* SLOTDAY DESKTOP — sade koyu tema, turkuaz marka vurgusu. */
@media (min-width: 993px) {
    body {
        background: #101214;
    }
    #app {
        --slotday-accent: #22d3b2;
        --cwBodyBg: #101214;
        --cwBodyTxt: #ddd;
        --cwFooterBg: #191b1d;
        --cwFooterTxt: #bcbcbc;
        background: #101214;
        color: #ddd;
        font-family: Roboto, Arial, Helvetica, sans-serif;
    }
    #app .dyn_homepage {
        background: #101214 !important;
        padding: 0 clamp(20px, 2.4vw, 44px) !important;
    }
    #app .dyn_homepage > .dynamic_container {
        box-sizing: border-box;
        padding: 12px 0 !important;
    }
    #app .dyn_homepage > .dynamic_container:not(:has(*)) {
        display: none !important;
    }
    #app .dyn_homepage > .dynamic_container:has(#js_square_2203),
    #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2205),
    #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2204) {
        display: block !important;
        padding: 16px !important;
        margin: 12px 0;
        background: #1a1c1e;
        border-radius: 8px;
    }
    #app .dyn_homepage > .dynamic_container:has(#js_square_2203)::before,
    #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2205)::before,
    #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2204)::before {
        position: static !important;
        display: block !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        background: none !important;
        color: #f0f0f0;
        font: 600 17px/24px Roboto, Arial, Helvetica, sans-serif;
        text-align: left;
        letter-spacing: normal;
    }
    #app .dyn_homepage > .dynamic_container:has(#js_square_2203)::before { content: 'Popüler Sağlayıcılar'; }
    #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2205)::before { content: 'Popüler Casino'; }
    #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2204)::before { content: 'Popüler Slot'; }

    /* Logo satiri ve ana menu. */
    #app .header__fixed {
        background: #191b1d !important;
        border-top: 0 !important;
        box-shadow: none !important;
    }
    #app .header__top-links a {
        background: #272a2d !important;
        color: #ddd !important;
        border-radius: 5px !important;
        min-height: 28px;
        font-family: Roboto, Arial, Helvetica, sans-serif !important;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: normal;
        box-shadow: none !important;
    }
    #app .header__top-links a i { color: #22d3b2; }
    #app .header__fixed-right .tl_btn {
        border-radius: 5px !important;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        box-shadow: none !important;
    }
    #app .header__fixed-right .registerDialog {
        background: #22d3b2 !important;
        color: #101a18 !important;
    }
    #app .header__fixed-right :is(.loginDialog, .tl_drop_down) {
        background: #303336 !important;
        color: #eee !important;
    }
    #app .tl_header_bot_row.dynamic_menu {
        background: #151719 !important;
        box-shadow: inset 0 -1px #303336;
    }
    #app .tl_header_bot_row.dynamic_menu .tl_header_navigation {
        gap: 3px;
    }
    #app .tl_header_bot_row.dynamic_menu .tl_header_navigation div a span i {
        background: transparent !important;
        color: #22d3b2 !important;
        width: 24px;
        height: 24px;
        font-size: 24px;
        border-radius: 0;
    }
    #app .tl_header_bot_row.dynamic_menu .tl_header_navigation div a span span,
    #app .tl_header_bot_row.dynamic_menu .header_nav__more span.header_more_btn {
        color: #ddd !important;
        font-family: Roboto, Arial, Helvetica, sans-serif !important;
        font-weight: 500 !important;
        font-size: 13px;
    }
    #app .tl_header_navigation .tl_main_nav_item-inner {
        border-radius: 5px;
        padding-inline: 10px;
    }
    #app .tl_header_navigation .tl_main_nav_item:hover .tl_main_nav_item-inner,
    #app .tl_header_navigation .tl_main_nav_item.active .tl_main_nav_item-inner {
        background: #20322e;
    }
    #app .header_nav__more .header_more_btn::before { filter: invert(1); }
    #app .notification_content {
        background: #202725 !important;
        color: #eee !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    #app .notification_content .notification_text :is(p, span, strong) {
        color: #ddd !important;
        font-family: Roboto, Arial, Helvetica, sans-serif !important;
        font-size: 12px;
        line-height: 18px;
        text-shadow: none !important;
    }

    /* Banner oranlari ve oyun kartlari. */
    #app .dyn_homepage #js_button_2200 .dynamicBanners_inner {
        border: 0 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }
    #app .dyn_homepage #js_card_stream_2201 { padding: 0 !important; }
    #app #js_card_stream_2201 .swiper-wrapper { gap: 12px !important; }
    #app #js_card_stream_2201 .dynamicBanners_img { border-radius: 8px; }
    #app #js_square_2203 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    #app #js_square_2203 .dynamicBanners_inner:empty { display: none !important; }
    #app #js_square_2203 .dynamicBanners_inner,
    #app #js_square_2203 .dynamicBanners_item {
        height: auto !important;
        border-radius: 7px;
    }
    #app #js_square_2203 .dynamicBanners_img {
        height: auto !important;
        aspect-ratio: 1800 / 866;
        object-fit: contain;
        display: block;
    }
    #app :is(#js_thumbnail9_2205, #js_thumbnail9_2204) {
        display: grid !important;
        grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
        grid-template-rows: auto !important;
        grid-auto-flow: row !important;
        gap: 10px !important;
    }
    #app :is(#js_thumbnail9_2205, #js_thumbnail9_2204) .dynamicBanners_inner,
    #app :is(#js_thumbnail9_2205, #js_thumbnail9_2204) .dynamicBanners_item {
        min-width: 0;
        grid-area: auto !important;
        width: 100% !important;
        height: auto !important;
        scale: 1 !important;
        border-radius: 7px;
    }
    #app :is(#js_thumbnail9_2205, #js_thumbnail9_2204) .dynamicBanners_img {
        display: block;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 606 / 813;
        object-fit: contain;
    }
    #app #js_button_2241 {
        top: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0;
    }
    #app #js_button_2241 .dynamicBanners_item,
    #app #js_button_2241 .dynamicBanners_img {
        height: auto !important;
    }
    #app #js_button_2241 .dynamicBanners_img {
        display: block;
        width: 100%;
        aspect-ratio: 1800 / 427;
        object-fit: contain;
        border-radius: 8px;
    }
    #app .pn_card_body::before {
        content: none !important;
        display: none !important;
        animation: none !important;
    }
    #app .pn_card_body > img {
        border: 0 !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    /* Jackpot ve son kazananlar. Sayaclarin kendi davranisi korunur. */
    #app .dyn_homepage :is(.topJackpot_section, .top_winners_block) {
        padding: 16px !important;
        margin: 12px 0;
        background: #1a1c1e;
        border-radius: 8px;
    }
    #app .dyn_homepage .rd_header_tab_item {
        background: #26292b !important;
        color: #ccc !important;
        border-radius: 5px !important;
        padding: 6px 10px !important;
        font: 500 13px/20px Roboto, Arial, Helvetica, sans-serif;
    }
    #app .dyn_homepage .rd_header_tab_item.active {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    #app .dyn_homepage .rd_header_tab_item span {
        color: inherit !important;
        font-weight: 500 !important;
    }
    #app .dyn_homepage .topJackpot_section .rd_header_tab_item span::before { content: none !important; }
    #app .top_jackpots__block,
    #app .top_winners__game {
        background: #242729 !important;
        border: 0 !important;
        border-radius: 7px;
        box-shadow: none !important;
    }
    #app .top_jackpots__value,
    #app .top_jackpots__crns { color: #f0f0f0 !important; }
    #app .top_winners__id,
    #app .top_winners__id span { color: #6bd7c1 !important; }
    #app .top_winners__value,
    #app .top_winners__value span { color: #fff !important; }
    #app .top_winners__date { color: #aaa !important; font-size: 12px; }
    #app .js_top_winners_container .swiper-wrapper {
        animation: none !important;
    }
    #app .js_top_w_nav_cont_10.widget_arrow__wrapper { display: flex !important; }

    /* Footer: ayni hizada baglantilar ve daha kucuk destek kutulari. */
    #app .footer#js_footer {
        background: #191b1d !important;
        color: #bcbcbc;
        padding: 24px 0 !important;
        margin-top: 12px !important;
        border-top: 1px solid #303336 !important;
    }
    #app .footer#js_footer .tl_container {
        padding: 0 clamp(24px, 4vw, 72px) !important;
        max-width: 1600px;
        margin-inline: auto;
        box-sizing: border-box;
    }
    #app .footer_top_items_wrapper {
        width: clamp(190px, 16vw, 250px);
        padding: 0 0 10px;
        gap: 10px;
        background: #242729 !important;
        border-radius: 6px;
    }
    #app .footer_top_items_box_top {
        background: #242729 !important;
        color: #ddd !important;
        border-radius: 6px 6px 0 0;
        font-size: 13px;
    }
    #app .footer_top_items_box_top i { color: #22d3b2; }
    #app .footer_top_items_box_bottom {
        font-size: 12px;
        color: #bcbcbc;
    }
    #app .footer_sicial_image {
        width: 76px;
        height: 78px;
        object-fit: contain;
    }
    #app .tl_footer_links {
        margin: 24px 0 18px !important;
        justify-content: center !important;
        gap: 20px;
    }
    #app .tl_footer_links_wrapper {
        flex: 1 1 0;
        min-width: 0;
        text-align: center;
    }
    #app .tl_footer_links_heading {
        color: #ddd !important;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #app .tl_footer_link {
        color: #bcbcbc !important;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 4px;
    }
    #app .tl_footer_link:hover { color: #22d3b2 !important; }
    #app .footer_txt {
        color: #999;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 16px !important;
    }
    #app .footer_images_box {
        justify-content: center !important;
        gap: 14px 20px;
    }
    #app .footer_image1 {
        width: 250px;
        height: auto;
        max-height: 88px;
        object-fit: contain;
    }
    #app .footer_lic_image {
        width: auto;
        height: 88px;
        object-fit: contain;
    }
    #app .footer_image {
        max-width: 100%;
        height: auto;
        max-height: 60px;
        object-fit: contain;
    }
    #app :is(.header__fixed, .tl_header_navigation, .footer) a:focus-visible {
        outline: 2px solid #22d3b2;
        outline-offset: 3px;
    }
}
@media (min-width: 993px) and (max-width: 1199px) {
    #app .header__top-links { gap: 4px; }
    #app .header__top-links a { font-size: 10px; padding-inline: 4px; }
    #app .header__top-links a i { font-size: 22px; }
    #app .tl_header_navigation .tl_main_nav_item-inner { padding-inline: 6px; }
    #app .footer_top_items_wrapper { width: 190px; }
    #app .footer_sicial_image { width: 58px; height: 60px; }
}

/* Footer oranlari: esit destek kutulari, bes sutun ve dengeli logo boyutlari. */
@media (min-width: 993px) {
    #app .footer#js_footer .tl_container {
        width: 100%;
        max-width: 1280px;
        padding: 0 32px !important;
    }
    #app .footer#js_footer .tl_container > div {
        width: 100%;
        gap: 20px;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }
    #app .footer#js_footer .tl_container > div > div:has(.footer_top_items_wrapper) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center !important;
    }
    #app .footer#js_footer .gx-3:has(.footer_top_items_wrapper) {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-width: 0;
        gap: 12px !important;
    }
    #app .footer#js_footer .footer_top_items_wrapper {
        width: 100%;
        min-width: 0;
        max-width: none;
        height: 84px;
        padding: 8px;
        gap: 6px;
        box-sizing: border-box;
        justify-content: center;
    }
    #app .footer#js_footer .footer_top_items_box_top {
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 0 4px;
        justify-content: center;
        font-size: 12px;
    }
    #app .footer#js_footer .footer_top_items_box_bottom {
        width: 100%;
        min-width: 0;
        padding: 0 4px;
        justify-content: center;
        font-size: 12px;
    }
    #app .footer#js_footer .tl_container > div > div > div:has(.footer_sicial_image) {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    #app .footer#js_footer a:has(.footer_sicial_image) {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 76px;
    }
    #app .footer#js_footer .footer_sicial_image {
        display: block;
        width: auto;
        height: auto;
        max-width: 64px;
        max-height: 76px;
        object-fit: contain;
    }
    #app .footer#js_footer .tl_footer_links {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px;
        margin: 0 !important;
    }
    #app .footer#js_footer .tl_footer_links_wrapper {
        width: 100%;
        max-width: none;
        min-width: 0;
        align-items: center;
        text-align: center;
    }
    #app .footer#js_footer .tl_footer_links_heading {
        width: 100%;
        margin: 0 0 8px;
        line-height: 20px;
    }
    #app .footer#js_footer .tl_footer_link {
        width: 100%;
        line-height: 20px;
        margin: 0 0 2px;
        white-space: normal;
    }
    #app .footer#js_footer .footer_txt {
        display: block !important;
        margin: 0 !important;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        white-space: normal;
    }
    #app .footer#js_footer .footer_images_box {
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px;
    }
    #app .footer#js_footer .footer_images_box > .d-flex {
        display: flex;
        align-items: center !important;
        justify-content: center;
        gap: 28px !important;
        max-width: 100%;
        min-height: 0;
    }
    #app .footer#js_footer .footer_images_box > .d-flex > .flex-shrink-0,
    #app .footer#js_footer .footer_script {
        width: 64px !important;
        height: 64px !important;
        min-width: 0 !important;
    }
    #app .footer#js_footer .footer_script img {
        display: block;
        width: 64px !important;
        height: 64px !important;
        object-fit: contain;
    }
    #app .footer#js_footer .footer_images_box > .d-flex > img {
        display: block;
        width: auto;
        height: 64px;
        max-width: 240px;
        object-fit: contain;
    }
    #app .footer#js_footer .footer_images_box > .d-flex > .footer_image1 {
        width: 220px;
        height: auto;
        max-height: 64px;
    }
    #app .footer#js_footer .footer_image {
        display: block;
        width: min(760px, 100%);
        height: auto;
        max-height: none;
        object-fit: contain;
    }
}

/* Footer mail satirlari: ikon solda, adres sola hizali, ok sagda. */
@media (min-width: 993px) {
    #app .footer#js_footer .footer_top_items_box_bottom:has(a[href^="mailto:"]) {
        justify-content: flex-start;
        padding-inline: 8px;
    }
    #app .footer#js_footer .footer_top_items_box_bottom a[href^="mailto:"] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-width: 0;
        gap: 8px;
        text-align: left;
    }
    #app .footer#js_footer .footer_top_items_box_bottom a[href^="mailto:"] span {
        flex: 1;
        min-width: 0;
        text-align: left;
        overflow-wrap: anywhere;
    }
    #app .footer#js_footer .footer_top_items_box_bottom a[href^="mailto:"] i {
        flex-shrink: 0;
    }
}

/* Footer sosyal medya: ayni boyut ve hizada sade ikonlar. */
@media (min-width: 993px) {
    #app .footer#js_footer .footer_top_items_box_bottom .cw_icon_arrow_v2 {
        display: none !important;
    }
    #app .footer#js_footer a:has(img[src$="/Instagram1.png"]) {
        --slotday-social-name: "Instagram";
        --slotday-social-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
    }
    #app .footer#js_footer a:has(img[src$="/Telegram1.png"]) {
        --slotday-social-name: "Telegram";
        --slotday-social-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21.5%203.5%2018%2021l-6-5-3%203%20.6-6.4L18%206%207.5%2011.5%202%209.7z%22%2F%3E%3C%2Fsvg%3E");
    }
    #app .footer#js_footer a:has(img[src$="/Twitter1.png"]) {
        --slotday-social-name: "X";
        --slotday-social-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.9%202H22l-6.8%207.8L23.2%2022h-6.3L12%2014.6%205.5%2022H2.4l8.1-9.3L2.8%202h6.5l4.4%206.7zM17.9%2020h1.7L8.2%204H6.4z%22%2F%3E%3C%2Fsvg%3E");
    }
    #app .footer#js_footer a:has(.footer_sicial_image) {
        width: 70px;
        height: 70px;
        padding: 10px 4px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        background: #242729;
        color: #ddd;
        border-radius: 6px;
        text-decoration: none;
    }
    #app .footer#js_footer .footer_sicial_image {
        display: none !important;
    }
    #app .footer#js_footer a:has(.footer_sicial_image)::before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background: currentColor;
        -webkit-mask: var(--slotday-social-icon) center / contain no-repeat;
        mask: var(--slotday-social-icon) center / contain no-repeat;
    }
    #app .footer#js_footer a:has(.footer_sicial_image)::after {
        content: var(--slotday-social-name);
        font: 400 11px/14px Roboto, Arial, Helvetica, sans-serif;
        color: #bcbcbc;
    }
    #app .footer#js_footer a:has(.footer_sicial_image):hover {
        background: #2c3330;
        color: #22d3b2;
    }
}

/* Ust bannerlarin altindaki alti kategori kartini dengele. */
@media (min-width: 993px) {
    #app .dyn_homepage #js_card_stream_2201 {
        width: 88% !important;
        max-width: 1560px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    #app .dyn_homepage #js_card_stream_2201 > .swiper-wrapper {
        width: 100% !important;
        height: auto !important;
        gap: 12px !important;
    }
    #app .dyn_homepage #js_card_stream_2201 > .swiper-wrapper > .swiper-slide {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
    }
    #app .dyn_homepage #js_card_stream_2201 .dynamicBanners_item {
        display: block;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 !important;
        padding: 0 !important;
    }
    #app .dyn_homepage #js_card_stream_2201 .dynamicBanners_img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1;
        object-fit: contain !important;
    }
}

/* Uc ust banner ve alti kategori ayni kolon cizgilerini paylasir. */
@media (min-width: 993px) {
    #app .dyn_homepage #js_button_2200 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 88% !important;
        max-width: 1560px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }
    #app .dyn_homepage #js_button_2200 .dynamicBanners_inner,
    #app .dyn_homepage #js_button_2200 .dynamicBanners_item {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        aspect-ratio: auto !important;
    }
    #app .dyn_homepage #js_button_2200 .dynamicBanners_img {
        display: block;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1350 / 396;
        object-fit: contain !important;
    }
}

/* Ana sayfa: slider'dan footer'a kadar ortak ortalanmis genislik. */
@media (min-width: 993px) {
    #app .dyn_homepage {
        width: calc(100% - 48px) !important;
        max-width: 1440px !important;
        margin-inline: auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }
    #app .dyn_homepage #js_button_2200,
    #app .dyn_homepage #js_card_stream_2201 {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
    }
}

/* Daha Fazlasi menusu ve EGT/Amusnet jackpot bilgi panelleri. */
@media (min-width: 993px) {
    #app .header_nav__more_content {
        background: #202325 !important;
        color: #ddd !important;
        border: 1px solid #34383b;
        border-radius: 6px;
        box-shadow: 0 8px 20px #0006 !important;
    }
    #app .header_nav__more_content > .bg-tert {
        background: transparent !important;
    }
    #app .header_nav__more_content .tl_main_nav_item,
    #app .header_nav__more_content .tl_main_nav_item-inner {
        color: #ddd !important;
        border-radius: 4px;
    }
    #app .header_nav__more_content .tl_main_nav_item-inner > span {
        color: inherit !important;
        font-family: Roboto, Arial, Helvetica, sans-serif !important;
        font-size: 13px;
        font-weight: 500 !important;
    }
    #app .header_nav__more_content .dynamic_icon {
        color: #22d3b2 !important;
        background: transparent !important;
    }
    #app .header_nav__more_content .tl_main_nav_item:hover,
    #app .header_nav__more_content .tl_main_nav_item:focus-visible,
    #app .header_nav__more_content .tl_main_nav_item.active {
        background: #203b34 !important;
        color: #fff !important;
    }
    #app .top_jackpots__hover_content {
        background: #232629 !important;
        color: #ddd !important;
        border-color: #34383b !important;
        border-radius: 7px;
        box-shadow: 0 8px 20px #0006 !important;
    }
    #app .top_jackpots__hover_winners {
        background: #2c3033 !important;
        color: #ddd !important;
        border-radius: 6px 6px 0 0;
    }
    #app .top_jackpots__hover_winners__name { color: #ccc !important; }
    #app .top_jackpots__hover_winners__count { color: #fff !important; }
    #app .top_jackpots__hover__game {
        background: transparent !important;
        border-color: #3a3e41 !important;
    }
    #app .top_jackpots__hover_win__name { color: #66dfc7 !important; }
    #app .top_jackpots__hover__value,
    #app .top_jackpots__hover__value span { color: #fff !important; }
    #app .top_jackpots__hover_win,
    #app .top_jackpots__hover_win__id,
    #app .top_jackpots__hover__date {
        color: #aaa !important;
    }
    #app .top_jackpots__hover_btn {
        background: #203b34 !important;
        color: #66dfc7 !important;
        border-color: #34383b !important;
        min-height: 38px;
    }
    #app .top_jackpots__hover_btn:hover,
    #app .top_jackpots__hover_btn:focus-visible {
        background: #284b40 !important;
        color: #fff !important;
    }
}

/* Kazananlar filtreleri, widget oklari ve ana kapsayici disinda acilan formlar. */
@media (min-width: 993px) {
    #app .top_winners_block .topWinsDropdown_heading {
        background: #2c3033 !important;
        color: #eee !important;
        border-color: #3a3e41 !important;
        border-radius: 6px;
    }
    #app .top_winners_block .topWinsTypes_wrapper::before {
        background: #3a3e41 !important;
    }
    #app .top_winners_block .topWinsDropdown_heading:hover {
        background: #343a3d !important;
    }
    #app .top_winners_block .topWinsTypes_dropdown {
        background: #232629 !important;
        color: #ddd !important;
        border-color: #3a3e41 !important;
    }
    #app .widget_arrow__wrapper :is(.arrow__prev, .arrow__next) {
        background: #2c3033 !important;
        color: #ddd !important;
        border-color: #3a3e41 !important;
        box-shadow: none !important;
        border-radius: 6px;
    }
    #app .widget_arrow__wrapper :is(.arrow__prev, .arrow__next):is(:hover, :focus-visible):not(.swiper-button-disabled) {
        background: #203b34 !important;
        color: #66dfc7 !important;
        border-color: #386456 !important;
    }
    #app .widget_arrow__wrapper .dynamic_icon { color: inherit !important; }
    #app .widget_arrow__wrapper .swiper-button-disabled { opacity: .4 !important; }

    :is(#app, body) .tl_popup_dialog {
        --cwInputBg: #242729;
        --cwInputBgHover: #2c3033;
        --cwInputBorder: #414649;
        --cwInputTxt: #fff;
        --cwInputTxt2: #ccc;
        --cwInputSecondaryBg: #2c3033;
        --cwInputSecondaryBgHover: #343a3d;
        --cwInputSecondaryBorder: #414649;
        --cwInputSecondaryTxt: #fff;
        --cwButtonBg: #22d3b2;
        --cwButtonBgHover: #42dfbf;
        --cwButtonBorder: #22d3b2;
        --cwButtonTxt: #101b17;
        --cwButtonSecondaryBg: #303639;
        --cwButtonSecondaryBgHover: #3a4245;
        --cwButtonSecondaryBorder: #414649;
        --cwButtonSecondaryTxt: #eee;
        color: #ddd;
    }
    :is(#app, body) .tl_popup_dialog .tl_popup_header {
        background: #292d30 !important;
        color: #fff !important;
        border-radius: 8px 8px 0 0;
    }
    :is(#app, body) .tl_popup_dialog .tl_popup_content {
        background: #1f2224 !important;
        color: #ccc !important;
        border-radius: 0 0 8px 8px;
    }
    :is(#app, body) .tl_popup_dialog .dyn_login_label { color: #c0c3c5 !important; }
    :is(#app, body) .tl_popup_dialog .dyn_login_input {
        background: #2c3033 !important;
        color: #fff !important;
        border: 1px solid #414649 !important;
        border-radius: 5px;
        caret-color: #66dfc7;
    }
    :is(#app, body) .tl_popup_dialog .dyn_login_input::placeholder { color: #9da3a6 !important; }
    :is(#app, body) .tl_popup_dialog .dyn_login_input:focus {
        border-color: #22d3b2 !important;
        outline: 2px solid #22d3b233;
        outline-offset: 1px;
    }
    :is(#app, body) .tl_popup_dialog .dyn_login_input.input-validation-error {
        border-color: #e35b52 !important;
    }
    :is(#app, body) .tl_popup_dialog :is(.tl_head_close, .eye_button) { color: #abb1b4 !important; }
    :is(#app, body) .tl_popup_dialog :is(.tl_head_close, .eye_button):hover { color: #fff !important; }
    :is(#app, body) .tl_popup_dialog .login_btn {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-color: #22d3b2 !important;
        border-radius: 5px;
        font-weight: 600;
    }
    :is(#app, body) .tl_popup_dialog .login_btn:hover {
        background: #42dfbf !important;
        border-color: #42dfbf !important;
    }
    :is(#app, body) .tl_popup_dialog .tl_popup_link { color: #b8bfc2 !important; }
    :is(#app, body) .tl_popup_dialog .tl_popup_link:hover { color: #66dfc7 !important; }
    :is(#app, body) .tl_popup_dialog .tl_sup_link {
        background: #303639 !important;
        color: #eee !important;
        border-radius: 5px;
    }
    :is(#app, body) .tl_popup_dialog .tl_sup_link:hover {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
}

/* Casino / slot lobisi: ortak genislik, filtreler ve oyun vitrinleri. */
@media (min-width: 993px) {
    #app #js_wbp_content {
        width: calc(100% - 48px);
        max-width: 1440px;
        margin-inline: auto;
        background: #101214;
        color: #ccc;
        --cwButtonSecondaryBg: #2c3033;
        --cwButtonSecondaryBgHover: #343a3d;
        --cwButtonSecondaryBorder: #3a3e41;
        --cwButtonSecondaryTxt: #eee;
        --cwInputBg: #242729;
        --cwInputBorder: #414649;
    }
    #app #js_wbp_content > .wb_content { padding-inline: 0 !important; }
    #app #js_wbp_content .dynamic_container { padding-block: 12px !important; }
    #app #js_wbp_content :is(.rd_title, .wb_title) {
        font: 600 17px/24px Roboto, Arial, Helvetica, sans-serif !important;
        color: #eee !important;
    }
    #app #js_wbp_content :is(.wb_title__block, .rd_title__block) { min-height: 36px; }
    #app #js_wbp_content :is(.topJackpot_section, .wb_top_winners_block > .dynamic_container) {
        background: #1a1c1e !important;
        border-radius: 8px;
        padding: 16px !important;
        margin-block: 12px;
    }
    #app #js_wbp_content :is(.rd_header_tab_item, .wb_tabTitle_tab_item) {
        background: #2c3033 !important;
        color: #ccc !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }
    #app #js_wbp_content :is(.rd_header_tab_item, .wb_tabTitle_tab_item).active {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    #app #js_wbp_content :is(.rd_header_tab_name, .wb_tabTitle_tab_name) { color: inherit !important; }
    #app #js_wbp_content .wb_top_winners__game {
        background: #242729 !important;
        border-color: #34383b !important;
        border-radius: 7px;
    }
    #app #js_wbp_content .wb_top_winners__id { color: #66dfc7 !important; }
    #app #js_wbp_content .wb_top_winners__value { color: #fff !important; }
    #app #js_wbp_content .wb_top_winners__date { color: #aaa !important; }
    #app #js_wbp_content :is(.wb_group_slider, .wb_providers_slider) {
        width: 100% !important;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
    }
    #app #js_wbp_content :is(.wb_group_item, .wb_providers_item) {
        background: #242729 !important;
        color: #ddd !important;
        border-radius: 6px !important;
        box-shadow: inset 0 0 0 1px #34383b;
    }
    #app #js_wbp_content :is(.wb_group_item, .wb_providers_item):is(:hover, :focus-visible, .active) {
        background: #203b34 !important;
        color: #66dfc7 !important;
        box-shadow: inset 0 0 0 1px #386456;
    }
    #app #js_wbp_content :is(.wb_providers_item_name, .wb_group_item_name) {
        color: inherit !important;
        font-size: 13px !important;
        font-weight: 500;
    }
    #app #js_wbp_content .wb_providers_item_count { color: #a4abad !important; font-size: 12px; }
    #app #js_wbp_content .widgetBased_filtration { width: 100% !important; max-width: none !important; }
    #app #js_wbp_content .wb_searchBox_btn { flex: 1; width: auto !important; max-width: none !important; }
    #app #js_wbp_content :is(.wb_searchBox_btn, .wb_filter_btn) {
        background: #242729 !important;
        border: 1px solid #414649 !important;
        color: #ccc !important;
        border-radius: 6px;
    }
    #app #js_wbp_content :is(.wb_searchBox_btn, .wb_filter_btn):is(:hover, :focus-visible) {
        background: #2c3033 !important;
        border-color: #22d3b2 !important;
    }
    #app #js_wbp_content :is(.wb_searchBox_btn, .wb_filter_btn) i { color: #66dfc7 !important; }
    #app #js_wbp_content .wb_btn_name { color: #b9bfc2 !important; }
    #app #js_wbp_content :is(.arrow__prev, .arrow__next) {
        background: #2c3033 !important;
        color: #ddd !important;
        border-color: #3a3e41 !important;
        border-radius: 6px;
        box-shadow: none !important;
    }
    #app #js_wbp_content :is(.arrow__prev, .arrow__next):is(:hover, :focus-visible):not(.swiper-button-disabled) {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    #app #js_wbp_content .swiper-button-disabled { opacity: .4 !important; }
    #app #js_wbp_content :is(.arrow__prev, .arrow__next) .dynamic_icon { color: inherit !important; }
    #app #js_wbp_content .wb_viewAll_btn {
        background: #242729 !important;
        color: #ccc !important;
        border-radius: 6px;
        font-size: 12px;
    }
    #app #js_wbp_content .wb_viewAll_btn:hover { background: #203b34 !important; color: #66dfc7 !important; }
    #app #js_wbp_content .wb_widget_gamelist {
        background: #1a1c1e !important;
        border-radius: 8px;
        padding: 16px !important;
    }
    #app #js_wbp_content .wb_widget_gamelist > .wb_gameWidget_box_imgBG { display: none; }
    #app #js_wbp_content .wb_card { border-radius: 7px; }
    #app #js_wbp_content .wb_card_footer {
        background: #242729 !important;
        color: #ddd !important;
        border-radius: 0 0 7px 7px;
    }
    #app #js_wbp_content .wb_card_name { color: #ddd !important; font-weight: 500; }
    #app #js_wbp_content .wb_card_hover { background: rgba(16, 18, 20, .88) !important; }
    #app #js_wbp_content .wb_card_button.demo_btn { background: #343a3d !important; color: #eee !important; }
    #app #js_wbp_content .wb_card_button.play_btn { background: #22d3b2 !important; color: #101b17 !important; }
    #app #js_wbp_content .wb_card_button { border-radius: 5px !important; }
    #app #js_wbp_content .wb_card_button:hover { filter: brightness(1.1); }
    #app .tl_header_navigation .tl_main_nav_item-active .tl_main_nav_item-inner { background: #20322e !important; }
}

@media (min-width: 993px) {
    #app #js_wbp_content .wb_card_footer::before { background: #242729 !important; }
    #js_wbp_filter.wb_filterPopup { background: rgba(10, 12, 13, .72) !important; }
    #js_wbp_filter .wb_filterPopup_content { border-radius: 8px; overflow: hidden; }
    #js_wbp_filter :is(.wb_filterPopup_header, .wb_filterPopup_footer) {
        background: #292d30 !important;
        color: #eee !important;
        border-color: #3a3e41 !important;
    }
    #js_wbp_filter .wb_filterPopup_body { background: #1f2224 !important; color: #ddd !important; }
    #js_wbp_filter .wb_accordionTab-header { border-color: #3a3e41 !important; }
    #js_wbp_filter .wb_accordionTab_button { color: #bbb !important; }
    #js_wbp_filter .wb_accordionTab_button.active { color: #66dfc7 !important; border-color: #22d3b2 !important; }
    #js_wbp_filter .wb_accordionTab_button.active::after { background: #22d3b2 !important; }
    #js_wbp_filter .wb_filterGroups_item {
        background: #2c3033 !important;
        color: #ddd !important;
        border-radius: 5px;
    }
    #js_wbp_filter .wb_filterGroups_item:is(:hover, :focus-visible, .active) {
        background: #203b34 !important;
        color: #66dfc7 !important;
        box-shadow: inset 0 0 0 1px #386456;
    }
    #js_wbp_filter .wb_filterGroups_item_name { color: inherit !important; }
    #js_wbp_filter .wb_filterPopup_result_btn { background: #22d3b2 !important; color: #101b17 !important; border-radius: 5px; }
    #js_wbp_filter .wb_filterPopup_clear_btn { color: #ccc !important; }
    #js_wbp_filter .wb_filterPopup_close { color: #bbb !important; }
    #js_wbp_filter .wb_filterPopup_close:hover { color: #fff !important; }
}

@media (min-width: 993px) {
    #app #js_wbp_content .wb_search_gameList_wrapper .wb_content { padding-inline: 0 !important; }
    #app #js_wbp_content .wb_searchBox { flex: 1; min-width: 0; max-width: none !important; }
    #app #js_wbp_content .wb_searchBox_input {
        background: #242729 !important;
        color: #eee !important;
        border: 1px solid #414649 !important;
        border-radius: 6px;
        caret-color: #66dfc7;
    }
    #app #js_wbp_content .wb_searchBox_input::placeholder { color: #aaa !important; }
    #app #js_wbp_content .wb_searchBox_input:focus { border-color: #22d3b2 !important; }
    #app #js_wbp_content :is(.wb_searchBox_searchIcon, .wb_searchBox_close) { color: #66dfc7 !important; }
}

/* TV oyunlari ve klasik lobi bilesenleri. */
@media (min-width: 993px) {
    #app #js_lobby_main_wrapper {
        width: calc(100% - 48px);
        max-width: 1440px;
        margin-inline: auto;
        padding: 0 0 12px !important;
        color: #ccc;
    }
    #app #js_lobby_wrapper {
        background: #1f2224 !important;
        color: #ccc !important;
        border-color: #34383b !important;
        border-radius: 7px;
        padding-inline: 12px !important;
    }
    body.lobbyFilter_fixed #app #js_lobby_wrapper {
        width: calc(100% - 48px) !important;
        max-width: 1440px;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        box-shadow: 0 6px 16px #0004;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_wrapper { border-color: #34383b !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_item {
        color: #ccc !important;
        border-radius: 5px 5px 0 0;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_item:is(:hover, .active) {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_item_name {
        color: inherit !important;
        font-size: 12px;
        font-weight: 500;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_item_icon { filter: grayscale(1) brightness(1.4); }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_item.active::after { background: #22d3b2 !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_provider { padding-block: 12px !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_provider_item {
        background: #303639 !important;
        color: #ddd !important;
        border-radius: 5px !important;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_provider_item:is(:hover, .active) {
        background: #203b34 !important;
        color: #66dfc7 !important;
        box-shadow: inset 0 0 0 1px #386456;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_provider_name { color: inherit !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) :is(.lobbyFilter_popup_btn, .arrow__prev, .arrow__next, .lobbyFilter_collapse_btn) {
        background: #303639 !important;
        color: #ddd !important;
        border-color: #414649 !important;
        border-radius: 5px;
        box-shadow: none !important;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) :is(.lobbyFilter_popup_btn, .arrow__prev, .arrow__next):hover {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_txt_size { color: inherit !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) :is(.lobbyFilter_search, .lobbyFilter_search_input) {
        background: #292d30 !important;
        color: #eee !important;
        border-color: #414649 !important;
        border-radius: 5px;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_search:focus-within { border-color: #22d3b2 !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_search_input::placeholder { color: #aaa !important; }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) :is(.lobbyFilter_search_icon, .lobbyFilter_search_close) { color: #66dfc7 !important; }
    #app #js_lobby_main_wrapper .lb_card {
        background: #242729 !important;
        border-color: #34383b !important;
        border-radius: 7px;
    }
    #app #js_lobby_main_wrapper .lb_card_footer {
        background: #242729 !important;
        color: #ddd !important;
    }
    #app #js_lobby_main_wrapper .lb_card_name { color: #eee !important; font-weight: 500; }
    #app #js_lobby_main_wrapper .lb_card_price { color: #66dfc7 !important; }
    #app #js_lobby_main_wrapper .lb_card_badge.badge_type_top {
        background: #203b34 !important;
        color: #a1eedb !important;
        border-radius: 4px;
    }
    #app #js_lobby_main_wrapper .lb_card_hover { background: rgba(16, 18, 20, .88) !important; }
    #app #js_lobby_main_wrapper .lb_card_button { border-radius: 5px !important; }
    #app #js_lobby_main_wrapper .lb_card_button.demo_btn { background: #343a3d !important; color: #eee !important; }
    #app #js_lobby_main_wrapper .lb_card_button.play_btn { background: #22d3b2 !important; color: #101b17 !important; }
    #app #js_lobby_main_wrapper .lb_card_more_btn {
        background: #303639 !important;
        color: #ddd !important;
        border-radius: 6px !important;
    }
    #app #js_lobby_main_wrapper .lb_card_more_btn:hover { background: #203b34 !important; color: #66dfc7 !important; }
}

@media (min-width: 993px) {
    #app #js_lobby_filter { background: rgba(10, 12, 13, .72) !important; }
    #app #js_lobby_filter .lobbyFilter_popup_content {
        background: #1f2224 !important;
        color: #ccc !important;
        border-radius: 8px;
    }
    #app #js_lobby_filter :is(.lobbyFilter_popup_header, .lobbyFilter_popup_footer) { border-color: #3a3e41 !important; }
    #app #js_lobby_filter :is(.lobbyFilter_popup_header_title, .lobbyFilter_popup_title) { color: #eee !important; }
    #app #js_lobby_filter .lobbyFilter_popup_title { font-size: 16px; }
    #app #js_lobby_filter .lobbyFilter_popup_result_btn {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-radius: 5px;
    }
    #app #js_lobby_filter :is(.lobbyFilter_close_popup, .lobbyFilter_clear_btn) { color: #bbb !important; }
}

@media (min-width: 993px) {
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_slider::before {
        background: linear-gradient(90deg, #1f2224 61.84%, transparent) !important;
    }
    #app :is(#js_lobby_wrapper, #js_lobby_filter) .lobbyFilter_group_slider::after {
        background: linear-gradient(270deg, #1f2224 61.84%, transparent) !important;
    }
    #app #js_lobby_filter .lobbyFilter_range_price {
        background: #303639 !important;
        color: #eee !important;
        border-color: #414649 !important;
        border-radius: 5px;
    }
    #app #js_lobby_filter .lobbyFilter_range_price_input { color: #eee !important; }
    #app #js_lobby_filter .lobbyFilter_range_price:focus-within { outline: 1px solid #22d3b2; }
}

/* Giris sonrasi ust hesap kontrolleri ve profil penceresi. */
@media (min-width: 993px) {
    #app .header__fixed-right :is(.cw_depositDialog_btn, .username_cont) {
        background: #303639 !important;
        color: #eee !important;
        border-color: #414649 !important;
        box-shadow: none !important;
    }
    #app .header__fixed-right :is(.cw_depositDialog_btn, .username_cont):hover { background: #3a4245 !important; }
    #app .header__fixed-right .cw_deposit_button {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-color: #22d3b2 !important;
        box-shadow: none !important;
    }
    #app .header__fixed-right .cw_deposit_button:hover { background: #42dfbf !important; }
    #app .header__fixed-right :is(.cw_icon_mail, .cw_icon_user_v3) { color: #66dfc7 !important; }
    #app .header__fixed-right .links_container.profile {
        background: #202325 !important;
        color: #ddd !important;
        border: 1px solid #34383b !important;
        border-radius: 6px;
        box-shadow: 0 8px 20px #0006 !important;
    }
    #app .header__fixed-right .links_container.profile .tl_dropdown_style {
        color: #ddd !important;
        border-color: #34383b !important;
        font-size: 13px;
    }
    #app .header__fixed-right .links_container.profile .tl_dropdown_style:is(:hover, :focus-visible) {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    body #accountDialog {
        color: #ddd !important;
        border-radius: 8px;
        --cwBodyBg: #1f2224;
        --cwBodyTxt: #ddd;
        --cwInputBg: #292d30;
        --cwInputBorder: #414649;
        --cwInputTxt: #eee;
    }
    body #accountDialog .tl_my_acc_cont_nav {
        background: #292d30 !important;
        border-radius: 8px 0 0 8px;
    }
    body #accountDialog :is(.tl_my_acc_nav_item, .tl_my_acc_nav_itemsp) {
        background: transparent !important;
        color: #bbb !important;
        border-color: #34383b !important;
        font-size: 13px;
    }
    body #accountDialog :is(.tl_my_acc_nav_item, .tl_my_acc_nav_itemsp):is(.active, :hover, :focus-visible) {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    body #accountDialog .tl_my_acc_cont_content {
        background: #1f2224 !important;
        color: #ddd !important;
        border-radius: 0 8px 8px 0;
    }
    body #accountDialog .dyn_prof_user_info_top {
        background: #2c3033 !important;
        color: #ccc !important;
        border-radius: 7px;
    }
    body #accountDialog .dyn_prof_user_pic_box { background: #203b34 !important; color: #66dfc7 !important; }
    body #accountDialog .dyn_prof_user_pic_box i { color: inherit !important; }
    body #accountDialog .dyn_label { color: #b8bfc2 !important; }
    body #accountDialog .dyn_input {
        background: #292d30 !important;
        color: #eee !important;
        border-color: #414649 !important;
        border-radius: 5px;
    }
    body #accountDialog .dyn_input:focus { border-color: #22d3b2 !important; }
    body #accountDialog .dyn_input.input-validation-error { border-color: #e35b52 !important; }
    body #accountDialog .dyn_input:disabled { color: #afb5b8 !important; background: #242729 !important; }
    body #accountDialog .dyn_prof_user_info_copybtn { color: #66dfc7 !important; }
}
@media (min-width: 993px) and (max-width: 1399px) {
    #app .header__fixed-right .username_cont { width: 40px; padding-inline: 8px !important; justify-content: center; }
    #app .header__fixed-right .username_cont > .mr-1,
    #app .header__fixed-right .username_cont > .cw_icon_triangle_bottom { display: none !important; }
}

/* Turnuva listesi ve turnuva detaylari. */
@media (min-width: 993px) {
    #app .tournaments { color: #ccc; padding-bottom: 32px; }
    #app .tournaments > .container,
    #app .tournaments_background > .container,
    #app .tournaments .billboard_container {
        width: calc(100% - 48px) !important;
        max-width: 1440px !important;
        margin-inline: auto;
        padding-inline: 0 !important;
    }
    #app .tournaments > .billboard_container:empty { display: none; }
    #app .tournaments .tabs { gap: 8px; padding-block: 16px; }
    #app .tournaments .tab__item {
        background: #242729 !important;
        color: #bbb !important;
        border-radius: 6px;
        font-size: 13px;
    }
    #app .tournaments .tab__item:is(.active, :hover, :focus-visible) {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    #app .tournaments .tab__item .with-underline::after { background: #22d3b2 !important; }
    #app .tournaments .tournaments-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        align-items: start;
    }
    #app .tournaments .tournament-card {
        width: auto !important;
        margin: 0 !important;
        background: #1f2224 !important;
        border-color: #34383b !important;
        border-radius: 8px;
        overflow: hidden;
    }
    #app .tournaments .tournament-card .card__info {
        display: block;
        height: auto !important;
        min-height: 0 !important;
        padding-top: 57.865%;
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #app .tournaments .tournament-card .card__info-wrapper {
        background: #1f2224 !important;
        padding: 14px 14px 12px !important;
        height: auto !important;
        margin: 0;
        border-color: #34383b !important;
    }
    #app .tournaments .card__title {
        color: #eee !important;
        font: 600 14px/20px Roboto, Arial, Helvetica, sans-serif;
        margin-bottom: 6px;
    }
    #app .tournaments .card__date { color: #aeb4b7 !important; font-size: 12px; line-height: 18px; }
    #app .tournaments .card__footer { background: #292d30 !important; padding: 12px 14px !important; }
    #app .tournaments .card__prize { color: #fff !important; font-size: 24px; font-weight: 600; line-height: 30px; }
    #app .tournaments .card__details {
        background: #203b34 !important;
        color: #66dfc7 !important;
        border-color: #386456 !important;
        border-radius: 5px;
        font-size: 13px;
    }
    #app .tournaments .card__details:hover { background: #284b40 !important; color: #fff !important; }
    #app .tournaments_shadow { background: linear-gradient(transparent 39%, #101214 99%) !important; }
    #app .tournaments .tournament-title h2 { color: #eee !important; font-size: 20px; line-height: 28px; }
    #app .tournaments .leaderboard__user-info { background: #203b34 !important; color: #66dfc7 !important; border-radius: 6px; }
    #app .tournaments .leaderboard__user-info .circle { background: #22d3b2 !important; }
    #app .tournaments .leaderboard__table-head { background: #303639 !important; color: #ccc !important; }
    #app .tournaments .leaderboard__table-inner { background: #1f2224 !important; }
    #app .tournaments .leaderboard__table .table-row { border-color: #34383b !important; color: #ddd !important; }
    #app .tournaments .leaderboard__scroll-wrapper .table-row:nth-child(even) { background: #242729; }
    #app .tournaments .leaderboard__scroll-wrapper .table-row:hover { background: #2c3335 !important; }
    #app .tournaments .description { background: #242729 !important; color: #ccc !important; border-radius: 7px; }
    #app .tournaments :is(.description__date-item, .description__prize) { border-color: #414649 !important; }
    #app .tournaments .description__prize-head { background: #303639 !important; color: #ccc !important; }
    #app .tournaments .description__prize-body { background: #1f2224 !important; }
    #app .tournaments .description__prize-body .dynamic_icon { color: #66dfc7 !important; }
    #app .tournaments .description__prize-amount { color: #fff !important; font-weight: 600; }
    #app .tournaments .description__info { color: #ccc !important; }
    #app .tournaments .tournament__games-search input {
        background: #242729 !important;
        color: #eee !important;
        border-color: #414649 !important;
        border-radius: 5px;
    }
    #app .tournaments .tournament__games-search input:focus { border-color: #22d3b2 !important; }
    #app .tournaments .lca-card-body { background: #242729 !important; border-color: #34383b !important; }
    #app .tournaments .lca-card-hover { background: rgba(16, 18, 20, .88) !important; }
    #app .tournaments .game__link_real { background: #22d3b2 !important; color: #101b17 !important; border-color: #22d3b2 !important; }
    #app .tournaments .game__link_demo { background: #343a3d !important; color: #eee !important; }
}

@media (min-width: 993px) {
    #app .tournaments .leaderboard__scroll-wrapper { scrollbar-color: #4a5054 #1f2224; }
    #app .tournaments .leaderboard__scroll-wrapper::-webkit-scrollbar-track { background: #1f2224 !important; }
    #app .tournaments .leaderboard__scroll-wrapper::-webkit-scrollbar-thumb { background: #4a5054 !important; }
}

@media (min-width: 993px) {
    #app .tournaments .tournament-card .card__info {
        max-height: none !important;
        aspect-ratio: auto !important;
        flex: none !important;
    }
    #app .tournaments .tournament-card .card__info-wrapper {
        max-height: none !important;
        overflow: visible !important;
    }
    #app .tournaments .card__title {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        -webkit-line-clamp: unset;
    }
}

/* Desktop cashier shell. LetsPayments iframe has its own stylesheet. */
@media (min-width: 993px) {
    body #deposit .withCashier {
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box;
        width: min(1024px, calc(100vw - 48px)) !important;
        height: min(658px, calc(100vh - 48px)) !important;
        max-height: calc(100vh - 48px) !important;
        background: #1f2224 !important;
        border: 1px solid #414649 !important;
        border-radius: 8px !important;
        overflow: hidden;
        box-shadow: 0 20px 64px rgba(0, 0, 0, .45);
    }
    body #deposit .cashier_fixed_header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex: 0 0 56px !important;
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 18px !important;
        margin: 0 !important;
        box-sizing: border-box;
        background: #292d30 !important;
        color: #eee !important;
        border-bottom: 1px solid #414649 !important;
    }
    body #deposit .cashier_text {
        flex: 0 1 auto !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #eee !important;
        font: 600 18px/24px Roboto, Arial, Helvetica, sans-serif !important;
    }
    body #deposit .cashier_fixed_header .js_cashier_close {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 32px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        padding: 0 !important;
        margin: 0 0 0 auto !important;
        background: #343a3d !important;
        border: 1px solid #4a5054 !important;
        border-radius: 5px !important;
        color: #ddd !important;
        cursor: pointer;
    }
    body #deposit .cashier_fixed_header .js_cashier_close::before {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: inherit !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }
    body #deposit .cashier_fixed_header .js_cashier_close:hover {
        background: #284b40 !important;
        border-color: #386456 !important;
        color: #fff !important;
    }
    body #deposit .cashier_fixed_header .js_cashier_close:focus-visible {
        outline: 2px solid #22d3b2;
        outline-offset: 2px;
    }
    body #deposit #cashier_iframe_wrapper {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    body #deposit #cashier_iframe_wrapper iframe {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
    }
}

/* Fixed social tabs: match the desktop palette in both states. */
@media (min-width: 993px) {
    #app .social_icons_fixed > a .social_text {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-color: #22d3b2 !important;
        transition: background-color .18s ease, color .18s ease;
    }
    #app .social_icons_fixed > a .social_icon-img {
        background: #242729 !important;
        color: #66dfc7 !important;
        border-color: #414649 !important;
        transition: background-color .18s ease;
    }
    #app .social_icons_fixed > a:is(:hover, :focus-visible) .social_text {
        background: #66dfc7 !important;
        color: #101b17 !important;
        border-color: #66dfc7 !important;
    }
    #app .social_icons_fixed > a:is(:hover, :focus-visible) .social_icon-img {
        background: #203b34 !important;
        border-color: #386456 !important;
    }
    #app .social_icons_fixed > a:focus-visible {
        outline: 2px solid #66dfc7;
        outline-offset: 2px;
    }
}

/* Account game history: filters, result rows and expanded details. */
@media (min-width: 993px) {
    body #accountDialog #js_history_content .form-group-label {
        color: #b8bfc2 !important;
    }
    body #accountDialog #js_search_btn_history {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-color: #22d3b2 !important;
        border-radius: 5px;
        font-weight: 600;
    }
    body #accountDialog #js_search_btn_history #js_loading_replace {
        color: inherit !important;
    }
    body #accountDialog #js_search_btn_history:is(:hover, :focus-visible) {
        background: #66dfc7 !important;
        border-color: #66dfc7 !important;
    }
    body #accountDialog .tl_gh_result { padding-top: 20px !important; }
    body #accountDialog .tl_gh_result_heading {
        background: #303639 !important;
        color: #c9cfd2 !important;
        border-color: #414649 !important;
        border-radius: 5px 5px 0 0;
        min-height: 36px;
    }
    body #accountDialog .tl_gh_result_heading > div {
        color: inherit !important;
        font-size: 13px !important;
        font-weight: 500;
    }
    body #accountDialog .tl_gh_result_item {
        background: #242729 !important;
        color: #eee !important;
        border-bottom: 1px solid #34383b !important;
        min-height: 36px;
        transition: background-color .15s ease;
    }
    body #accountDialog .tl_gh_result_item:nth-child(even) {
        background: #292d30 !important;
    }
    body #accountDialog .tl_gh_result_item:hover {
        background: #303639 !important;
    }
    body #accountDialog .tl_gh_result_item > :is(.id, .dt, .gn, .wg, .win) {
        color: #eee !important;
        font-size: 13px !important;
    }
    body #accountDialog .tl_gh_result_item .details_btn {
        color: #66dfc7 !important;
    }
    body #accountDialog .tl_gh_result_item .details_btn i { color: inherit !important; }
    body #accountDialog .tl_gh_result_item .pwh_used_unused_info {
        background: #1f2224 !important;
        color: #c9cfd2 !important;
        border-top: 1px solid #34383b;
    }
    body #accountDialog .history_scrolled_content { scrollbar-color: #4a5054 #1f2224; }
    body #accountDialog .history_scrolled_content::-webkit-scrollbar-track { background: #1f2224 !important; }
    body #accountDialog .history_scrolled_content::-webkit-scrollbar-thumb { background: #4a5054 !important; }
}

/* Promotions listing and information dialog. */
@media (min-width: 993px) {
    #app .promoNews_section { padding: 16px 24px 32px !important; background: #101214 !important; }
    #app .promoNews_section > .dynamic_container { max-width: 1440px; margin: 0 auto; }
    #app .promoNews_section .pn_category { gap: 8px; flex-wrap: wrap; padding-bottom: 4px; }
    #app .promoNews_section .pn_category_item {
        background: #292d30 !important; color: #ccc !important;
        border: 1px solid #34383b !important; border-radius: 5px !important;
        min-height: 36px; height: 36px; padding: 8px 16px !important;
        font: 500 13px/18px Roboto, Arial, Helvetica, sans-serif;
    }
    #app .promoNews_section .pn_category_item:is(.active, :hover, :focus-visible) {
        background: #203b34 !important; color: #66dfc7 !important; border-color: #386456 !important;
    }
    #app .promoNews_section .pn_card_main { gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #app .promoNews_section :is(.pn_card, .pn_card_body) { height: auto !important; }
    #app .promoNews_section .pn_card_img { display: block; width: 100% !important; height: auto !important; object-fit: contain; }
    #app .promoNews_section .pn_card { background: #1f2224 !important; border-color: #34383b !important; border-radius: 7px; }
    #app .promoNews_section .pn_card:hover { border-color: #386456 !important; }
    #app .promoNews_section .pn_card_footer { background: #242729 !important; color: #eee !important; min-height: 48px; padding: 10px 12px !important; }
    #app .promoNews_section .pn_card_name { color: #eee !important; font: 500 13px/20px Roboto, Arial, Helvetica, sans-serif; white-space: normal; }
    #app .promoNews_section .pn_card_hover { background: rgba(16, 18, 20, .93) !important; color: #eee !important; }
    #app .promoNews_section .pn_card_descr { color: #ddd !important; font-size: 14px; line-height: 22px; }
    #app .promoNews_section .js_pr_n_cats { background: #203b34 !important; color: #66dfc7 !important; border-color: #386456 !important; }
    #app .promoNews_section .pn_card_button { background: #22d3b2 !important; color: #101b17 !important; border-color: #22d3b2 !important; border-radius: 5px; font-size: 13px; }
    #app .promoNews_section .pn_card_button:is(:hover, :focus-visible) { background: #66dfc7 !important; border-color: #66dfc7 !important; }

    body #js_news_promo_popoup_cont { background: rgba(0, 0, 0, .72); }
    body #js_news_promo_popoup_cont .cw_promo_popup_content {
        display: flex !important; flex-direction: column !important;
        width: min(900px, calc(100vw - 64px)) !important;
        height: calc(100vh - 48px) !important; margin: 24px auto !important;
        background: #1f2224 !important; border: 1px solid #414649;
        border-radius: 8px; overflow: hidden; box-sizing: border-box;
    }
    body #js_news_promo_popoup_cont .cw_promo_popup_header {
        display: flex !important; align-items: center; justify-content: flex-end;
        flex: 0 0 50px !important; width: 100% !important; height: 50px !important;
        padding: 0 12px !important; box-sizing: border-box;
        background: #292d30 !important; border-bottom: 1px solid #414649;
    }
    body #js_close_news_promo_popup {
        position: static !important; inset: auto !important; transform: none !important;
        display: flex !important; align-items: center; justify-content: center;
        flex: 0 0 32px !important; width: 32px !important; height: 32px !important;
        margin: 0 !important; padding: 0 !important; border: 1px solid #4a5054;
        background: #343a3d !important; color: #ddd !important; border-radius: 5px; cursor: pointer;
    }
    body #js_close_news_promo_popup::before {
        position: static !important; inset: auto !important; transform: none !important;
        width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
        background: transparent !important; color: inherit !important; border: 0 !important;
        font-size: 14px !important; line-height: 1 !important;
    }
    body #js_close_news_promo_popup:hover { background: #284b40 !important; color: #fff !important; }
    body #js_news_promo_popoup_cont .cw_promo_popup_inner {
        flex: 1 1 auto !important; min-height: 0 !important; width: 100% !important;
        height: auto !important; border: 0 !important; background: #1f2224 !important;
    }
    body #js_news_promo_popoup_cont .cw_prmotions_cstm_page_root {
        height: 100% !important; background: #1f2224 !important; color: #ccc !important;
        scrollbar-color: #4a5054 #1f2224;
    }
    body #js_news_promo_popoup_cont .cw_prmotions_cstm_page_root::-webkit-scrollbar-track { background: #1f2224 !important; }
    body #js_news_promo_popoup_cont .cw_prmotions_cstm_page_root::-webkit-scrollbar-thumb { background: #4a5054 !important; }
    body #js_news_promo_popoup_cont .cw_prmotions_title_text { color: #eee !important; font-size: 18px; line-height: 26px; }
    body #js_news_promo_popoup_cont .cw_promo_description { background: #242729 !important; color: #ccc !important; border-color: #34383b !important; }
    body #js_news_promo_popoup_cont .rule-item { background: #242729 !important; border-color: #414649 !important; }
    body #js_news_promo_popoup_cont .rule-number { background: #203b34 !important; color: #66dfc7 !important; }
    body #js_news_promo_popoup_cont .cw_promo_description :is(table, td, th) { border-color: #414649 !important; }
}

/* Cashback request dialog and request status cards. */
@media (min-width: 993px) {
    body .js_cashback_popup .cashback {
        background: #1f2224 !important;
        color: #ccc !important;
        border: 1px solid #414649;
        border-radius: 8px;
        width: 528px !important;
        max-width: calc(100vw - 32px) !important;
        box-shadow: 0 20px 64px rgba(0, 0, 0, .4);
        --popupBg: #1f2224;
        --popupTxt: #eee;
        --popupBorder: #414649;
        --buttonG: #22d3b2;
        --buttonBg: #22d3b2;
        --buttonTxt: #101b17;
    }
    body .js_cashback_popup .cashback__title { color: #eee !important; font-size: 16px; }
    body .js_cashback_popup .cashback__close-btn {
        background: #343a3d !important;
        color: #ddd !important;
        border: 1px solid #4a5054;
        border-radius: 5px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body .js_cashback_popup .cashback__close-btn:hover { background: #284b40 !important; color: #fff !important; }
    body .js_cashback_popup .cashback_line { background: #34383b !important; }
    body .js_cashback_popup .cashback__request {
        background: #292d30 !important;
        color: #c1c7ca !important;
        border: 1px solid #3b4144;
        border-radius: 7px;
    }
    body .js_cashback_popup .request__title { color: #eee !important; }
    body .js_cashback_popup .request__date { color: #aeb5b9 !important; }
    body .js_cashback_popup .request__status.rejected {
        background: #4b2929 !important;
        color: #ffb2ab !important;
        border-radius: 4px;
    }
    body .js_cashback_popup #cashback_warning_msg p { color: #c9cfd2 !important; }
    body .js_cashback_popup .primary-btn {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-color: #22d3b2 !important;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 600;
    }
    body .js_cashback_popup .primary-btn:not(:disabled):not(.disabled):hover { background: #66dfc7 !important; }
    body .js_cashback_popup .primary-btn:is(:disabled, .disabled, [aria-disabled="true"]) {
        background: #343a3d !important;
        border-color: #343a3d !important;
        color: #929b9f !important;
    }
}

/* Inbox: list, reading panel and message controls. */
@media (min-width: 993px) {
    body #inboxContent .inbox-popup {
        background: #1f2224 !important;
        color: #ddd !important;
        border: 1px solid #414649;
        border-radius: 8px;
        overflow: hidden;
    }
    body #inboxContent .inbox-popup__head {
        background: #292d30 !important;
        color: #eee !important;
        border-bottom: 1px solid #414649;
    }
    body #inboxContent .inbox-popup__title { color: #eee !important; }
    body #inboxContent .inbox-popup__items {
        background: #1f2224 !important;
        border-color: #34383b !important;
    }
    body #inboxContent .inbox-popup__items-manage {
        background: #292d30 !important;
        color: #c9cfd2 !important;
    }
    body #inboxContent .js_readAll { color: #c9cfd2 !important; }
    body #inboxContent .js_readAll:hover { color: #66dfc7 !important; }
    body #inboxContent .inbox-popup__item {
        background: #242729 !important;
        border-color: #3b4144 !important;
        border-radius: 5px;
        color: #ddd !important;
    }
    body #inboxContent .inbox-popup__item:hover { background: #303639 !important; border-color: #505a5e !important; }
    body #inboxContent .inbox-popup__item.active {
        background: #203b34 !important;
        border-color: #386456 !important;
    }
    body #inboxContent .item__title { color: #eee !important; font-size: 13px; line-height: 20px; }
    body #inboxContent .item__id,
    body #inboxContent .item__date,
    body #inboxContent .tl_mail_details { color: #aeb5b9 !important; }
    body #inboxContent .primary-text { color: #66dfc7 !important; }
    body #inboxContent .item__indicator { background: #22d3b2 !important; }
    body #inboxContent .item__indicator--checked { background: #687277 !important; }
    body #inboxContent :is(.deleteAll_icon, .js_delete_msg) { color: #aeb5b9 !important; }
    body #inboxContent :is(.deleteAll_icon, .js_delete_msg):hover { color: #ffb2ab !important; }
    body #inboxContent .inbox-popup__btn-wrapper { background: #1f2224 !important; }
    body #inboxContent #newmessage_btn {
        background: #203b34 !important;
        color: #66dfc7 !important;
        border-color: #386456 !important;
        border-radius: 5px;
    }
    body #inboxContent #newmessage_btn:hover { background: #284b40 !important; color: #fff !important; }
    body #inboxContent .inbox-popup__item-inner { background: #1f2224 !important; min-width: 0; }
    body #inboxContent .inner__head { border-color: #34383b !important; }
    body #inboxContent .inner-title { color: #eee !important; font-size: 18px; line-height: 26px; }
    body #inboxContent .tl_head_close { color: #b8c0c4 !important; }
    body #inboxContent .tl_head_close:hover { color: #fff !important; }
    body #inboxContent :is(.inbox-popup__items-wrapper, .scrolled__content) { scrollbar-color: #4a5054 #1f2224; }
    body #inboxContent :is(.inbox-popup__items-wrapper, .scrolled__content)::-webkit-scrollbar-track { background: #1f2224 !important; }
    body #inboxContent :is(.inbox-popup__items-wrapper, .scrolled__content)::-webkit-scrollbar-thumb { background: #4a5054 !important; }
}

/* Account login activity: readable rows in the profile palette. */
@media (min-width: 993px) {
    body #accountDialog #tl_profile_content .full_data.full_data_rtl {
        color: #ddd !important;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl .icont_text p {
        color: #c9cfd2 !important;
        font-size: 13px;
        line-height: 20px;
        font-weight: 400;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl .icont_text .dynamic_icon {
        color: #66dfc7 !important;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl table {
        width: 100%;
        border-collapse: collapse;
        background: #242729 !important;
        border: 1px solid #34383b;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl thead tr {
        background: #303639 !important;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl tbody tr {
        background: #242729 !important;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl tbody tr:nth-child(even) {
        background: #292d30 !important;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl tbody tr:hover {
        background: #303639 !important;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl :is(th, td) {
        background: transparent !important;
        color: #eee !important;
        border-bottom: 1px solid #34383b !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
        line-height: 18px;
        font-weight: 400;
    }
    body #accountDialog #tl_profile_content .full_data.full_data_rtl th {
        color: #c9cfd2 !important;
        font-weight: 500;
    }
}

/* Header language selector and its dropdown. */
@media (min-width: 993px) {
    body #app .tl_acc_lang {
        background: #303336 !important;
        color: #eee !important;
        border-color: #414649 !important;
    }
    body #app .tl_acc_lang:is(:hover, :focus-within) {
        background: #343a3d !important;
    }
    body #app .tl_acc_lang > .header__dropdown-menu {
        color: #eee !important;
        background: transparent !important;
    }
    body #app .tl_acc_lang .dynamic_icon { color: #b8c0c4 !important; }
    body #LanguageBarSorting {
        background: #242729 !important;
        color: #eee !important;
        border: 1px solid #414649 !important;
        border-radius: 6px;
        padding: 4px !important;
        box-shadow: 0 8px 20px #0005;
        scrollbar-color: #4a5054 #242729;
    }
    body #LanguageBarSorting .js_language_bar_link {
        background: transparent !important;
        color: #ddd !important;
        border-color: #34383b !important;
        border-radius: 3px;
        font-size: 13px;
    }
    body #LanguageBarSorting .js_language_bar_link:is(:hover, :focus-visible, .active, [aria-current="true"]) {
        background: #203b34 !important;
        color: #66dfc7 !important;
    }
    body #LanguageBarSorting .js_language_bar_link .text-truncate { color: inherit !important; }
}

/* Standalone game page: site-owned header and game frame. */
@media (min-width: 993px) {
    body:has(#js_gv_header) { background: #101214 !important; }
    body #js_gv_header {
        background: #191b1d !important;
        color: #eee !important;
        border-bottom: 1px solid #303336;
    }
    body #js_gv_header .lca-gv-header-btn { color: #c9cfd2 !important; }
    body #js_gv_header .lca-gv-header-btn:hover { color: #66dfc7 !important; }
    body #js_gv_header .cw_depositDialog_balance {
        background: #303336 !important;
        color: #eee !important;
        border-color: #414649 !important;
    }
    body #js_gv_header .cw_depositDialog_balance:hover { background: #343a3d !important; }
    body #js_gv_header .cw_deposit_button {
        background: #22d3b2 !important;
        color: #101b17 !important;
        border-color: #22d3b2 !important;
    }
    body #js_gv_header .cw_deposit_button:hover { background: #66dfc7 !important; }
    body #js_gv { background: #101214 !important; }
    body #js_gv #js_backgr_image {
        background: #101214 !important;
        filter: none !important;
    }
    body #js_gv_sidebar { background: #1f2224 !important; border-color: #34383b !important; }
    body #js_gv .lca-gv-game-card { background: #1f2224 !important; }
    body #js_gv .lca-gv-game-btn-block {
        background: #292d30 !important;
        color: #eee !important;
        border-bottom: 1px solid #414649;
    }
    body #js_gv .lca-gv-game-title { color: #eee !important; font-size: 14px; font-weight: 500; }
    body #js_gv .lca-gv-game-btns > span { color: #b8c0c4 !important; }
    body #js_gv .lca-gv-game-btns > span:is(:hover, :focus-visible, .active) { color: #66dfc7 !important; }
}

/* Classic lobby providers: one horizontally scrollable row. */
@media (min-width: 993px) {
    body #app #js_lobby_wrapper .lobbyFilter_provider_wrapper {
        min-width: 0;
        height: auto !important;
        align-items: center !important;
    }
    body #app #js_lobby_wrapper #js_lobby_providers_cont {
        display: flex !important;
        flex: 1 1 0;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-width: 0;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 12px 0 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin;
        scrollbar-color: #50585c #1f2224;
    }
    body #app #js_lobby_wrapper #js_lobby_providers_cont .lobbyFilter_provider_item {
        flex: 0 0 auto !important;
        width: auto !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        white-space: nowrap !important;
        font-size: 13px;
    }
    body #app #js_lobby_wrapper #js_lobby_providers_cont .lobbyFilter_provider_name {
        white-space: nowrap !important;
    }
    body #app #js_lobby_wrapper #js_lobby_view_all_providers { display: none !important; }
    body #app #js_lobby_wrapper #js_lobby_view_all_providers::before { background: none !important; }
    body #app #js_lobby_wrapper #js_lobby_providers_cont::-webkit-scrollbar { height: 6px; }
    body #app #js_lobby_wrapper #js_lobby_providers_cont::-webkit-scrollbar-track { background: #1f2224 !important; }
    body #app #js_lobby_wrapper #js_lobby_providers_cont::-webkit-scrollbar-thumb { background: #50585c !important; border-radius: 4px; }
}

/* Hakkimizda, kosullar, odeme bilgileri ve SSS ortak sayfa temasi. */
body #dynRules {
    color: #dddddd;
}
body #dynRules .dynRules_left_sidebar,
body #dynRules .dynRules_content_inner {
    background: #1f2224 !important;
    color: #dddddd !important;
    border-color: #34383b !important;
}
body #dynRules .dynRules_lmenu_item,
body #dynRules .dynRules_lmenu_dropdown {
    background: #1f2224 !important;
    color: #eeeeee !important;
}
body #dynRules .dynRules_lmenu_subitem {
    background: #242729 !important;
    color: #dddddd !important;
}
body #dynRules .dynRules_lmenu_item_inner {
    color: inherit !important;
    border-color: #34383b !important;
}
body #dynRules .dynRules_lmenu_text,
body #dynRules .dynRules_lmenu_icon {
    color: inherit !important;
}
body #dynRules .dynRules_lmenu_item:is(:hover, :focus-visible, .active),
body #dynRules .dynRules_lmenu_subitem:is(:hover, :focus-visible, .active) {
    background: #203b34 !important;
    color: #66dfc7 !important;
}
body #dynRules .dynRules_lmenu_item::after,
body #dynRules .dynRules_lmenu_subitem::after {
    color: inherit !important;
    border-color: #34383b !important;
}
body #dynRules .dynRules_title { color: #eeeeee !important; }
body #dynRules .dynRules_content_inner a { color: #66dfc7 !important; }
body #dynRules .dynRules_content_inner a:hover { color: #ffffff !important; }
body #dynRules .dynRules_content_inner :is(table, th, td) { border-color: #414649 !important; }
body #dynRules .dynRules_content_inner th { background: #303639 !important; color: #eeeeee !important; }
body #dynRules .dynRules_content_inner td { background: #242729 !important; color: #dddddd !important; }

/* Slotday desktop widget update — 15 September 2026.
   Append after the existing customWeb.css. */
@media (min-width: 993px) {
    /* The five category images are now landscape artwork. */
    body #app .dyn_homepage #js_card_stream_2201 > .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 12px !important;
        transform: none !important;
    }
    body #app .dyn_homepage #js_card_stream_2201 > .swiper-wrapper > .swiper-slide,
    body #app .dyn_homepage #js_card_stream_2201 .dynamicBanners_item,
    body #app .dyn_homepage #js_card_stream_2201 .dynamicBanners_img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
    }
    body #app .dyn_homepage #js_card_stream_2201 .dynamicBanners_img {
        display: block !important;
        object-fit: contain !important;
        border-radius: 8px !important;
    }

    /* Match the sports and league sections to the existing game panels. */
    body #app .dyn_homepage > .dynamic_container:has(:is(#js_thumbnail9_2315, #js_thumbnail9_2317)) {
        display: block !important;
        box-sizing: border-box;
        padding: 16px !important;
        margin: 12px 0 !important;
        background: #1a1c1e;
        border-radius: 8px;
    }
    body #app .dyn_homepage > .dynamic_container:has(:is(#js_thumbnail9_2315, #js_thumbnail9_2317))::before {
        position: static !important;
        display: block !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        background: none !important;
        color: #f0f0f0;
        font: 600 17px/24px Roboto, Arial, Helvetica, sans-serif;
        text-align: left;
        letter-spacing: normal;
    }
    body #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2315)::before { content: 'Sporlar'; }
    body #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2317)::before { content: 'Popüler Ligler'; }
    /* League artwork already includes its own dark card background. */
    body #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2317) {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* One equal column per populated card; no reserved empty ninth slot. */
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315, #js_thumbnail9_2317) {
        display: grid !important;
        grid-template-columns: none !important;
        grid-template-rows: auto !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315, #js_thumbnail9_2317) > .dynamicBanners_inner {
        display: block !important;
        grid-area: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        scale: 1 !important;
        border-radius: 7px;
        overflow: hidden;
    }
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315, #js_thumbnail9_2317) > .dynamicBanners_inner:has([data-banner-id="0"]):not(:has(img, video, picture)) {
        display: none !important;
    }
    body #app .dyn_homepage .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315, #js_thumbnail9_2317) .dynamicBanners_item,
    body #app .dyn_homepage .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315, #js_thumbnail9_2317) .dynamicBanners_img {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        border-radius: 7px;
    }

}

@media (min-width: 993px) and (max-width: 1199px) {
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
    }
}

/* Layout reference: anasayfa sd.jpg — boxed rows and compact labels. */
@media (min-width: 993px) {
    body #app .dyn_homepage {
        width: calc(100% - 48px) !important;
        max-width: 1440px !important;
        margin-inline: auto !important;
    }
    body #app .dyn_homepage > .dynamic_container:has(:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315)) {
        padding: 16px !important;
        margin: 12px 0 !important;
    }
    body #app .dyn_homepage > .dynamic_container:has(:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315))::before {
        display: table !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        padding: 8px 14px !important;
        margin: 0 0 14px !important;
        background: #203b34 !important;
        border-radius: 4px;
        color: #66dfc7 !important;
        font: 500 13px/20px Roboto, Arial, Helvetica, sans-serif !important;
    }
    body #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2315)::before {
        content: 'En Sevilen Spor Bahisleri';
    }
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper .banners_thumbnail9:is(#js_thumbnail9_2204, #js_thumbnail9_2205, #js_thumbnail9_2315) {
        gap: 10px !important;
    }
    body #app .dyn_homepage #js_card_stream_2201 > .swiper-wrapper {
        gap: 12px !important;
    }
    /* Keep the artwork and its link together in the reference order. */
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23469"]) { order: 1; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23467"]) { order: 2; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23471"]) { order: 3; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23475"]) { order: 4; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23473"]) { order: 5; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23481"]) { order: 6; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23479"]) { order: 7; }
    body #app .dyn_homepage #js_thumbnail9_2204 > .dynamicBanners_inner:has([data-banner-id="23477"]) { order: 8; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23485"]) { order: 1; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23487"]) { order: 2; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23495"]) { order: 3; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23491"]) { order: 4; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23499"]) { order: 5; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23497"]) { order: 6; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23489"]) { order: 7; }
    body #app .dyn_homepage #js_thumbnail9_2205 > .dynamicBanners_inner:has([data-banner-id="23493"]) { order: 8; }
    /* The original seven league artworks sit directly on the page. */
    body #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2317) {
        padding: 0 !important;
        margin: 12px 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    body #app .dyn_homepage > .dynamic_container:has(#js_thumbnail9_2317)::before {
        content: none !important;
        display: none !important;
    }
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper #js_thumbnail9_2317 {
        gap: 10px !important;
    }
    body #app .dyn_homepage > .dynamic_container .banners_thumbnail9__wrapper #js_thumbnail9_2317 > .dynamicBanners_inner {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible;
    }
    body #app .dyn_homepage .banners_thumbnail9#js_thumbnail9_2317 .dynamicBanners_item,
    body #app .dyn_homepage .banners_thumbnail9#js_thumbnail9_2317 .dynamicBanners_img {
        border-radius: 0 !important;
        background: transparent !important;
    }
    /* The new bottom banner has its own, wider artwork ratio. */
    body #app .dyn_homepage #js_button_2241 .dynamicBanners_item,
    body #app .dyn_homepage #js_button_2241 .dynamicBanners_img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
    }
    /* The reference transitions from the bottom banner directly to the footer. */
    body #app .dyn_homepage > .dynamic_container:has(.dynamic_featured_content) {
        display: none !important;
    }
}
@media (min-width: 993px) and (max-width: 1199px) {
    body #app .dyn_homepage { width: calc(100% - 48px) !important; }
}

/* Compact spacing below the slider and between category images. */
@media (min-width: 993px) {
    body #app .dyn_homepage > .dynamic_container.billboard_container {
        padding-bottom: 12px !important;
        margin-bottom: 0 !important;
    }
    body #app .dyn_homepage .banners_billboard .dynamicBanners_img {
        display: block !important;
    }
    body #app .dyn_homepage > .dynamic_container:has(#js_card_stream_2201) {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    body #app .dyn_homepage #js_card_stream_2201 > .swiper-wrapper {
        gap: 8px !important;
    }
}

/* Winner tabs: replace the platform's blue border with site theme colors. */
@media (min-width: 993px) {
    body #app .dyn_homepage .home_winners .js_topwinner_category {
        border-color: #34383b !important;
        box-shadow: none !important;
    }
    body #app .dyn_homepage .home_winners .js_topwinner_category.active {
        border-color: transparent !important;
    }
    body #app .dyn_homepage .home_winners .js_topwinner_category:is(:hover, :focus-visible) {
        border-color: #22d3b2 !important;
    }
}

/* Hide the floating desktop social rail. */
@media (min-width: 993px) {
    body #app .social_icons_fixed {
        display: none !important;
    }
}

/* Keep loaded sports widgets visible regardless of their CMS section order. */
@media (min-width: 993px) {
    body #app .dyn_homepage > .dynamic_container:has(sport-prematch, sport-live) {
        display: block !important;
    }
}


/* Amusnet jackpot: supports homepage and lobby widget IDs.
   Match the provider container rather than a single CMS widget number.
   The site's counter values, digit transforms and update timing remain native. */
@media (min-width: 993px) {
    body #app .topJackpot_section:has([id^="js_jacpot_cont_AmusnetJackpot_"]) {
        background: #191c1f !important;
        border: 0;
        border-radius: 6px;
        padding: 16px !important;
    }
    body #app .topJackpot_section:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .rd_header_tabs {
        margin-bottom: 14px !important;
    }
    body #app .topJackpot_section:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .js_jackpot_types {
        padding: 0 !important;
        min-height: 30px;
        background: transparent !important;
        border: 0 !important;
    }
    body #app .topJackpot_section:has([id^="js_jacpot_cont_AmusnetJackpot_"]) :is(.js_jackpot_name, .rd_header_tab_name) {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__container {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__anim {
        max-height: none;
        min-width: 0;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__block:has(.ic_spade) {
        --jp-accent: #cd52ff;
        --jp-card: #6720a6;
        --jp-card-hover: #751fba;
        --jp-deep: #481376;
        --jp-name: 'MAÇA JACKPOT';
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__block:has(.ic_heart) {
        --jp-accent: #ffd400;
        --jp-card: #9d6200;
        --jp-card-hover: #ad6c00;
        --jp-deep: #744800;
        --jp-name: 'KUPA JACKPOT';
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__block:has(.ic_diamond) {
        --jp-accent: #ff35b5;
        --jp-card: #ad145e;
        --jp-card-hover: #c0166a;
        --jp-deep: #7c1043;
        --jp-name: 'KARO JACKPOT';
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__block:has(.ic_club) {
        --jp-accent: #ff852e;
        --jp-card: #b44612;
        --jp-card-hover: #c84e14;
        --jp-deep: #82310d;
        --jp-name: 'SİNEK JACKPOT';
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__block {
        display: flex !important;
        align-items: center !important;
        gap: 10px;
        min-height: 120px;
        padding: 16px 12px !important;
        background: linear-gradient(135deg, var(--jp-deep) 0%, var(--jp-card) 55%, var(--jp-card-hover) 100%) !important;
        border: 0 !important;
        border-radius: 6px;
        box-shadow: none !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpot_icon {
        width: 72px;
        height: 72px;
        flex: 0 0 72px;
        background-size: 72px auto;
        opacity: 1 !important;
        /* The source sprite has translucent suit faces. Zero-offset layers
           fill their alpha without adding a halo or changing the artwork. */
        filter: drop-shadow(0 0 0 var(--jp-accent))
                drop-shadow(0 0 0 var(--jp-accent))
                drop-shadow(0 0 0 var(--jp-accent))
                drop-shadow(0 0 0 var(--jp-accent));
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpot_icon.ic_spade { background-position: 0 0; }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpot_icon.ic_heart { background-position: 0 -78px; }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpot_icon.ic_diamond { background-position: 0 -156.75px; }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpot_icon.ic_club { background-position: 0 -235.5px; }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__content {
        min-width: 0;
        max-width: none;
        flex: 1 1 0;
        row-gap: 3px;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__content::before {
        content: var(--jp-name);
        color: #ffffff;
        font: 500 11px/16px Roboto, Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        white-space: nowrap;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__value {
        font-size: clamp(28px, 2.1vw, 34px) !important;
        font-weight: 700 !important;
        font-variant-numeric: tabular-nums;
        color: #ffffff !important;
        opacity: 1 !important;
        text-shadow: none;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__content > .flex {
        margin: 0 !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__content .top_jackpots__crns {
        font-size: 13px;
        font-weight: 500;
        color: #ffffff !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__content .top_jackpots__crns i {
        font-style: normal;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__anim:hover .top_jackpots__block {
        background: linear-gradient(135deg, var(--jp-deep) 0%, var(--jp-card) 40%, var(--jp-card-hover) 100%) !important;
    }
    /* Winner details inherit the color of their own jackpot card. */
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_content {
        background: var(--jp-card) !important;
        color: #ffffff !important;
        border: 1px solid var(--jp-deep) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        padding: 12px;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_winners {
        background: var(--jp-deep) !important;
        color: #ffffff !important;
        border-radius: 4px !important;
        padding: 9px 12px;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover__game {
        background: transparent !important;
        border-color: var(--jp-card-hover) !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) :is(.top_jackpots__hover_winners__name, .top_jackpots__hover_winners__count,
        .top_jackpots__hover_win__name, .top_jackpots__hover__value, .top_jackpots__hover__value span,
        .top_jackpots__hover_win, .top_jackpots__hover_win__id, .top_jackpots__hover__date) {
        color: #ffffff !important;
        text-shadow: none !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_win__name {
        font-size: 12px;
        font-weight: 500;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover__value > span:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_win {
        gap: 8px;
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 18px;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_btn {
        background: #ffffff !important;
        color: var(--jp-deep) !important;
        border: 1px solid #ffffff !important;
        border-radius: 4px;
        box-shadow: none !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_btn :is(span, i) {
        color: inherit !important;
    }
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__hover_btn:is(:hover, :focus-visible) {
        background: #f1f1f1 !important;
        color: var(--jp-deep) !important;
    }
}
@media (min-width: 993px) and (max-width: 1199px) {
    body #app .jackpot_container:has([id^="js_jacpot_cont_AmusnetJackpot_"]) .top_jackpots__container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Registration dialog follows the desktop charcoal/turquoise theme. */
body #reg_popup {
    --cwRegisterBg: #1f2224;
    --cwRegisterG: #1f2224;
    --cwRegisterBgHover: #292d30;
    --cwRegisterBg2: #292d30;
    --cwRegisterBg2Hover: #343a3d;
    --cwRegisterBg3: #343a3d;
    --cwRegisterBg3Hover: #414649;
    --cwRegisterBorder: #34383b;
    --cwRegisterTxt: #eeeeee;
    --cwRegisterTxt2: #b8c0c4;
    --cwRegisterTxt3: #b8c0c4;
    --cwRegisterAccent: #22d3b2;
    --cwRegisterAccentTxt: #101a18;
    --cwInputBg: #2c3033;
    --cwInputBgHover: #303639;
    --cwInputBorder: #414649;
    --cwInputTxt: #eeeeee;
    --cwInputTxt2: #b8c0c4;
    --cwInputTxt3: #a6afb4;
    --cwInputAccent: #22d3b2;
    --cwButtonBg: #22d3b2;
    --cwButtonG: #22d3b2;
    --cwButtonBgHover: #38dfc0;
    --cwButtonTxt: #101a18;
    --cwButtonBorder: #22d3b2;
    --cwButtonSecondaryBg: #303639;
    --cwButtonSecondaryBgHover: #3a4144;
    --cwButtonSecondaryTxt: #eeeeee;
}
body #reg_popup .dyn_button_next {
    background: #22d3b2 !important;
    color: #101a18 !important;
    border-color: #22d3b2 !important;
}
body #reg_popup .dyn_button_next:hover {
    background: #38dfc0 !important;
    border-color: #38dfc0 !important;
}
body #reg_popup :is(.dyn_input, .dyn_select):focus {
    border-color: #22d3b2 !important;
}

/* Compact the Bonus Talep Et / Çarkıfelek / Mobil Uygulama row. */
@media (min-width: 993px) {
    body #app .dyn_homepage > .dynamic_container:has(#js_button_2200) {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    body #app .dyn_homepage #js_button_2200 {
        gap: 8px !important;
    }
    body #app .dyn_homepage #js_button_2200 .dynamicBanners_img {
        display: block;
        height: auto !important;
        aspect-ratio: auto !important;
        max-height: none !important;
    }
}