/* /slots lobby + search modal redesign */
.slot_favorite_btn {
            position: absolute;
            top: 8px;
            right: 8px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.72);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 19px;
            line-height: 1;
            cursor: pointer;
            z-index: 4;
            transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
        }
        .slot_favorite_btn:hover {
            background: rgba(0, 0, 0, 0.9);
            transform: scale(1.04);
        }
        .slot_favorite_btn.active {
            color: #ff4e74;
        }
        .slots-layout-v2 .slot_favorite_btn {
            opacity: 0;
            pointer-events: none;
            transform: scale(0.92);
            transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
        }
        .slots-layout-v2 .slots-lobby-card:hover .slot_favorite_btn,
        .slots-layout-v2 .slots-lobby-card:focus-within .slot_favorite_btn {
            opacity: 1;
            pointer-events: auto;
            transform: scale(1);
        }
        .slots-layout-v2 .slot_favorite_btn.active {
            opacity: 1;
            pointer-events: auto;
            transform: scale(1);
        }
        @media (hover: none) and (pointer: coarse) {
            .slots-layout-v2 .slot_favorite_btn {
                opacity: 0.9;
                pointer-events: auto;
                transform: scale(1);
            }
        }
        .slots-card-overlay {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 8px;
            padding: 14px 10px 12px;
            background: linear-gradient(180deg, rgba(7, 8, 17, 0) 30%, rgba(7, 8, 17, 0.88) 100%);
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.2s ease, transform 0.2s ease;
            z-index: 2;
            pointer-events: none;
        }
        .slots-layout-v2 .slots-lobby-card:hover .slots-card-overlay,
        .slots-layout-v2 .slots-lobby-card:focus .slots-card-overlay,
        .slots-layout-v2 .slots-lobby-card:focus-within .slots-card-overlay {
            opacity: 1;
            transform: translateY(0);
        }
        .slots-card-overlay__title {
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.2;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .slots-card-overlay__demo {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: stretch;
            min-height: 34px;
            padding: 0 12px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.14);
            border: 1px solid rgba(255, 255, 255, 0.22);
            color: #fff;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.05em;
            pointer-events: auto;
            cursor: pointer;
            transition: background 0.2s ease, transform 0.2s ease;
        }
        .slots-card-overlay__demo:hover {
            background: rgba(255, 255, 255, 0.24);
            transform: translateY(-1px);
        }
        .slot_panel_favorite_btn {
            color: #fff;
        }
        .slot_panel_favorite_btn.active {
            color: #ff4e74 !important;
            display: contents;
        }
        .slots-header-favorite-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.06);
            color: #ff4e74;
            border: none;
            cursor: pointer;
            font-size: 20px;
            position: relative;
            overflow: visible;
            flex-shrink: 0;
            transition: background 0.2s ease;
        }
        .slots-header-favorite-btn:hover {
            background: rgba(255, 255, 255, 0.12);
        }
        .slots-header-favorite-count {
            position: absolute;
            top: -2px;
            right: -2px;
            min-width: 18px;
            height: 18px;
            border-radius: 999px;
            background: #ff4e74;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 4px;
            border: 2px solid #0a0a0a;
            box-sizing: border-box;
            z-index: 1;
        }
        .slots-header-favorite-count:empty {
            display: none;
        }
        #favorite_slots_modal_overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.65);
            z-index: 9998;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        #favorite_slots_modal_overlay.show {
            display: flex;
        }
        #favorite_slots_modal {
            background: #1c1c22;
            border-radius: 18px;
            max-width: 420px;
            width: 100%;
            max-height: 80vh;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
        }
        #favorite_slots_modal .favorite_modal_header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        #favorite_slots_modal .favorite_modal_title {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            margin: 0;
        }
        #favorite_slots_modal .favorite_modal_close {
            width: 36px;
            height: 36px;
            border: none;
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            cursor: pointer;
            border-radius: 999px;
            font-size: 20px;
            line-height: 1;
        }
        #favorite_slots_modal .favorite_modal_close:hover {
            background: rgba(255, 255, 255, 0.18);
        }
        #favorite_slots_modal .favorite_modal_body {
            padding: 16px;
            overflow-y: auto;
            flex: 1;
        }
        #favorite_slots_modal .favorite_modal_empty {
            color: rgba(255, 255, 255, 0.6);
            text-align: center;
            padding: 24px 16px;
        }
        #favorite_slots_modal .favorite_slot_item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 12px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.05);
            margin-bottom: 8px;
            color: #fff;
            transition: background 0.2s;
        }
        #favorite_slots_modal .favorite_slot_item:hover {
            background: rgba(255, 255, 255, 0.1);
        }
        #favorite_slots_modal .favorite_slot_item_link {
            display: flex;
            align-items: center;
            gap: 12px;
            flex: 1;
            text-decoration: none;
            color: inherit;
            min-width: 0;
        }
        #favorite_slots_modal .favorite_slot_item img {
            width: 56px;
            height: 56px;
            object-fit: cover;
            border-radius: 8px;
            flex-shrink: 0;
        }
        #favorite_slots_modal .favorite_slot_item span {
            flex: 1;
            font-weight: 600;
            min-width: 0;
        }
        #favorite_slots_modal .favorite_slot_item .play_tiny {
            font-size: 12px;
            color: #3a7ce6;
            flex-shrink: 0;
        }
        #favorite_slots_modal .favorite_slot_remove {
            width: 28px;
            height: 28px;
            border: none;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.15);
            color: #fff;
            font-size: 18px;
            line-height: 1;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        #favorite_slots_modal .favorite_slot_remove:hover {
            background: rgba(231, 76, 60, 0.85);
        }

        .slots-page-wrapper {
            width: 100%;
            box-sizing: border-box;

        }
        .slots-page-wrapper .slots-layout-v2,
        .slots-page-wrapper .slots-layout-v2 * {
            box-sizing: border-box;
        }
        .slots-layout-v2 {
            width: 100%;
            max-width: 100%;
            padding: 0;
            min-width: 0;
        }
        .slots_main.slots-layout-v2 {
            width: 100%;
            padding: 0;
        }
        .slots-lobby-shell {
            width: 100%;
            min-width: 0;
        }
        .slots-layout-v2 .slots-lobby-card {
            position: relative;
            overflow: hidden;
            display: block;
            width: 100%;
            height: auto;
            min-height: 0;
            aspect-ratio: 0.75;
            padding: 0;
            border-radius: 16px;
            flex-shrink: 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        .slots-lobby-tabs-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
            min-width: 0;
            overflow: visible;
        }
        .slots-lobby-back-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            text-decoration: none;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            opacity: 0.9;
        }
        .slots-lobby-back-link:hover {
            opacity: 1;
        }

        .slots-lobby-hero {

            border-radius: 20px;
            margin-bottom: 16px;
        }
        .slots-lobby-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 0;
            min-width: 0;
            flex: 1 1 auto;
        }
        .slots-lobby-tabs-actions {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex: 0 0 auto;
            margin-left: auto;
            padding: 4px 4px 0 0;
            overflow: visible;
        }
        .slots-lobby-tab {
            border: none;
            cursor: pointer;
            padding: 10px 16px;
            border-radius: 999px;
            font-size: 14px;
            font-weight: 700;
            color: #f0f1f6;
            background: #232329;
            transition: background 0.2s ease;
        }
        .slots-lobby-tab:hover {
            background: #2b2b33;
        }
        .slots-lobby-tab.is-active {
                background: var(--global-brand);
                color: black;
        }
        .slots-lobby-hero-grid {
            /* Высота баннера от ширины (пропорции), чтобы при узкой main (раскрытый сайдбар) он уменьшался, а не ломал вёрстку */
            --slots-hero-aspect-w: 2.45;
            --slots-hero-aspect-h: 1;
            display: grid;
            grid-template-columns: minmax(0, 2fr) minmax(min(100%, 220px), 1fr);
            align-items: stretch;
            gap: 12px;
            margin-bottom: 12px;
            min-width: 0;
        }
        .slots-hero-swiper {
            width: 100%;
            height: auto;
            aspect-ratio: var(--slots-hero-aspect-w) / var(--slots-hero-aspect-h);
            min-height: 128px;
            max-height: min(320px, 55vw);
            border-radius: 18px;
            overflow: hidden;
        }
        .slots-hero-swiper .swiper-wrapper,
        .slots-hero-swiper .swiper-slide {
            height: 100%;
        }
        .slots-hero-swiper .swiper-pagination {
            left: auto !important;
            right: 16px;
            bottom: 12px;
            width: auto;
            display: flex;
            justify-content: flex-end;
            gap: 6px;
            transform: none;
        }
        .slots-hero-swiper .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.52);
            opacity: 1;
        }
        .slots-hero-swiper .swiper-pagination-bullet-active {
            background: #fff;
            width: 20px;
        }
        .slots-hero-slide {
            min-height: 0;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 22px 26px 16px;
            background-size: cover;
            background-position: center;
            position: relative;
            box-sizing: border-box;
        }
        .slots-hero-slide::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(5, 7, 22, 0.92) 0%, rgba(5, 7, 22, 0.6) 38%, rgba(5, 7, 22, 0.18) 100%);
        }
        .slots-hero-slide__content {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 46%;
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .slots-hero-slide__title {
            color: #fff;
            font-size: 30px;
            line-height: 1.18;
            font-weight: 800;
            margin: 0;
            padding: 0;
        }
        .slots-hero-slide__btn {
            border: none;
            cursor: pointer;
            border-radius: 12px;
            background: #fff;
            color: #121212;
            padding: 11px 18px;
            font-size: 14px;
            font-weight: 700;
            line-height: 1;
            margin-top: auto;
            flex-shrink: 0;
        }
        .slots-lobby-featured {
            border-radius: 18px;
            padding: 0;
            background: #121218;
            position: relative;
            overflow: hidden;
            min-height: 0;
            height: 100%;
            align-self: stretch;
            display: flex;
            flex-direction: column;
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
        }
        .slots-lobby-featured__poster {
            position: absolute;
            inset: 0;
            z-index: 0;
        }
        .slots-lobby-featured__poster img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
            display: block;
            transform: scale(1.02);
        }
        .slots-lobby-featured__shade {
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                linear-gradient(180deg, rgba(8, 8, 12, 0.55) 0%, rgba(8, 8, 12, 0.15) 38%, rgba(8, 8, 12, 0.82) 100%),
                linear-gradient(135deg, rgba(255, 79, 133, 0.18) 0%, rgba(255, 22, 60, 0.08) 100%);
            pointer-events: none;
        }
        .slots-lobby-featured__inner {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            gap: 12px;
            padding: 14px;
            min-height: 100%;
        }
        .slots-lobby-featured__head {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .slots-lobby-featured__badge {
            align-self: flex-start;
            padding: 5px 10px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.12);
            border: 1px solid rgba(255, 255, 255, 0.16);
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }
        .slots-lobby-featured__title {
            color: #fff;
            font-size: 16px;
            font-weight: 800;
            line-height: 1.15;
            margin: 0;
            text-align: left;
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
        }
        .slots-lobby-featured__game {
            margin: auto 0;
            padding: 10px 0 4px;
            text-align: center;
        }
        .slots-lobby-featured__game-name {
            margin: 0;
            color: #fff;
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
            text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
        }
        .slots-lobby-featured__provider {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            margin: 8px auto 0;
            padding: 5px 10px;
            border-radius: 999px;
            background: rgba(0, 0, 0, 0.35);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: rgba(255, 255, 255, 0.92);
            font-size: 11px;
            font-weight: 700;
            backdrop-filter: blur(6px);
        }
        .slots-lobby-featured__provider img {
            width: 16px;
            height: 16px;
            object-fit: contain;
        }
        .slots-lobby-featured__play {
            width: 100%;
            border: none;
            cursor: pointer;
            border-radius: 12px;
            background: #fff;
            color: #18181d;
            min-height: 40px;
            padding: 10px 14px;
            font-size: 13px;
            font-weight: 800;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .slots-lobby-featured__play:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
        }
        .slots-lobby-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 230px;
            gap: 10px;
            margin-bottom: 12px;
            min-width: 0;
        }
        .slots-lobby-trigger {
            min-height: 48px;
            width: 100%;
            border: none;
            border-radius: 12px;
            background: #242428;
            color: rgba(255, 255, 255, 0.82);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 0 16px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            justify-content: flex-start;
            min-width: 0;
            text-align: left;
        }
        .slots-lobby-trigger:hover {
            background: #2c2c32;
        }
        .slots-lobby-trigger__ghost {
            color: rgba(255, 255, 255, 0.7);
        }
        .slots-lobby-toolbar .provfix {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .slots-view-filters {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            max-width: 100%;
            min-width: 0;
            margin: 0 -2px;
            padding: 0 2px 4px;
            padding-bottom: 4px;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .slots-view-filters::-webkit-scrollbar {
            display: none;
        }
        .slots-view-filter {
            flex: 0 0 auto;
            border: none;
            cursor: pointer;
            border-radius: 12px;
            background: #242428;
            color: #f5f5f7;
            padding: 10px 14px;
            min-height: 40px;
            font-size: 13px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: background 0.2s ease;
        }
        .slots-view-filter:hover {
            background: #303038;
        }
        .slots-view-filter.is-active {
            background: var(--global-brand);
            color: black;
        }
        .slots-view-filter__dot {
            display: none;
        }

        /* Режим категории (?chip=): все карточки сразу, без отдельной полосы-скролла */
        .slots-layout-v2 .slots-chip-category {
            width: 100%;
            min-width: 0;
        }
        .slots-layout-v2 .slots-chip-category__tiles {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            width: 100%;
            max-width: 100%;
            min-width: 0;
        }
        .slots-layout-v2 .slots-chip-category__tiles .slots-lobby-card {
            flex: 0 0 auto;
            width: clamp(112px, 12.4vw, 126px);
        }

        .slots-all-grid-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 14px;
            margin-top: 22px;
            padding-bottom: 8px;
        }
        .slots-all-grid-footer__progress {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            color: rgba(245, 245, 247, 0.72);
        }
        .slots-all-grid-footer__more {
            border: none;
            cursor: pointer;
            border-radius: 12px;
            background: #242428;
            color: #f5f5f7;
            padding: 12px 22px;
            min-height: 44px;
            font-size: 14px;
            font-weight: 700;
            transition: background 0.2s ease;
        }
        .slots-all-grid-footer__more:hover {
            background: #303038;
        }
        .slots-all-grid-footer__more:disabled {
            opacity: 0.55;
            cursor: default;
        }

        .slots-lobby-grid-wrap {
            display: grid;
            gap: 18px;
            width: 100%;
            min-width: 0;
        }
        .slots-lobby-section {
            width: 100%;
            border-radius: 18px;
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
            min-width: 0;
        }
        .slots-lobby-section .gx-row,
        .slots-lobby-section__head {
            align-items: center;
            margin-bottom: 10px;
            gap: 12px;
            flex-wrap: wrap;
            min-width: 0;
        }
        .slots-lobby-section .gx-con {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }
        .slots-lobby-section .gx-con--strip-head-actions {
            margin-left: auto;
            gap: 10px;
            max-width: 100%;
            flex-shrink: 0;
        }
        .slots-lobby-section .title {
            min-width: 0;
        }
        .slots-lobby-section .title span,
        .slots-lobby-section .title a {
            color: #fff;
            font-size: 15px;
            font-weight: 800;
            text-decoration: none;
            min-width: 0;
        }
        .slots-lobby-section .fullvers {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 9px 14px;
            border-radius: 12px;
            background: #2b2b31;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none;
        }
        .slots-lobby-section__icon {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            position: relative;
            background: rgba(255, 255, 255, 0.15);
        }
        .slots-lobby-section__icon::before {
            color: #fff;
            font-size: 10px;
            font-weight: 800;
        }
        .slots-lobby-section__icon--brand::before { content: "S"; }
        .slots-lobby-section__icon--spark::before { content: "+"; }
        .slots-lobby-section__icon--live::before { content: "L"; }
        .slots-lobby-section__icon--mask::before { content: "S"; }
        .slots-lobby-section__icon--flash::before { content: "N"; }
        .slots-lobby-section__icon--star::before { content: "*"; }
        .slots-lobby-section__icon--fish::before { content: "F"; }
        .slots-lobby-section__icon--drop::before { content: "D"; }
        .slots-lobby-section .slots-lobby-strip {
            display: flex;
            flex-wrap: nowrap;
            grid-template-columns: unset;
            -ms-grid-columns: unset;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            gap: 10px;
            width: 100%;
            max-width: 100%;
            min-width: 0;
            padding-bottom: 4px;
        }
        .slots-lobby-section .slots-lobby-strip::-webkit-scrollbar {
            display: none;
            height: 0;
        }
        .slots-layout-v2 .slots-games-strip-fade-wrap {
            position: relative;
            width: 100%;
            max-width: 100%;
            min-width: 0;
        }
        .slots-layout-v2 .slots-games-strip-fade-wrap::after {
            display: none;
        }
        .slots-layout-v2 .slots-games-strip-fade-wrap:not(.slots-strip-fade--end) .slots-lobby-strip,
        .slots-layout-v2 .slots-games-strip-fade-wrap:not(.slots-strip-fade--end) [data-games-strip] {
            -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 56px), transparent 100%);
            mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 56px), transparent 100%);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
        }
        .slots-layout-v2 .slots-games-strip-fade-wrap.slots-strip-fade--end .slots-lobby-strip,
        .slots-layout-v2 .slots-games-strip-fade-wrap.slots-strip-fade--end [data-games-strip] {
            -webkit-mask-image: none;
            mask-image: none;
        }
        .slots-lobby-section .slots-lobby-strip .slots-lobby-card {
            flex: 0 0 auto;
            width: clamp(112px, 12.4vw, 180px);
        }
        .games-strip-nav__btn {
            width: 32px;
            height: 32px;
            border-radius: 10px;
            border: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #2b2b31;
            color: #fff;
        }
        .games-strip-nav__btn:disabled {
            opacity: 0.3;
            cursor: default;
        }

        .slots-lobby-promo {
            border-radius: 18px;
            background: linear-gradient(90deg, #b3008c 0%, #d213a6 38%, #ff2aa2 100%);
            padding: 22px;
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
            gap: 18px;
            overflow: hidden;
            position: relative;
            min-width: 0;
        }
        .slots-lobby-promo::after {
            display: none;
        }
        .slots-lobby-promo__title {
            color: rgba(255, 255, 255, 0.95);
            font-size: 18px;
            font-weight: 700;
            margin: 0 0 6px;
        }
        .slots-lobby-promo__amount {
            color: #fff;
            font-size: clamp(30px, 4vw, 42px);
            line-height: 1;
            font-weight: 900;
            margin: 0 0 18px;
            word-break: break-word;
        }
        .slots-lobby-promo__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
            cursor: pointer;
            border-radius: 12px;
            background: #fff;
            color: #161616;
            padding: 12px 18px;
            font-size: 14px;
            font-weight: 800;
        }
        .slots-lobby-promo__games {
            display: flex;
            align-items: stretch;
            gap: 10px;
            justify-content: flex-end;
            overflow: hidden;
            min-width: 0;
        }
        .slots-lobby-promo__games .slots-lobby-card {
            width: clamp(92px, 10vw, 112px);
            flex: 0 0 auto;
        }

        .slots-provider-active {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #242428;
            border-radius: 14px;
            color: #fff;
            padding: 10px 14px;
            margin-bottom: 14px;
            font-size: 14px;
            font-weight: 700;
            max-width: 100%;
            flex-wrap: wrap;
        }
        .slots-provider-active img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }
        .slots-provider-active__clear {
            width: 24px;
            height: 24px;
            border: none;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.08);
            color: #fff;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 4px;
            font-size: 16px;
        }
        .slots-provider-grid {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 10px;
            width: 100%;
            max-width: 100%;
            min-width: 0;
            align-items: start;
        }
        .slots-provider-grid .slots-lobby-card {
            width: 100%;
        }
        .slots-empty-state {
            border-radius: 18px;
            background: #18181d;
            padding: 40px 28px;
            text-align: center;
            color: rgba(255, 255, 255, 0.72);
            font-size: 15px;
            font-weight: 600;
        }

        .slots-search-modal {
            position: fixed;
            inset: 0;
            z-index: 10040;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .slots-search-modal.is-open {
            display: flex;
        }

        .slots-section-modal {
            position: fixed;
            inset: 0;
            z-index: 10050;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .slots-section-modal.is-open {
            display: flex;
        }
        .slots-section-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.72);
        }
        .slots-section-modal__panel {
            position: relative;
            width: min(100%, 920px);
            height: min(90vh, 820px);
            max-height: min(90vh, 820px);
            background: #fff;
            border-radius: 28px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
            min-width: 0;
        }
        .slots-section-modal__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 28px 16px;
            flex-shrink: 0;
        }
        .slots-section-modal__title {
            color: #111;
            font-size: 24px;
            font-weight: 800;
            margin: 0;
        }
        .slots-section-modal__close {
            width: 34px;
            height: 34px;
            border: none;
            cursor: pointer;
            border-radius: 10px;
            background: transparent;
            color: #666;
            font-size: 26px;
            line-height: 1;
        }
        .slots-section-modal__close:hover {
            background: #f3f4f7;
        }
        .slots-section-modal__body {
            flex: 1;
            overflow-y: auto;
            padding: 0 28px 8px;
            min-height: 0;
        }
        .slots-section-modal__grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 12px;
        }
        .slots-section-modal__grid .slots-lobby-card {
            width: 100%;
        }
        .slots-section-modal__grid.is-hidden {
            display: none;
        }
        .slots-section-modal__empty {
            padding: 48px 16px;
            text-align: center;
            color: #666;
            font-size: 15px;
        }
        .slots-section-modal__empty.is-hidden {
            display: none;
        }
        .slots-section-modal__footer {
            flex-shrink: 0;
            padding: 16px 28px 24px;
            border-top: 1px solid #eceef2;
            text-align: center;
        }
        .slots-section-modal__footer.is-hidden {
            display: none;
        }
        .slots-section-modal__progress {
            margin: 0 0 12px;
            color: #666;
            font-size: 14px;
        }
        .slots-section-modal__more {
            min-width: 220px;
            min-height: 44px;
            border: none;
            border-radius: 12px;
            background: #111;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
        }
        .slots-section-modal__more:hover:not(:disabled) {
            background: #222;
        }
        .slots-section-modal__more:disabled {
            opacity: 0.55;
            cursor: not-allowed;
        }

        .slots-search-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.72);
        }
        .slots-search-modal__panel {
            position: relative;
            width: min(100%, 660px);
            height: min(88vh, 760px);
            max-height: min(88vh, 760px);
            background: #fff;
            border-radius: 28px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
            min-width: 0;
        }
        .slots-search-modal__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 28px 12px;
        }
        .slots-search-modal__title {
            color: #111;
            font-size: 24px;
            font-weight: 800;
            margin: 0;
        }
        .slots-search-modal__close {
            width: 34px;
            height: 34px;
            border: none;
            cursor: pointer;
            border-radius: 10px;
            background: transparent;
            color: #666;
            font-size: 26px;
            line-height: 1;
        }
        .slots-search-modal__close:hover {
            background: #f3f4f7;
        }
        .slots-search-modal__tabs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            margin: 0 28px 14px;
            padding: 4px;
            background: #f0f1f5;
            border-radius: 16px;
        }
        .slots-search-modal__tab {
            border: none;
            cursor: pointer;
            border-radius: 12px;
            min-height: 42px;
            font-size: 15px;
            font-weight: 700;
            color: #222;
            background: transparent;
        }
        .slots-search-modal__tab.is-active {
            background: #e7e9ee;
        }
        .slots-search-modal__search {
            margin: 0 28px 18px;
            background: #f5f6f8;
            border-radius: 14px;
            min-height: 44px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 0 14px;
        }
        .slots-search-modal__search input {
            flex: 1;
            border: none;
            background: transparent;
            font-size: 15px;
            color: #111;
            outline: none;
        }
        .slots-search-modal__search input::placeholder {
            color: #83868f;
        }
        .slots-search-modal__search-clear {
            width: 28px;
            height: 28px;
            border: none;
            border-radius: 999px;
            background: #d7dae2;
            color: #5c6170;
            font-size: 18px;
            line-height: 1;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            display: none;
        }
        .slots-search-modal__search-clear.is-visible {
            display: inline-flex;
        }
        .slots-search-modal__body {
            padding: 0 28px 24px;
            overflow-y: auto;
            flex: 1;
            min-width: 0;
            scrollbar-gutter: stable;
        }
        .slots-search-modal__body.is-hidden {
            display: none;
        }
        .slots-search-section {
            margin-bottom: 24px !important;
        }
        .slots-search-section .gx-row {
            margin-bottom: 10px;
        }
        .slots-search-section .slots-lobby-section__icon::before,
        .slots-search-section .title span,
        .slots-search-section .title a,
        .slots-search-section .fullvers,
        .slots-search-section .games-strip-nav__btn {
            color: #111;
        }
        .slots-search-section .fullvers,
        .slots-search-section .games-strip-nav__btn {
            background: #f1f2f6;
        }
        .slots-search-section .slots-lobby-strip .slots-lobby-card {
            width: clamp(100px, 16vw, 108px);
        }
        .slots-search-provider-group {
            margin-bottom: 24px;
        }
        .slots-search-provider-group__title {
            display: inline-flex;
            align-items: center;
            padding: 4px 10px;
            border-radius: 999px;
            background: #f0f1f5;
            color: #111;
            font-size: 13px;
            font-weight: 800;
            margin-bottom: 12px;
        }
        .slots-search-provider-group__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            min-width: 0;
        }
        .slots-search-provider-card {
            border: none;
            cursor: pointer;
            border-radius: 18px;
            background: #f5f6f8;
            min-height: 118px;
            padding: 14px 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap: 10px;
            color: #111;
            font-weight: 700;
            font-size: 15px;
            min-width: 0;
        }
        .slots-search-provider-card:hover {
            background: #eceef3;
        }
        .slots-search-provider-card__logo {
            width: 100%;
            min-height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .slots-search-provider-card__logo img {
            max-width: 140px;
            max-height: 32px;
            object-fit: contain;
        }
        .slots-search-provider-card__label {
            font-size: 14px;
            font-weight: 700;
            line-height: 1.2;
            word-break: break-word;
        }
        .slots-search-provider-group.is-hidden {
            display: none;
        }
        .slots-search-empty-state {
            display: none;
            padding: 8px 0 4px;
        }
        .slots-search-empty-state.is-visible {
            display: block;
        }
        .slots-search-empty-state__hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 8px 0 22px;
        }
        .slots-search-empty-state__icon {
            width: 88px;
            height: 88px;
            color: #5f6473;
            margin-bottom: 10px;
        }
        .slots-search-empty-state__title {
            font-size: 20px;
            line-height: 1.15;
            font-weight: 800;
            color: #111;
            margin: 0 0 8px;
        }
        .slots-search-empty-state__text {
            max-width: 320px;
            font-size: 15px;
            line-height: 1.45;
            color: #666d7b;
            margin: 0 0 18px;
        }
        .slots-search-empty-state__button {
            min-height: 48px;
            border: none;
            border-radius: 16px;
            padding: 0 26px;
            background: linear-gradient(135deg, #0d6efd 0%, #1f8cff 100%);
            color: #fff;
            font-size: 15px;
            font-weight: 800;
            cursor: pointer;
            box-shadow: 0 12px 24px rgba(17, 108, 255, 0.24);
        }
        .slots-search-empty-state__suggestions-title {
            color: #111;
            font-size: 16px;
            font-weight: 800;
            margin: 0 0 14px;
        }
        .slots-search-empty-state__games-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 12px;
        }
        .slots-search-empty-state__games-grid .slots-lobby-card {
            width: 100%;
        }
        .slots-search-dynamic-results {
            padding: 0 16px 16px;
        }
        .slots-search-dynamic-results.is-hidden {
            display: none;
        }
        .slots-search-dynamic-results__grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 12px;
        }
        .slots-search-dynamic-results__grid .slots-lobby-card {
            width: 100%;
        }
        .slots-search-dynamic-results__more {
            margin-top: 12px;
            text-align: center;
            color: rgba(255, 255, 255, 0.55);
            font-size: 13px;
        }
        .slots-search-empty-state--providers {
            padding-top: 12px;
        }

        .slots-page-msg {
            border-radius: 18px;
            background: #18181d;
            padding: 28px;
            text-align: center;
            color: rgba(255, 255, 255, 0.78);
            font-size: 15px;
            font-weight: 600;
        }
        .slots-page-msg a {
            color: #4ca2ff;
        }

        @media (max-width: 1120px) {
            .slots-page-wrapper {
            }
            .slots-lobby-hero-grid {
                grid-template-columns: 1fr;
            }
            .slots-lobby-featured {
                height: auto;
                min-height: 240px;
            }
            .slots-hero-swiper {
                max-height: min(280px, 70vw);
            }
            .slots-lobby-promo {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            .slots-lobby-promo__games {
                justify-content: flex-start;
                overflow-x: auto;
                padding-bottom: 4px;
            }
            .slots-provider-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }
        @media (max-width: 768px) {
            .slots-page-wrapper {

            }
            .slots-lobby-tabs-row {
                align-items: flex-start;
                flex-wrap: wrap;
            }
            .slots-lobby-back-link span {
                display: none;
            }
            .slots-lobby-hero {
            }
            .slots-hero-slide {
                padding: 18px;
            }
            .slots-hero-slide__content {
                max-width: 58%;
            }
            .slots-hero-slide__title {
                font-size: 18px;
            }

            .slots-lobby-toolbar {
                grid-template-columns: 1fr 1fr;
            }
            .slots-lobby-section .slots-lobby-strip .slots-lobby-card,
            .slots-chip-category__tiles .slots-lobby-card,
            .slots-provider-grid .slots-lobby-card {
                min-height: 0;
            }
            .slots-lobby-promo {
                padding: 18px;
            }
            .slots-lobby-promo__games {
                justify-content: flex-start;
                overflow-x: auto;
                padding-bottom: 4px;
            }
            .slots-search-modal {
                padding: 0;
                align-items: flex-end;
            }
            .slots-search-modal__panel {
                width: 100%;
                height: 92vh;
                max-height: 92vh;
                border-radius: 24px 24px 0 0;
            }
            .slots-search-modal__header,
            .slots-search-modal__search,
            .slots-search-modal__body {
                padding-left: 20px;
                padding-right: 20px;
            }
            .slots-search-modal__tabs {
                margin-left: 20px;
                margin-right: 20px;
            }
            .slots-search-provider-group__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .slots-search-empty-state__games-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-search-dynamic-results__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-section-modal__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-provider-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            /* Три слота в видимой части горизонтальной полосы (gap полосы 10px) */
            .slots-lobby-section .slots-lobby-strip .slots-lobby-card,
            .slots-search-section .slots-lobby-strip .slots-lobby-card {
                flex: 0 0 calc((100% - 20px) / 3);
                width: calc((100% - 20px) / 3);
                max-width: calc((100% - 20px) / 3);
                min-width: 0;
            }
            .slots-layout-v2 .slots-chip-category__tiles .slots-lobby-card {
                flex: 0 0 calc((100% - 20px) / 3);
                width: calc((100% - 20px) / 3);
                max-width: calc((100% - 20px) / 3);
                min-width: 0;
            }
            .slots-lobby-promo__games .slots-lobby-card {
                flex: 0 0 calc((100% - 20px) / 3);
                width: calc((100% - 20px) / 3);
                max-width: calc((100% - 20px) / 3);
                min-width: 0;
            }
        }
        @media (max-width: 520px) {
            .slots-lobby-tabs-row {
                align-items: center;
            }
            .slots-lobby-tabs {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                flex: 1 1 100%;
            }
            .slots-lobby-tab {
                justify-content: center;
                padding: 10px 8px;
                font-size: 13px;
            }
            .slots-lobby-tabs-actions {
                width: 100%;
                justify-content: flex-end;
            }

            .slots-hero-slide__content {
                max-width: 100%;
            }
            .slots-lobby-section .gx-con--strip-head-actions {
                align-items: center;
            }
            .slots-provider-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-search-empty-state__games-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-search-dynamic-results__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-section-modal__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-search-modal__header,
            .slots-search-modal__search,
            .slots-search-modal__body {
                padding-left: 16px;
                padding-right: 16px;
            }
            .slots-search-modal__tabs {
                margin-left: 16px;
                margin-right: 16px;
            }
        }
        @media (max-width: 420px) {
            .slots-page-wrapper {
            }
            .slots-lobby-topbar__actions {
                width: 100%;
                justify-content: space-between;
            }
            .slots-provider-active {
                display: flex;
                width: 100%;
                justify-content: flex-start;
            }
            .slots-search-provider-group__grid {
                grid-template-columns: 1fr;
            }
            .slots-search-empty-state__games-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-search-dynamic-results__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .slots-section-modal__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
    
/* =============================================================================
   Slots lobby redesign overlay — tokens from :root, display
   ============================================================================= */
.slots-page-wrapper {
  --slx-text: rgba(255, 255, 255, 0.92);
  --slx-muted: rgba(255, 255, 255, 0.55);
  --slx-faint: rgba(255, 255, 255, 0.32);
  --slx-strip-fade-width: 56px;
  position: relative;
  padding: 0 0 24px !important;
  max-width: 100%;
  margin: 0 auto;
}

.slots-page-wrapper .slots_main,
.slots-page-wrapper .slots_main.slots-layout-v2 {
  padding: 0 !important;
  border-radius: 0;
}

.slots-page-wrapper::before {
  display: none;
}

.slots-page-wrapper > * {
  position: relative;
  z-index: 1;
}

@keyframes slx-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.slots-lobby-hero {
  animation: slx-rise 0.4s ease both;
  border-radius: var(--global-border-radius, 20px) !important;
  padding: 18px 18px 16px !important;
  margin-bottom: 18px !important;
  background: var(--bg-secondary, #1a1b1e) !important;
  border: 1px solid var(--base-alfa-neutral);
  box-shadow: none;
}

.slots-lobby-brand {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.slots-lobby-brand__title {
  margin: 0;
  font-family: inherit;
  font-weight: 800;
  font-size: clamp(24px, 3.4vw, 34px);
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #fff;
}

.slots-lobby-brand__title span {
  color: var(--global-brand);
}

.slots-lobby-brand__sub {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--slx-muted);
  max-width: 42ch;
}

.slots-lobby-tabs-row {
  margin-bottom: 14px !important;
}

.slots-lobby-tab {
  border-radius: var(--mini-border-radius, 10px) !important;
  background: var(--under-seconadary) !important;
  color: var(--slx-muted) !important;
  font-weight: 700 !important;
  padding: 9px 14px !important;
}

.slots-lobby-tab:hover {
  background: var(--base-alfa-neutral-hover) !important;
  color: #fff !important;
}

.slots-lobby-tab.is-active {
  background: var(--global-brand) !important;
  color: #04140a !important;
}

.slots-header-favorite-btn {
  background: var(--under-seconadary) !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  width: 42px !important;
  height: 42px !important;
}

.slots-lobby-back-link {
  color: var(--slx-muted) !important;
  font-size: 13px !important;
}
.slots-lobby-back-link:hover { color: #fff !important; }

.slots-hero-swiper {
  border-radius: var(--global-border-radius, 20px) !important;
  border: 1px solid var(--base-alfa-neutral);
}

.slots-hero-slide::before {
  background: linear-gradient(100deg, rgba(5, 10, 8, 0.92) 0%, rgba(5, 10, 8, 0.55) 42%, rgba(5, 10, 8, 0.12) 100%) !important;
}

.slots-hero-slide__title {
  font-family: inherit !important;
  font-size: clamp(18px, 2.4vw, 28px) !important;
  letter-spacing: -0.02em;
}

.slots-hero-slide__btn {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  font-weight: 800 !important;
  transition: background 0.15s ease, transform 0.15s ease;
}
.slots-hero-slide__btn:hover {
  background: var(--global-lime) !important;
  transform: translateY(-1px);
}

.slots-hero-swiper .swiper-pagination-bullet-active {
  background: var(--global-brand) !important;
  width: 22px !important;
}

.slots-lobby-featured {
  border-radius: var(--global-border-radius, 20px) !important;
  border: 1px solid var(--base-alfa-neutral) !important;
  box-shadow: none !important;
}

.slots-lobby-featured__shade {
  background: linear-gradient(180deg, rgba(8, 12, 10, 0.45) 0%, rgba(8, 12, 10, 0.1) 40%, rgba(8, 12, 10, 0.88) 100%) !important;
}

.slots-lobby-featured__badge {
  background: color-mix(in srgb, var(--global-brand) 22%, transparent) !important;
  border-color: color-mix(in srgb, var(--global-brand) 40%, transparent) !important;
  color: var(--global-lime) !important;
  font-family: inherit;
  letter-spacing: 0.06em;
}

.slots-lobby-featured__title {
  font-family: inherit !important;
  font-size: 18px !important;
}

.slots-lobby-featured__play {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  box-shadow: none !important;
}
.slots-lobby-featured__play:hover {
  background: var(--global-lime) !important;
}

.slots-lobby-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.slots-lobby-trigger {
  min-height: 50px !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  background: var(--under-seconadary) !important;
  border: 1px solid var(--base-alfa-neutral);
  color: var(--slx-muted) !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.slots-lobby-trigger:hover {
  background: var(--base-alfa-neutral-hover) !important;
  border-color: color-mix(in srgb, var(--global-brand) 35%, transparent);
  color: #fff !important;
}
.slots-lobby-trigger.btnSlots {
  justify-content: center !important;
  background: color-mix(in srgb, var(--global-brand) 14%, var(--under-seconadary)) !important;
  border-color: color-mix(in srgb, var(--global-brand) 30%, transparent);
  color: #fff !important;
  font-weight: 800 !important;
}
.slots-lobby-trigger.btnSlots:hover {
  background: color-mix(in srgb, var(--global-brand) 24%, var(--under-seconadary)) !important;
}

.slots-view-filter {
  border-radius: 999px !important;
  background: var(--under-seconadary) !important;
  border: 1px solid transparent;
  color: var(--slx-muted) !important;
}
.slots-view-filter:hover {
  background: var(--base-alfa-neutral-hover) !important;
  color: #fff !important;
}
.slots-view-filter.is-active {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border-color: transparent;
}

.slots-lobby-section__head .title span {
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 17px;
}

.slots-lobby-section .fullvers {
  border-radius: var(--mini-border-radius, 10px) !important;
  background: var(--under-seconadary) !important;
  color: var(--slx-muted) !important;
  transition: background 0.15s ease, color 0.15s ease;
}
.slots-lobby-section .fullvers:hover {
  background: var(--base-alfa-neutral-hover) !important;
  color: #fff !important;
}

.games-strip-nav__btn {
  border-radius: var(--mini-border-radius, 10px) !important;
  background: var(--under-seconadary) !important;
  color: #fff !important;
  border: 1px solid var(--base-alfa-neutral);
}
.games-strip-nav__btn:hover:not(:disabled) {
  background: var(--base-alfa-neutral-hover) !important;
  border-color: color-mix(in srgb, var(--global-brand) 40%, transparent);
}

.slots-layout-v2 .slots-lobby-card {
  border-radius: var(--mini-border-radius, 10px) !important;
  box-shadow: inset 0 0 0 1px var(--base-alfa-neutral);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.slots-layout-v2 .slots-lobby-card:hover {
  transform: translateY(-3px);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--global-brand) 45%, transparent),
    0 12px 28px rgba(0, 0, 0, 0.35);
}

.slots-card-overlay__demo {
  background: var(--global-brand) !important;
  border: none !important;
  color: #04140a !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
}
.slots-card-overlay__demo:hover {
  background: var(--global-lime) !important;
}

.slot_favorite_btn {
  border-radius: var(--mini-border-radius, 10px) !important;
  background: rgba(0, 0, 0, 0.65) !important;
}

.slots-lobby-promo {
  border-radius: var(--global-border-radius, 20px) !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--base-alfa-neutral);
  box-shadow: none;
}

.slots-lobby-promo__title {
  font-family: inherit;
  font-weight: 700;
}
.slots-lobby-promo__amount {
  font-family: inherit;
  color: var(--global-lime) !important;
}
.slots-lobby-promo__btn {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  font-weight: 800 !important;
  border: none;
}

.slots-provider-active {
  border-radius: var(--mini-border-radius, 10px) !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--base-alfa-neutral);
}
.slots-provider-active__clear {
  background: var(--under-seconadary) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

.slots-all-grid-footer__more {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  font-weight: 800 !important;
}
.slots-all-grid-footer__more:hover {
  background: var(--global-lime) !important;
}

.slots-empty-state,
.slots-page-msg {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--base-alfa-neutral);
  border-radius: var(--global-border-radius, 20px) !important;
}
.slots-page-msg a {
  color: var(--global-lime) !important;
}

/* —— Favorites modal —— */
#favorite_slots_modal {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--base-alfa-neutral);
  border-radius: var(--global-border-radius, 20px) !important;
}
#favorite_slots_modal .favorite_modal_title {
  font-family: inherit;
}
#favorite_slots_modal .favorite_modal_close {
  background: var(--under-seconadary) !important;
  border-radius: var(--mini-border-radius, 10px) !important;
}

