/**
 * Платформенный shell: главная, каталог, юридические страницы.
 * Мобильный selector в шапке — полная кнопка «ВЫБОР НАСТОЛКИ».
 */

@media (max-width: 767px) {
    .game-selector {
        display: block !important;
        flex-shrink: 1;
        min-width: 0;
        max-width: min(48vw, 11rem);
    }

    .selector-btn {
        padding: 0.45rem 0.65rem !important;
        font-size: clamp(0.58rem, 2.1vw, 0.7rem) !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em !important;
        min-width: auto !important;
        min-height: 36px !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        border-radius: 0.3rem !important;
        color: var(--text-light) !important;
        text-indent: 0 !important;
        overflow: visible !important;
        white-space: nowrap !important;
        background: linear-gradient(135deg, rgba(201, 169, 97, 0.22), rgba(166, 124, 82, 0.18)) !important;
    }

    .selector-btn::before,
    .selector-btn::after {
        display: none !important;
        content: none !important;
    }

    body[data-site-layout="home"] .header-content,
    body[data-site-layout="catalog"] .header-content,
    body[data-site-layout="cart"] .header-content {
        gap: 0.4rem;
    }

    body[data-site-layout="home"] .logo-text,
    body[data-site-layout="catalog"] .logo-text {
        font-size: clamp(0.55rem, 2vw, 0.7rem);
    }
}

.bottom-nav--platform .bottom-nav-item {
    max-width: 25%;
}

.bottom-nav--platform .bottom-nav-selector-btn {
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
}

.bottom-nav--platform .bottom-nav-selector-btn span {
    font-size: clamp(0.55rem, 2.2vw, 0.7rem);
    line-height: 1.15;
    text-align: center;
    white-space: normal;
    max-width: 100%;
}

/* Нижнее меню не перекрывает footer на платформенных страницах */
@media (max-width: 767px) {
    body[data-site-layout="home"],
    body[data-site-layout="catalog"],
    body[data-site-layout="cart"] {
        padding-bottom: calc(clamp(62px, 15vw, 78px) + env(safe-area-inset-bottom, 0px));
    }

    body[data-site-layout="home"] .footer,
    body[data-site-layout="catalog"] .footer,
    body[data-site-layout="cart"] .footer {
        padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
    }
}