﻿@media (max-width: 1399.98px) {
    .category__item-title {
        font-size: 16px;
    }

    .catalog__products.grid .product {
        width: calc(50% - 12px);
    }

    .search-result .catalog__products.grid .product {
        width: calc(33.33% - 16px);
    }
}
/* ========================================================================================================== */

@media (max-width: 1199.98px) {
    .category__list {
        gap:12px;
    }

    .category__item {
        width: calc(25% - 9px);
    }

    .catalog__filters {
        min-width: 260px;
    }

    .catalog__products.list .product {
        gap: 16px;
    }

    .catalog__products.list .product__image {
        min-width: 160px;
    }
}
/* ========================================================================================================== */

@media (max-width: 991.98px) {
    .products .swiper-pagination {
        bottom: 30px;
    }

    .products__wrapper {
        position: relative;
                padding-bottom: 70px;
    }

    .category__item-title {
        font-size: 14px;
    }

    .catalog__main {
        width: 100%;
    }

    .catalog__main-actions {
        justify-content: flex-start;
                align-items: center;
                gap: 16px;
    }

    .catalog__main-action-sorter,
        .catalog__main-action-show {
        flex-shrink: 0;
    }

    .catalog__main-action-show .show-list,
        .catalog__main-action-show .show-grid {
        display: none;
    }

    .search-result .catalog__products.grid .product {
        width: calc(50% - 12px);
    }

    .cards__item-title {
        font-size: 24px;
    }

    .cards__item-description {
        font-size: 14px;
    }
}
/* ========================================================================================================== */

@media (max-width: 767.98px) {
    .category__list {
        gap:16px;
    }

    .category__item {
        width: calc(50% - 8px);
    }

    .catalog__products.grid .product {
        width: 100%;
    }

    .product__buttons {
        flex-direction: row;
    }

    .product__price {
        text-align: left;
    }

    .sorter-title {
        display: none;
    }

    .sorter-select {
        font-size: 16px;
    }

    .sorter-select-value {
        font-size: 16px;
    }

    .product {
        padding: 20px;
    }

    .product__btn {
        max-width: 55%;
    }

    .product__buttons {
        gap: 8px;
    }

    .product__link {
        max-width: 45%;
    }

    .product__buttons:has(.product__link-basket) .product__btn {
        width: calc(100% - 56px);
    }

    .product__title {
        font-size: 16px;
    }

    .product__article,
        .product__info ul li,
        .product__link {
        font-size: 14px;
    }

    .product__price {
        font-size: 22px;
    }

    .product__link {
        text-align: center;
    }

    .product__article,
        .product__info ul li {
        font-size: 14px;
    }

    .cards__item {
        padding: 28px;
    }

    .cards__item-title {
        font-size: 20px;
    }

    .cards__item-description {
        font-size: 14px;
    }

    .cards__item-action {
        width: 100%;
    }

    .cards__item-action .btn {
        display: block;
                width: 100%;
                font-size: 14px;
    }

    .product-video-modal {
        padding: 16px;
    }

    .search-result .catalog__products.grid .product {
        width: 100%;
    }
}
/* ========================================================================================================== */

@media (max-width: 478.98px) {
    .category__item {
        flex-direction: column;
                justify-content: space-between;
                min-height: 170px;
    }

    .category__item-title {
        font-size: 14px;
                width: 100%;
                line-height: 1.25;
                text-wrap: wrap;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
                overflow-wrap: normal;
                word-break: normal;
    }

    .category__item-image {
        width: 60%;
                align-self: flex-end;
    }
}
/* ========================================================================================================== */

@media (max-width: 1599.98px) {
    .product__buttons {
        flex-direction: column;
                gap: 24px;
                align-items: center;
    }

    .product__buttons:has(.product__link-basket) {
        flex-direction: row;
                gap: 20px;
                align-items: center;
    }

    .product__price {
        text-align: center;
    }
}
/* ========================================================================================================== */

@media (max-width: 575.98px) {
    .product-video-modal {
        padding: 12px;
    }

    .product-video-modal__close {
        width: 32px;
                height: 32px;
                font-size: 22px;
    }
}
/* ========================================================================================================== */

@media (max-width: 431px) {
    .product {
        padding: 16px;
    }

    .product__title {
        font-size: 14px;
    }

    .product__article,
        .product__info ul li,
        .product__link {
        font-size: 14px;
    }

    .product__price {
        font-size: 20px;
    }

    .cards__item {
        padding: 24px;
    }

    .cards__item-title {
        font-size: 16px;
    }

    .cards__item-description {
        font-size: 12px;
    }

    .cards__item-action .btn {
        font-size: 16px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 12px;
                line-height: 1;
    }
}
/* ========================================================================================================== */

