/* ==========================================================================
   Адаптивные фиксы для публичной части
   ========================================================================== */

/* --- Корзина: не показываем нижнее мобильное меню, чтобы оно не налезало
   на липкую панель итогов. Страница корзины и так содержит всю навигацию. --- */
body.is-cart-page .mobile-bottom-nav {
    display: none !important;
}

@media (max-width: 760px) {
    body.is-cart-page {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    body.is-cart-page .cart-summary {
        bottom: 0;
    }
}

/* --- Хедер: на мобильных показываем адрес самовывоза, но скрываем
   строку о ближайших доставках, чтобы не ломался layout. --- */
@media (max-width: 760px) {
    .topbar-contacts span.topbar-delivery {
        display: none !important;
    }

    .topbar-contacts span:not(.topbar-delivery) {
        display: inline !important;
        max-width: 50vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* --- Карточки товара: заменяем жёсткие высоты на min-height,
   чтобы длинные названия не обрезались, а короткие не создавали пустот. --- */
.product-card h3,
.home-products-strip .product-card h3 {
    height: auto;
    min-height: 58px;
}

.home-products-strip .product-card h3 {
    min-height: 48px;
}

.product-card .product-category,
.home-products-strip .product-card .product-category {
    height: auto;
    min-height: 32px;
}

.home-products-strip .product-card .product-category {
    min-height: 24px;
}

.variant-choice,
.home-products-strip .variant-choice {
    height: auto;
    min-height: 76px;
}

.home-products-strip .variant-choice {
    min-height: 58px;
}

/* --- Поиск: на мобильных кнопки должны быть удобнее для тача. --- */
@media (max-width: 640px) {
    .smart-search-control {
        grid-template-columns: minmax(0, 1fr) 48px 64px;
    }

    .voice-search-button,
    .smart-search-submit {
        min-height: 44px;
    }
}

/* --- Футер: на планшетах в портретной ориентации лучше 2 колонки,
   чтобы текст не был слишком узким. --- */
@media (min-width: 761px) and (max-width: 1024px) {
    .site-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }
}

/* --- Сравнение: гарантируем, что обёртка остаётся горизонтально
   скроллящейся на всех экранах. --- */
.compare-grid-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
}

.compare-grid {
    min-width: 720px;
}