/* —— Search modal: dark brand redesign —— */
.slots-search-modal {
  padding: 16px !important;
  align-items: center !important;
}
.slots-search-modal.is-open {
  animation: slx-rise 0.25s ease both;
}
.slots-search-modal__backdrop {
  background: rgba(0, 0, 0, 0.78) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body.slots-search-modal-open #app > .sidebar {
  -webkit-filter: blur(6px);
  filter: blur(6px);
  pointer-events: none;
}

body.slots-search-modal-open #app > .sidebar-mobile-backdrop {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.slots-search-modal__panel {
  width: min(100%, 720px) !important;
  height: min(90vh, 800px) !important;
  max-height: min(90vh, 800px) !important;
  background: var(--bg-secondary, #1a1b1e) !important;
  border-radius: var(--global-border-radius, 20px) !important;
  border: 1px solid var(--base-alfa-neutral);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55) !important;
  color: var(--slx-text);
}
.slots-search-modal__header {
  padding: 20px 22px 10px !important;
  gap: 12px;
}
.slots-search-modal__title {
  color: #fff !important;
  font-family: inherit !important;
  font-size: clamp(20px, 3vw, 26px) !important;
  letter-spacing: -0.02em;
}
.slots-search-modal__close {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  background: var(--under-seconadary) !important;
  color: #fff !important;
  font-size: 22px !important;
}
.slots-search-modal__close:hover {
  background: var(--base-alfa-neutral-hover) !important;
}
.slots-search-modal__tabs {
  margin: 0 22px 14px !important;
  padding: 4px !important;
  background: var(--under-seconadary) !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  border: 1px solid var(--base-alfa-neutral);
}
.slots-search-modal__tab {
  border-radius: 8px !important;
  min-height: 40px !important;
  color: var(--slx-muted) !important;
  background: transparent !important;
  font-weight: 700 !important;
  transition: background 0.15s ease, color 0.15s ease;
}
.slots-search-modal__tab.is-active {
  background: var(--global-brand) !important;
  color: #04140a !important;
}
.slots-search-modal__search {
  margin: 0 22px 16px !important;
  background: var(--under-seconadary) !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  border: 1px solid var(--base-alfa-neutral);
  min-height: 48px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.slots-search-modal__search:focus-within {
  border-color: color-mix(in srgb, var(--global-brand) 55%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-brand) 18%, transparent);
}
.slots-search-modal__search svg {
  fill: var(--global-brand) !important;
  flex-shrink: 0;
}
.slots-search-modal__search input {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600;
}
.slots-search-modal__search input::placeholder {
  color: var(--slx-faint) !important;
}
.slots-search-modal__search-clear {
  background: var(--base-alfa-neutral) !important;
  color: #fff !important;
}
.slots-search-modal__body {
  padding: 0 22px 22px !important;
}

