/* Загрузка последней — перекрывает все остальные стили на мобильных */
@media (max-width: 992px) {
    html, body, body.vegas-theme, #root, .main, .main.rows.vegas-layout {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    .right-main {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    .right-main .panel,
    .right-main .container,
    .panel.container,
    .vegas-home,
    .vegas-hero-banners,
    .vegas-banner-track,
    .content.cards,
    .slots-page-new,
    .slots-filters-bar,
    .home-filters,
    .game_list {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    .vegas-hero-banners {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    .vegas-banner-track {
        padding: 0 !important;
        margin: 0 !important;
    }
    .vegas-banner-slide {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    .vegas-banner-inner {
        width: 100% !important;
    }
    /* Сетка игр на всю ширину */
    .game_list {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
        gap: 10px !important;
        justify-items: center !important;
        padding: 0 4px !important;
    }
    .game_list .game_ {
        width: 100% !important;
        max-width: 160px !important;
        margin: 0 !important;
    }
    .game_list .game_ .game_image {
        width: 100% !important;
        height: auto !important;
        min-height: 110px !important;
    }
    /* Профиль, бонусы, все контент-блоки на всю ширину */
    .bonuses,
    .bonuses .content,
    .profile-page,
    .vegas-home .content,
    .slots .content,
    [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    .panel .container .row,
    .right-main .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Хедер только 56px, контент не залазит под хедер */
    .header { height: auto !important; min-height: auto !important; overflow: visible !important; }
    .mobile-top-bar {
        height: 56px !important;
        max-height: 56px !important;
        min-height: 56px !important;
    }
    .right-main .panel {
        padding-top: 72px !important;
        padding-bottom: calc(85px + env(safe-area-inset-bottom, 0)) !important;
        position: relative !important;
        z-index: 1 !important;
        min-height: 100vh !important;
    }
    .right-main {
        padding-bottom: 0 !important;
    }
    /* Панель фильтров выше хедера — поиск не просвечивает через модалку */
    .slots-filters-bar,
    .home-filters {
        position: relative !important;
        z-index: 100 !important;
        pointer-events: auto !important;
    }
    .filter-row,
    .slots-filters-bar .filter-btn,
    .home-filters .filter-btn {
        position: relative !important;
        pointer-events: auto !important;
    }
    .filter-dropdown,
    .home-filters .filter-dropdown {
        z-index: 102 !important;
        background: #0f3d4a !important;
        opacity: 1 !important;
    }
    /* Убираем вторую жёлтую кнопку (Регистрация) в хедере на мобильных */
    .header-mobile .btn-casino.btn-register { display: none !important; }
    /* Убираем поиск в хедере на мобильных */
    .header-mobile .header-search-wrap,
    .header-mobile .header-search-desktop-only { display: none !important; }
    /* Поиск не залазит на флаг: ограничиваем ширину поиска */
    .header-mobile .header-search-wrap {
        max-width: calc(100% - 140px) !important;
        min-width: 0 !important;
    }
    .header-mobile .header-right { min-width: 80px !important; flex-shrink: 0 !important; }
    /* Страница игры: номинал и fullscreen не под хедером, меньше серой зоны */
    .game_slot {
        margin-top: 16px !important;
        padding-top: 0 !important;
    }
    .ingame-play__controls {
        margin-top: 0 !important;
    }
    .ingame-play__wrapper-place {
        padding-top: 42% !important;
        min-height: 280px !important;
    }
    .game_slot .game-component {
        padding-top: 0 !important;
    }
}
/* Футер на всю страницу, иконки крупнее */
@media (max-width: 992px) {
    body, .main, .right-main {
        padding-bottom: env(safe-area-inset-bottom, 0) !important;
    }
    .mob-nav-bottom {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 480px) {
    .mob-nav-bottom {
        width: 100% !important;
        max-width: 100vw !important;
    }
    .mob-nav-item {
        font-size: 12px !important;
    }
    .mob-nav-item svg {
        width: 28px !important;
        height: 28px !important;
    }
    .mob-nav-cashier svg {
        width: 30px !important;
        height: 30px !important;
    }
    /* Мини-игры: блок выбора ставки/суммы всегда виден на мобильных */
    .mines .one.col-4,
    .mines .controlPanel,
    .mines .mines-amount,
    .mines .input-group,
    .mines .form-control.form,
    .dice .col-4,
    .dice .controlPanel,
    .dice .form-control.form,
    .dice .buttons.rows,
    .bubbless .bodybubbles,
    .bubbless .mines-amount,
    .bubbless .input-group,
    .bubbless .form-control.form,
    .mines .mines-bets,
    .mines .btn-play.blue {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .mines .input-group,
    .bubbless .input-group {
        display: flex !important;
    }
    .dice .buttons.rows {
        display: flex !important;
    }
}
@media (max-width: 1400px) { .header-quick-links { display: none !important; } .header-search-area { max-width: 150px !important; } } div.vegas-layout .panel.container { padding-top: 90px !important; }

@media (max-width: 1200px) {
    .left-main {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100vw !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
        z-index: 99999 !important;
    }

    .left-main > *:not(.mob-nav-bottom) {
        display: none !important;
    }

    .left-main .mob-nav-bottom {
        display: flex !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        pointer-events: auto !important;
    }

    .main,
    .main.rows,
    .main.rows.vegas-layout,
    .right-main,
    .main .right-main,
    .main .left-main.collapsed ~ .right-main {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
    }

    .right-main,
    .main .right-main {
        flex: 1 1 100% !important;
    }
}