/* ==========================================================================
   07_RESPONSIVE.CSS — Все медиа-запросы магазина в одном месте
   Подключать ПОСЛЕДНИМ, после всех остальных файлов магазина
   ========================================================================== */

/* --------------------------------------------------------------------------
   МОБИЛЬНЫЕ (≤ 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    #shop-view { padding: 12px !important; }

    /* Навигация */
    .shop-tabs-container { flex-wrap: nowrap; gap: 6px; margin-bottom: 14px; }
    .shop-tabs-scroll-area { gap: 6px; }
    .shop-tab-btn {
        padding: 6px 10px;
        font-size: 0.72rem;
        gap: 5px;
        border-radius: var(--radius-xl);
    }
    .shop-tab-btn svg { width: 13px; height: 13px; }
    .shop-info-trigger {
        width: 32px;
        height: 32px;
        min-width: 32px;
        border-radius: var(--radius-xl);
    }
    .shop-info-trigger svg { width: 16px; height: 16px; }

    /* Сетка */
    .shop-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-top: 12px;
    }

    /* Карточка */
    .shop-item-card { padding: 14px 8px 10px; border-radius: var(--radius-xl); }
    .shop-item-img  { width: 75px; height: 75px; margin-bottom: 8px; margin-top: 18px; }
    .shop-item-title { font-size: 0.88rem; }
    .shop-item-desc  { font-size: 0.68rem; margin-bottom: 8px; }

    /* Отключаем hover-трансформацию на тач-устройствах */
    .shop-item-card:hover,
    .shop-item-card:hover .shop-item-img { transform: none; }

    /* Кнопки покупки */
    .shop-buy-btn {
        padding: 8px 4px;
        font-size: 0.72rem;
        gap: 4px;
        white-space: nowrap;
        letter-spacing: -0.01em;
    }
    .shop-buy-btn svg { width: 13px; height: 13px; }

    /* Кнопки действий в инвентаре */
    .shop-item-card .btn-outline-warning {
        padding: 8px 4px;
        font-size: 0.72rem;
        gap: 4px;
    }
    .shop-item-card .btn-outline-warning svg { width: 13px; height: 13px; }

    /* Карточка рынка */
    .shop-item-card.is-market-prompt .market-text-block { padding: 0 10px; }
    .shop-item-card.is-market-prompt .shop-buy-btn,
    .market-buy-btn { width: calc(100% - 20px); }

    /* Фильтры рынка — иконки без подписей */
    .market-filter-text { display: none; }
    .market-filter-btn {
        padding: 8px 14px !important;
        justify-content: center;
    }
    .market-filter-btn i {
        font-size: 1.1rem;
        margin: 0 !important;
    }
    .market-filters-scroll { justify-content: center; }

    /* Бейдж лимита товара */
    .shop-item-stock-badge {
        top: 8px;
        right: 8px;
        font-size: 0.6rem;
        padding: 2px 6px;
    }
}

/* --------------------------------------------------------------------------
   ОЧЕНЬ УЗКИЕ ТЕЛЕФОНЫ (≤ 420px) — прячем подписи вкладок
   -------------------------------------------------------------------------- */
@media (max-width: 420px) {
    .shop-tab-btn span { display: none; }
    .shop-tab-btn { padding: 7px 10px; }
}

/* --------------------------------------------------------------------------
   ЭКСТРА-УЗКИЕ (≤ 380px) — прячем иконки в кнопках, оставляем только текст
   -------------------------------------------------------------------------- */
@media (max-width: 380px) {
    .shop-buy-btn svg,
    .shop-item-card .btn-outline-warning svg {
        display: none;
    }
    .shop-buy-btn,
    .shop-item-card .btn-outline-warning {
        font-size: 0.75rem;
    }
}