/* ===================================
   ZAMOK — Catalog Responsive
   Кросс-компонентные адаптивные переопределения.
   Правила, специфичные для отдельного компонента,
   живут в его собственном CSS-файле.
   =================================== */

/* --- Tablet (768–1024px) --- */
@media (max-width: 1024px) {
    .catalog__title {
        font-size: var(--font-size-3xl);
    }

    /* Hide desktop active filter chips — use mobile panel */
    .catalog-toolbar__active-filters {
        display: none;
    }
}

/* --- Small Tablet / Large Phone (480–768px) --- */
@media (max-width: 768px) {
    .catalog {
        padding-bottom: var(--spacing-xl);
    }

    .catalog__title {
        font-size: var(--font-size-2xl);
    }

    /* Hide categories carousel on small screens */
    .catalog__categories {
        display: none;
    }

    .catalog__header {
        margin-bottom: var(--spacing-sm);
    }

    /* Card compact overrides */
    .product-card__content {
        padding: 12px 14px 16px;
    }

    .product-card__name {
        font-size: var(--font-size-sm);
    }

    .product-card__price-current {
        font-size: var(--font-size-xl);
    }

    .product-card__cart-btn {
        font-size: var(--font-size-sm);
        padding: 10px 16px;
    }

    .catalog-pagination__btn {
        min-width: 38px;
        height: 38px;
    }

    .breadcrumbs {
        font-size: var(--font-size-xs);
    }
}

/* --- Phone (<480px) --- */
@media (max-width: 480px) {
    .product-card__image {
        padding: 12px;
    }

    /* Always show quick-actions on touch devices */
    .product-card__actions {
        opacity: 1;
        transform: none;
    }

    .product-card__action-btn {
        width: 30px;
        height: 30px;
    }

    .product-card__action-btn svg {
        width: 14px;
        height: 14px;
    }

    .catalog__categories-list {
        gap: 8px;
    }

    .catalog__category-chip {
        padding: 8px 14px;
        font-size: var(--font-size-xs);
    }
}