/* =============================================
   mobile_carousel.css — Мобильная карусель
   Компактные карточки без min-height, меньше фото
   ============================================= */

@media (max-width: 768px) {

    /* Секция */
    .products-section {
        margin-bottom: 32px !important;
    }

    /* Заголовок секции с кнопками навигации */
    .products-section .section-header {
        margin-bottom: 14px !important;
    }
    .products-section .section-title {
        font-size: 20px !important;
        font-weight: 800 !important;
    }

    /* Скрываем десктопные кнопки < > — на мобиле свайпаем пальцем */
    .slider-nav {
        display: none !important;
    }

    /* Слайдер — горизонтальный скролл с snap */
    .products-slider {
        gap: 12px !important;
        padding-bottom: 6px !important;
        scroll-snap-type: x mandatory;
    }

    /* Карточка */
    .products-slider .product-card {
        flex: 0 0 calc(50% - 6px) !important; /* ровно 2 видны */
        min-width: unset !important;
        min-height: unset !important;
        padding: 10px 10px 12px !important;
        border-radius: 14px !important;
        scroll-snap-align: start;
    }

    /* Фото: убираем высоту 350px → компактно */
    .product-img-wrap {
        height: 150px !important;
        margin-bottom: 8px !important;
    }

    /* Галерея */
    .product-gallery-wrap {
        margin-bottom: 8px !important;
    }

    /* Слайдер фото внутри карточки */
    .product-gallery-nav {
        padding: 0 4px !important;
    }

    /* Категория */
    .product-cat {
        font-size: 10px !important;
        margin-bottom: 4px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Название товара — 3 строки максимум */
    .product-title {
        font-size: 12px !important;
        line-height: 1.35 !important;
        margin-bottom: 6px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        height: auto !important;
        white-space: normal !important;
    }

    /* Рейтинг */
    .product-rating {
        font-size: 11px !important;
        margin-bottom: 6px !important;
    }

    /* Блок цены + кнопка */
    .product-bottom {
        gap: 8px !important;
    }

    /* Цена */
    .price-current {
        font-size: 15px !important;
        font-weight: 800 !important;
    }
    .price-old {
        font-size: 11px !important;
    }

    /* Кнопки */
    .btn-add,
    .btn-preorder {
        font-size: 12px !important;
        padding: 9px 0 !important;
        border-radius: 8px !important;
    }

    /* Бейджи */
    .product-badges {
        top: 8px !important;
        left: 8px !important;
    }
    .product-badge {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }

    /* Иконки (избранное, сравнение) — компактнее */
    .product-fav {
        top: 6px !important;
        right: 6px !important;
        font-size: 16px !important;
        padding: 4px !important;
        margin: -4px !important;
    }
    button.product-compare {
        top: 32px !important;
        right: 6px !important;
        font-size: 16px !important;
    }
}

/* На очень маленьких (< 380px) — чуть тоньше карточки */
@media (max-width: 380px) {
    .products-slider .product-card {
        flex: 0 0 calc(55% - 6px) !important;
    }
}