/* Search strips on dark panel */
.slots-search-section .slots-lobby-section__icon::before,
.slots-search-section .title span,
.slots-search-section .title a,
.slots-search-section .fullvers,
.slots-search-section .games-strip-nav__btn {
  color: #fff !important;
}
.slots-search-section .fullvers,
.slots-search-section .games-strip-nav__btn {
  background: var(--under-seconadary) !important;
}
.slots-search-section .title span {
  font-family: inherit;
}

.slots-search-provider-group__title {
  background: color-mix(in srgb, var(--global-brand) 16%, transparent) !important;
  color: var(--global-lime) !important;
  border: 1px solid color-mix(in srgb, var(--global-brand) 30%, transparent);
}
.slots-search-provider-card {
  background: var(--under-seconadary) !important;
  color: #fff !important;
  border: 1px solid var(--base-alfa-neutral);
  border-radius: var(--mini-border-radius, 10px) !important;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.slots-search-provider-card:hover {
  background: var(--base-alfa-neutral-hover) !important;
  border-color: color-mix(in srgb, var(--global-brand) 40%, transparent);
  transform: translateY(-2px);
}
.slots-search-provider-card__label {
  color: var(--slx-muted) !important;
}

.slots-search-empty-state__icon {
  color: var(--global-brand) !important;
}
.slots-search-empty-state__title {
  color: #fff !important;
  font-family: inherit;
}
.slots-search-empty-state__text {
  color: var(--slx-muted) !important;
}
.slots-search-empty-state__button {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border: none !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  font-weight: 800 !important;
  padding: 10px 16px;
  cursor: pointer;
}
.slots-search-empty-state__suggestions-title {
  color: var(--slx-faint) !important;
  font-family: inherit;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px !important;
}
.slots-search-dynamic-results__more {
  color: var(--slx-muted) !important;
}

/* —— Section modal dark —— */
.slots-section-modal__backdrop {
  background: rgba(0, 0, 0, 0.78) !important;
  backdrop-filter: blur(6px);
}
.slots-section-modal__panel {
  background: var(--bg-secondary) !important;
  border-radius: var(--global-border-radius, 20px) !important;
  border: 1px solid var(--base-alfa-neutral);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55) !important;
}
.slots-section-modal__title {
  color: #fff !important;
  font-family: inherit !important;
}
.slots-section-modal__close {
  background: var(--under-seconadary) !important;
  color: #fff !important;
  border-radius: var(--mini-border-radius, 10px) !important;
}
.slots-section-modal__close:hover {
  background: var(--base-alfa-neutral-hover) !important;
}
.slots-section-modal__empty {
  color: var(--slx-muted) !important;
}
.slots-section-modal__footer {
  border-top-color: var(--base-alfa-neutral) !important;
}
.slots-section-modal__progress {
  color: var(--slx-muted) !important;
}
.slots-section-modal__more {
  background: var(--global-brand) !important;
  color: #04140a !important;
  border-radius: var(--mini-border-radius, 10px) !important;
  font-weight: 800 !important;
}
.slots-section-modal__more:hover:not(:disabled) {
  background: var(--global-lime) !important;
}

