/* Fleep responsive — mobile-first fixes (loads last among Fleep CSS) */

@media (min-width: 1280px) {
    body.fleep-ui {
        --fleep-content-pad: 60px;
        --fleep-hero-h: 344px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    body.fleep-ui {
        --fleep-content-pad: 60px;
        --fleep-hero-h: 344px;
    }

    body.fleep-ui .home-slots-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.fleep-ui {
        --fleep-content-pad: 16px;
        --fleep-hero-h: 220px;
        --fleep-header-guest: 56px;
        --fleep-header-auth: 56px;
    }

    body.fleep-ui .fleep-main-column {
        margin-left: 0 !important;
        width: 100% !important;
    }

    body.fleep-ui .casino-sidebar.fleep-sidebar {
        display: none !important;
    }

    body.fleep-ui.fleep-mobile-menu-open .casino-sidebar.fleep-sidebar,
    body.fleep-ui .casino-sidebar.fleep-sidebar.open {
        display: flex !important;
        width: min(88vw, 320px) !important;
        min-width: min(88vw, 320px) !important;
        max-width: min(88vw, 320px) !important;
        z-index: 150;
    }

    /* Header */
    body.fleep-ui .casino-header.fleep-header {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        padding: 10px 16px calc(10px + env(safe-area-inset-top, 0px)) !important;
        min-height: 56px !important;
        height: auto !important;
    }

    body.fleep-ui .header-left {
        flex: 0 0 auto;
        min-width: 0;
        max-width: min(180px, 54vw);
        overflow: visible;
    }

    body.fleep-ui .header-center {
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 0 !important;
    }

    body.fleep-ui .header-center-dock {
        justify-content: flex-end !important;
        gap: 6px !important;
        padding: 0 !important;
    }

    body.fleep-ui .header-buttons {
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }

    /* Main content */
    body.fleep-ui .casino-main {
        padding: 0 16px calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.fleep-ui .fleep-home__inner {
        padding: 12px 16px 32px !important;
        gap: 24px !important;
    }

    body.fleep-ui #casinoMain {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Promo banners — одна колонка, компактная высота */
    body.fleep-ui .home-desktop-dual-promo,
    body.fleep-ui .fleep-slider-b__rail.home-desktop-dual-promo,
    body.fleep-ui #pageHome .home-desktop-dual-promo,
    body.fleep-ui #pageHome .fleep-slider-b__rail {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        min-height: 0 !important;
    }

    body.fleep-ui #pageHome .home-mini-promo-viewport,
    body.fleep-ui #pageHome .home-mini-promo-track,
    body.fleep-ui #pageHome .home-mini-promo-slide {
        min-height: 0 !important;
        height: auto !important;
    }

    body.fleep-ui .fleep-promo-card {
        min-height: 160px !important;
        height: auto !important;
    }

    body.fleep-ui .fleep-promo-card__body {
        max-width: 100% !important;
        padding: 14px 16px !important;
    }

    body.fleep-ui .fleep-promo-card__title {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    body.fleep-ui .fleep-promo-card__desc {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    body.fleep-ui .fleep-promo-card--brand .fleep-promo-card__bg {
        background-position: 88% center !important;
    }

    body.fleep-ui .fleep-promo-card--brand .fleep-promo-card__shade {
        background: linear-gradient(105deg, rgba(20, 20, 21, 0.94) 0%, rgba(20, 20, 21, 0.78) 52%, rgba(20, 20, 21, 0.35) 100%) !important;
    }

    /* Categories */
    body.fleep-ui .fleep-categories-a__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    body.fleep-ui .fleep-categories-a__title {
        font-size: 22px;
        line-height: 28px;
    }

    body.fleep-ui .fleep-cat-item {
        flex: 0 0 100px;
        width: 100px;
        height: 88px;
        font-size: 10px;
    }

    body.fleep-ui .fleep-categories-a__actions {
        width: 100%;
        justify-content: space-between;
    }

    /* Game grid */
    body.fleep-ui .fleep-mosaic.home-slots-grid.games-grid--pinko {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.fleep-ui .fleep-section-head--lg .fleep-section-head__title {
        font-size: 22px;
        line-height: 28px;
    }

    body.fleep-ui .fleep-section-head {
        flex-wrap: wrap;
        gap: 8px;
    }

    body.fleep-ui .home-games-block-head {
        flex-wrap: wrap;
        gap: 12px;
    }

    body.fleep-ui .fleep-site-footer__grid {
        grid-template-columns: 1fr 1fr;
    }

    body.fleep-ui .fleep-sidebar-top {
        display: none;
    }
}

@media (max-width: 359px) {
    body.fleep-ui {
        --fleep-content-pad: 12px;
        --fleep-hero-h: 180px;
    }

    body.fleep-ui .casino-header.fleep-header {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.fleep-ui .casino-main {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.fleep-ui .fleep-promo-card {
        min-height: 180px !important;
    }

    body.fleep-ui .fleep-promo-card__title {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    body.fleep-ui .fleep-cat-item {
        flex: 0 0 96px;
        width: 96px;
        height: 84px;
    }

    body.fleep-ui .fleep-mosaic.home-slots-grid.games-grid--pinko {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.fleep-ui #btnOpenLogin .header-guest-btn-text,
    body.fleep-ui #btnOpenRegister {
        font-size: 0.75rem !important;
        padding: 0 10px !important;
    }

    body.fleep-ui .fleep-site-footer__grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    body.fleep-ui .fleep-home-menu {
        display: none !important;
    }
}

/* Collapsed sidebar desktop */
@media (min-width: 768px) {
    body.fleep-ui.fleep-sidebar-collapsed .sidebar-nav-label,
    body.fleep-ui.fleep-sidebar-collapsed .sidebar-nav-title,
    body.fleep-ui.fleep-sidebar-collapsed .sidebar-badge,
    body.fleep-ui.fleep-sidebar-collapsed .fleep-sidebar-top,
    body.fleep-ui.fleep-sidebar-collapsed .fleep-sidebar-promos,
    body.fleep-ui.fleep-sidebar-collapsed .sidebar-bottom-card-text,
    body.fleep-ui.fleep-sidebar-collapsed .sidebar-guest-promo,
    body.fleep-ui.fleep-sidebar-collapsed .sidebar-lvl-card__text {
        display: none !important;
    }

    body.fleep-ui.fleep-sidebar-collapsed .sidebar-brand-logo-img--full {
        display: none !important;
    }

    body.fleep-ui.fleep-sidebar-collapsed .sidebar-brand-logo-img--mark {
        display: block !important;
    }
}