@media (max-width: 768px) {
  .slots-page-wrapper {
    padding: 0 0 20px !important;
  }
  .slots-lobby-hero {
    padding: 14px 12px 12px !important;
  }
  .slots-lobby-brand {
    flex-direction: column;
    align-items: flex-start;
  }
  .slots-search-modal {
    padding: 0 !important;
    align-items: flex-end !important;
  }
  .slots-search-modal__panel {
    width: 100% !important;
    height: 94vh !important;
    max-height: 94vh !important;
    border-radius: 20px 20px 0 0 !important;
  }
}

.slots-search-modal__hint {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--slx-muted, rgba(255,255,255,0.55));
  line-height: 1.35;
}

.slots-lobby-section__icon {
  filter: saturate(1.1);
}

.slots-lobby-grid-wrap {
  animation: slx-rise 0.4s ease 0.08s both;
}

/* Карусели игр: маска справа вместо белого ::after-оверлея */
.slots-layout-v2 .slots-games-strip-fade-wrap::after {
  display: none !important;
}
.slots-layout-v2 .slots-games-strip-fade-wrap:not(.slots-strip-fade--end) .slots-lobby-strip,
.slots-layout-v2 .slots-games-strip-fade-wrap:not(.slots-strip-fade--end) [data-games-strip] {
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0%,
    #000 calc(100% - var(--slx-strip-fade-width, 56px)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    #000 0%,
    #000 calc(100% - var(--slx-strip-fade-width, 56px)),
    transparent 100%
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.slots-layout-v2 .slots-games-strip-fade-wrap.slots-strip-fade--end .slots-lobby-strip,
.slots-layout-v2 .slots-games-strip-fade-wrap.slots-strip-fade--end [data-games-strip] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}