.catalog-banners
{
    margin-top: 25px;
}

.catalog-banner
{
    position: relative;
    z-index: 1;
    border-radius: 15px;
    padding: 25px;
    padding-bottom: 59px;
    overflow: hidden;
}

.catalog-banner__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    z-index: -1;
}

.catalog-banner_content
{
    max-width: 370px;
}

.catalog-banner_tag
{
    padding: 3px 8px;
    border-radius: 7px;
    background-color: #49207A;
    display: inline-block;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 133%;
    font-weight: 700;
    margin-bottom: 6px;
}

.catalog-banner__title
{
    color: #FFFFFF;
}

.catalog-banner__text
{
    margin-top: 6px;
    color: #BACFE3;
    font-size: 15px;
    line-height: 140%;
}

.catalog-banner__link
{
    margin-top: 12px;
    display: inline-flex;
    padding: 9px 19px;
    font-size: 13px;
}

.catalog-banners_pagination
{
    position: absolute;
    justify-content: flex-start;
    left: 23px !important;
    bottom: 23px !important;
    z-index: 1;
}

.catalog-banners_pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active)
{
    border-color: #FFFFFF;
}

.catalog-attributes_wrapper
{
    margin-top: 30px;
    position: relative;
}

.catalog-attribute
{
    padding: 10px;
    box-shadow: none;
    width: 170px;
    margin-right: 20px;
}

.catalog-attribute .shop-box__count
{
    padding: 3px 6px;
    top: 8px;
    right: 8px;
    border-radius: 6px;
    font-size: 10px;
}

.catalog-attribute .shop-box__title
{
    min-height: 32px;
    font-size: 13px;
    line-height: 138%;
    align-items: center;
    margin-top: -2px;
}

.catalog-attribute .shop-box__pic
{
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}


.catalog-row
{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 40px;
}

.filters-wrapper
{
    width: 249px;
    flex-shrink: 0;
}

.filters-top
{
    display: none;
}

.filters-inner
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter
{
    border-radius: 10px;
    background-color: #FFFFFF;
}

.filter-top
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-bottom: 1px solid #F3F4F5;
    cursor: pointer;
}

.filter__title
{
    color: #191C21;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.filter-top span
{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.filter-top.active span
{
    transform: rotate(180deg);
}

.filter-block
{
    padding: 14px;
    padding-top: 13px;
    border-top: 1px solid #F3F4F5;
}

.filter-grid
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 20px;
}

.facetwp-overflow
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-column: 1/-1
}

.filter-item
{
    cursor: pointer;
}

.filter-item.facetwp-checkbox,
label.filter-item,
.filter-item.facetwp-radio
{
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter-item.facetwp-radio {
    padding-left: 0;
}
.filter-item.facetwp-radio {
    background-image: none!important;
}

.filter-item>input
{
    display: none;
}

.filter-big
{
    width: 67px;
}



.filter-item:nth-child(6)~.filter-item
{
    display: none;
}
.filter-brand:nth-child(9)~.filter-big
{
    display: none;
}

.filter-big_item
{
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
}

.filter-big_top
{
    width: 100%;
    border-radius: 7px;
    border: 1px solid #F3F4F5;
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
    z-index: 1;
    max-width: 67px;
}

.filter-brand .filter-big_top
{
    height: 44px;
}
.filter-brand .filter-big_top img {
    filter: grayscale(1);
    opacity: 0.5;
    transition: .3s;
}


.filter-volume .filter-big_top
{
    height: 81px;
}

.filter-big_item:hover .filter-big_top
{
    border-color: #19D8C4;
}

.filter-big.checked .filter-big_top
{
    border-color: #20247A;
    border-width: 2px;
}
.filter-brand.checked .filter-big_top img {
    opacity: 1;
    filter: grayscale(0);
}

.filter-big_top img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

.filter-big_item:hover .filter-big_top img
{
    opacity: 0.5;
}
.filter-brand .filter-big_item:hover .filter-big_top img {
    opacity: 1;
    filter: grayscale(0);
}

.filter-big_item span
{
    color: #343E4A;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 67px;
    /* transition: .3s; */
}

.filter-big_item:hover span
{
    font-weight: 700;
    color: #20247A;
}
.filter-bottom {
    grid-column: 1/-1;
}
.filter-more {
    color: #20247A;
    font-size: 14px;
    font-weight: 600;
    line-height: 143%;
    cursor: pointer;
    border-bottom: 1px dashed rgba(32, 36, 122, 0.50);
    transition: .3s;
}
.filter-more:hover {
    color: #19D8C4;
    border-color: #19D8C4;
}

.filter-items
{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.filter-item.facetwp-checkbox .facetwp-display-value,
.filter-item.facetwp-radio .facetwp-display-value,
.filter-item__text,
.filter-item.facetwp-radio:first-child
{
    color: #343E4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 143%;
}
.filter-item.facetwp-radio:first-child {
    font-weight: 700;
}

.filter-item__count
{
    padding: 2px 5px;
    display: block;
    margin-left: auto;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #F3F4F5;
    color: #92969A;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
}

.filter-banner
{
    position: relative;
    width: 100%;
    height: 362px;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
}

.filter-banner__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: -1;
}

.filter-banner__title
{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    max-width: 144px;
}

.filter-banner__text
{
    color: #E7EDF3;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 2px;
}

.filter-banner__btn
{
    display: inline-flex;
    margin-top: 7px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 138%;
    border-radius: 8px;
}

.filter-item.facetwp-checkbox.checked span.checkbox
{
    background-color: #20247A;
    border-color: #20247A;
}

.filter-item.facetwp-checkbox.checked span.checkbox::after
{
    opacity: 1;
}

.catalog-r
{
    width: calc(100% - 269px);
    min-width: 0;
}

.catalog-r._full
{
    width: 100%;
}

.catalog-top
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    z-index: 3;
}

.catalog-top_r
{
    display: flex;
    align-items: center;
    gap: 40px;
}

.catalog__count
{
    color: #92969A;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
}

.catalog-view
{
    display: flex;
    align-items: center;
    gap: 10px;
}

.catalog-view>span
{
    color: #343E4A;
    font-size: 13px;
    font-weight: 600;
    line-height: 138%;
}

.catalog-view-row
{
    display: flex;
    align-items: center;
}

.catalog-view_item
{
    padding: 8px 12px;
    border-radius: 6px;
    background-color: transparent;
    transition: .3s;
    cursor: pointer;
}

.catalog-view_item.active
{
    background-color: #E7EDF3;
    cursor: default;
}

.catalog-view_item svg
{
    transition: .3s;
    opacity: 0.5;
}

.catalog-view_item:hover svg
{
    opacity: 1;
}

.catalog-view_item.active svg
{
    opacity: 1;
}

.catalog-view_item svg>rect,
.catalog-view_item svg>path
{
    transition: .3s;
    stroke: #343E4A;
}

.catalog-view_item.active svg>rect,
.catalog-view_item.active svg>path
{
    stroke: #20247A;
}

.catalog-grid
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 14px;
    margin-top: 35px;
}

.catalog-grid .empty-block
{
    grid-column: 1/-1;
}

.catalog-grid[data-type="row"]
{
    grid-template-columns: 1fr;
}

.product-cart_banner
{
    position: relative;
    z-index: 1;
    border-radius: 15px;
    padding: 20px;
    overflow: hidden;
}

.product-cart_banner__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.product-cart_banner__title
{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.product-cart_banner__text
{
    color: #E7EDF3;
    font-size: 14px;
    font-weight: 500;
    line-height: 143%;
    margin-top: 2px;
}

.product-cart_banner__link
{
    display: inline-flex;
    margin-top: 7px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 138%;
    border-radius: 8px;
}

.pagination-wrapper
{
    margin-top: 50px;
}

.catalog-filter__btn
{
    display: none;
}

.apply-filters
{
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 20px;
}

.apply-filters.hidden
{
    display: none !important;
}

.apply-filters>p
{
    color: #191C21;
    font-size: 13px;
    font-weight: 600;
    line-height: 138%;
}

.apply-filters_row
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.apply-filter
{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    border-radius: 8px;
    background-color: #FFFFFF;
}

.apply-filter p
{
    color: #343E4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 143%;
}

.apply-filter span
{
    cursor: pointer;
    width: 13px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.apply-filter span svg
{
    width: 100%;
    height: auto;
}

.apply-filter span svg path
{
    transition: .3s;
}

.apply-filter span:hover svg path
{
    stroke: #343E4A;
}

.remove-filters
{
    padding: 6px 18px;
    border: 2px solid #BACFE3;
    cursor: pointer;
    transition: .3s;
    background-color: transparent;
}

.remove-filters:hover
{
    background-color: #20247A;
    border-color: #20247A;
}

.remove-filters p
{
    color: #20247A;
    font-weight: 600;
    font-size: 13px;
    line-height: 138%;
    transition: .3s;
}

.remove-filters:hover p
{
    color: #FFFFFF;
}

.remove-filters span
{
    width: 16px;
}

.remove-filters span svg path
{
    stroke: #20247A;
}

.remove-filters:hover span svg path
{
    stroke: #FFFFFF;
}


.catalog-grid .product-cart_info
{
    display: none;
}

.catalog-grid[data-type="row"] .product-cart
{
    flex-direction: row;
    gap: 30px;
    padding: 12px;
    border-radius: 14px;
}

.catalog-grid[data-type="row"] .product-cart_top
{
    width: 210px;
    flex-shrink: 0;
}

.catalog-grid[data-type="row"] .product-cart__term
{
    margin-top: 0;
}

.catalog-grid[data-type="row"] .product-cart__title
{
    font-size: 18px;
    line-height: 26px;
    height: auto;
    min-height: 0;
    margin-top: 2px;
    margin-bottom: 0;
}

.catalog-grid[data-type="row"] .product-cart__desc
{
    display: block;
    margin-top: 6px;
    color: #343E4A;
    font-size: 13px;
    font-style: normal;
    line-height: 138%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.catalog-grid[data-type="row"] .product-cart_content
{
    flex-grow: 1;
}

.catalog-grid[data-type="row"] .product-cart_content .product-cart_attrs
{
    display: flex;
}

.catalog-grid[data-type="row"] .product-cart_r
{
    width: 281px;
    flex-shrink: 0;
}

.catalog-grid[data-type="row"] .product-cart_r--top
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalog-grid[data-type="row"] .product-cart_bonuses
{
    display: flex;
}

.catalog-grid[data-type="row"] .product-cart_bottom--row
{
    display: flex;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.catalog-grid[data-type="row"] .product-cart_qty
{
    display: flex;
}

.catalog-grid[data-type="row"] .product-cart__addCart
{
    padding: 13px 29px;
    width: auto;
}

/* Для вариативных товаров ссылка занимает всю ширину */
.product-cart__addCart:not(.addCart)
{
    width: 100%;
    justify-content: center;
}

.catalog-grid[data-type="row"] .product-cart__addCart:not(.addCart)
{
    width: 100%;
}

.catalog-grid[data-type="row"] .product-cart_bottom__btn
{
    display: flex;
    width: 100%;
}

.catalog-grid[data-type="row"] .product-cart_bottom
{
    display: none;
}

.catalog-grid[data-type="row"] .product-cart_info
{
    display: flex;
}

.apply-filters_mobile
{
    display: none;
}

.form-block
{
    order: 0 !important;
}

.search-empty
{
    margin-top: 90px;
}

.search-empty__title
{
    text-align: center;
}

.search-empty__text
{
    text-align: center;
    margin-top: 10px;
    opacity: 0.7;
    color: #343E4A;
    font-size: 17px;
    line-height: 141%;
}

.brands
{
    margin-top: 30px;
}

.brands__title
{
    color: #191C21;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.brands-slider
{
    margin-top: 10px;
    overflow: visible;
}

.brand
{
    aspect-ratio: 1.9051;
    border-radius: 10px;
    border: 1px solid #E7EDF3;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.brand.active
{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.brand img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    opacity: 0.5;
    transition: .3s;
}
.brand:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.brands .products-slider__btn
{
    width: 35px;
    height: 35px;
    border-radius: 8px;
}

.brands .products-slider_navigation
{
    left: -55px;
    right: -55px;
}

.brands-top
{
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
}

.brands-top_block
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.brands-top_box
{
    display: block;
    padding: 8px 14px;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #191C21;
    font-size: 14px;
    font-weight: 600;
    line-height: 143%;
    transition: .3s;
    cursor: pointer;
}

.brands-top_box.dark
{
    background-color: #E7EDF3;
    color: #20247A;
    pointer-events: none;
}

.brands-top_box.current {
    pointer-events: none;
}

.brands-top_box:hover,
.brands-top_box.current
{
    background-color: #20247A;
    color: #FFFFFF;
}

form.brands-search
{
    margin-top: 30px;
    width: 100%;
    position: relative;
}
form.brands-search.active {
    position: relative;
    padding: 0;
    background-color: transparent;
}
form.brands-search.active::before {
    content: none;
}
form.brands-search .search__clear {
    display: none;
}

form.brands-search input
{
    width: 100%;
    font-size: 13px;
    line-height: 138%;
}

form.brands-search input::placeholder
{
    opacity: 1 !important;
}

form.brands-search .search__btn
{
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    width: 54px;
}

.brands-empty {
    margin: 40px 0;
}

.brand-bottom
{
    margin-top: 30px;
}

.brands-letters
{
    padding-top: 154px;
}

.brands-letters_row
{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.brands-letters_l
{
    width: 233px;
    flex-shrink: 0;
}

.brands-letters_l p
{
    color: #191C21;
    font-size: 50px;
    font-weight: 800;
    line-height: 65px;
}

.brands-letters_l span
{
    display: block;
    color: #92969A;
    font-size: 13px;
    font-weight: 500;
    line-height: 138%;
    margin-top: 10px;
}

.brands-letters_grid
{
    flex-grow: 1;
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}

.brands-letters_item a
{
    color: #343E4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 143%;
    border-bottom: 1px solid transparent;
}

.brands-letters_item a:hover
{
    border-color: rgba(32, 36, 122, 0.5);
    color: #20247A;
}

.brands-letters+.form-block
{
    padding-top: 60px;
}

.brand-row
{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.brand-pic
{
    width: 233px;
    height: 110px;
    flex-shrink: 0;
    border-radius: 15px;
    border: 1px solid #F3F4F5;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-pic img
{
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.brand-content__text,
.brand-content__text p
{
    color: #343E4A;
    font-size: 15px;
    line-height: 140%;
}

.brand-content__text.collapsed
{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.brand-content__text.expanded
{
    display: block;
    overflow: visible;
}

.brand__readmore
{
    display: none;
    margin-top: 10px;
    border-bottom: 1px dashed rgba(32, 36, 122, 0.50);
    transition: .3s;
    color: #20247A;
    font-size: 14px;
    font-weight: 600;
    line-height: 143%;
    cursor: pointer;
}

.brand__readmore:hover
{
    border-color: #20247A;
}

.brand-slider_wrapper
{
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    padding: 20px 2px;
    border-radius: 15px;
    background: #14776D;
    background: linear-gradient(180deg, rgba(20, 119, 109, 1) 0%, rgba(25, 216, 196, 1) 100%);
    /* overflow: hidden; */
}

.brand-slider_wrapper::after
{
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #FFFFFF;
    border-radius: 13px;
    z-index: -1;
}

.brand-slider__title
{
    color: #343E4A;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    padding-left: 18px;
    padding-right: 18px;
}

.brand-slider_inner
{
    overflow: hidden;
}

.brand-slider
{
    width: 100%;
    margin-top: 15px;
    padding-left: 18px;
    padding-right: 18px;
    overflow: visible;
}

.brand-slider .product-cart
{
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    width: 211px;
    margin-right: 34px;
    transition: none;
}

.brand-slide_bottom
{
    display: block;
    position: static;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    width: 100%;
    border: none;
    margin-top: 0;
}

.brand-slide_bottom .product-cart__addCart
{
    width: auto;
    flex-grow: 1;
    height: 38px;
    gap: 6px;
    font-size: 13px;
    border-radius: 8px;
}

.brand-slide_bottom .product-cart__addCart span
{
    display: block;
}

.brand-slide_bottom .product-cart__favourite
{
    display: flex;
    position: static;
}

.brand-slide_bottom .product-cart_bottom--row
{
    gap: 8px;
}

.filter-big_item~.facetwp-display-value,
.filter-big_item~.facetwp-counter,
.filter-big .facetwp-counter
{
    display: none !important;
}

.facetwp-checkbox
{
    padding-left: 0 !important;
    background: none !important;
    margin-bottom: 0 !important;
}

.facetwp-facet
{
    margin-bottom: 0 !important;
}

.facetwp-display-value
{
    display: block;
    padding-right: 0 !important;
}

.facetwp-toggle
{
    grid-column: 1/-1;
}

.facetwp-facet-loadmore
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits {
    padding-top: 40px;
}

.catalog-grid[data-type="row"] .tooltip {
    width: 215px;
}




@media(max-width: 1550px)
{
    .catalog-grid
    {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 1400px)
{
    .brands .products-slider_navigation
    {
        left: -20px;
        right: -20px;
    }

    .catalog-grid[data-type="row"] .tooltip {
        left: unset;
        transform: none;
        right: -10px;
        bottom: 24px;
    }
    .catalog-grid[data-type="row"] .tooltip::after {
        left: unset;
        transform: none;
        right: 15px;
    }
}

@media(max-width: 1260px)
{
    .catalog-grid
    {
        grid-template-columns: repeat(4, 1fr);
    }

    .filters-wrapper
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100 * var(--vh));
        z-index: 12;
        background-color: rgba(24, 24, 38, 0.9);
        display: none;
    }

    .filters
    {
        max-width: 360px;
        background-color: #FFFFFF;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding-bottom: 110px;
        transform: translateX(-100%);
        transition: .3s;
    }

    .filters-wrapper.active .filters
    {
        transform: translateX(0);
    }

    .filters-top
    {
        display: block;
        padding: 17px;
        padding-bottom: 16px;
        position: relative;
        border-bottom: 1px solid #F3F4F5;
    }

    .filters-top__title
    {
        font-size: 17px;
        line-height: 21px;
        font-weight: 700;
        color: #191C21;
        text-align: center;
    }

    .filters-close
    {
        position: absolute;
        top: 18px;
        right: 10px;
        width: 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .filters-close svg
    {
        width: 100%;
        height: auto;
    }

    .filters-inner
    {
        gap: 0;
    }

    .filter-top
    {
        padding: 14px;
        border: none;
    }

    .filter-block
    {
        border: none;
        padding: 14px;
        padding-top: 0;
    }

    .filter-banner
    {
        width: calc(100% - 28px);
        margin-left: auto;
        margin-right: auto;
    }

    .filter-grid
    {
        grid-template-columns: repeat(4, 1fr);
        padding-right: 34px;
    }

    .catalog-r
    {
        width: 100%;
    }

    .catalog-filter__btn
    {
        /*         display: flex; */
        align-items: center;
        gap: 8px;
        color: #191C21;
        font-size: 13px;
        font-weight: 700;
        line-height: 138%;
        cursor: pointer;
    }

    .catalog-filter__btn._show
    {
        display: flex;
    }

    .apply-filters_mobile
    {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: 360px;
        width: 100%;
        z-index: 1;
        background-color: #FFFFFF;
        box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.25);
        padding: 16px 14px;
        transform: translateX(-100%);
        transition: .3s;
    }

    .filters-wrapper.active .apply-filters_mobile
    {
        transform: translateX(0);
    }

    .apply-filters_mobile .apply-filters_row
    {
        width: 360px;
        margin-left: -14px;
        padding-left: 14px;
    }

    .apply-filters_mobile .apply-filters_row::after
    {
        min-width: 10px;
    }

    .apply-filters__btn
    {
        margin-top: 16px;
        width: 100%;
        height: 42px;
        border-radius: 8px;
        font-size: 13px;
    }


    .brand
    {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .brand-slide_bottom .product-cart_bonuses
    {
        margin-top: 1px;
    }

    .brand-slide_bottom .product-cart_bottom--row
    {
        margin-top: 10px;
    }

    .brand-slider .product-cart {
        margin-right: 20px;
    }
}

@media(max-width: 991px)
{
    .catalog-banners
    {
        margin-top: 20px;
    }

    .catalog-banner
    {
        border-radius: 10px;
        padding: 12px;
    }

    .catalog-banner_content
    {
        max-width: 267px;
    }

    .catalog-banner_tag
    {
        margin-bottom: 2px;
    }

    .catalog-banner__text
    {
        margin-top: 2px;
        font-size: 12px;
        line-height: 133%;
    }

    .catalog-banner__link
    {
        margin-top: 5px;
        padding: 5px 7px;
        gap: 3px;
        border-radius: 8px;
        font-size: 12px;
    }

    .catalog-attributes_wrapper
    {
        margin-top: 20px;
    }

    .catalog-attributes
    {
        overflow: visible;
    }

    .catalog-attribute
    {
        width: 171px;
        height: auto;
    }

    .catalog-attribute .shop-box__title
    {
        font-size: 12px;
        margin-top: -8px;
        min-height: 26px;
    }



    .catalog-row
    {
        margin-top: 20px;
    }

    .catalog-top_r
    {
        gap: 25px;
    }

    .catalog-grid
    {
        grid-gap: 16px;
    }

    .product-cart
    {
        padding: 6px;
    }

    .product-cart_bottom--row
    {
        width: auto;
        flex-grow: 1;
    }

    .product-cart__addCart
    {
        width: 100%;
    }

    .product-cart_banner
    {
        padding: 10px;
        padding-right: 12px;
    }

    .product-cart_banner__title
    {
        font-size: 15px;
        line-height: 19px;
    }

    .product-cart_banner__text
    {
        font-size: 12px;
        line-height: 133%;
    }

    .catalog-grid[data-type="row"] .product-cart_top
    {
        width: 147px;
    }

    .catalog-grid[data-type="row"] .product-cart__title
    {
        font-size: 13px;
        line-height: 138%;
        font-weight: 700;
        margin-top: 3px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 35px;
    }

    .catalog-grid[data-type="row"] .product-cart__desc
    {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 13px;
        line-height: 138%;
        margin-top: 3px;
    }

    .catalog-grid[data-type="row"] .product-cart_attr:nth-child(2)~.product-cart_attr
    {
        display: none;
    }

    .catalog-grid[data-type="row"] .product-cart_bonuses
    {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom--row
    {
        margin-top: 8px;
        margin-bottom: 8px;
        flex-grow: unset;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom__btn
    {
        margin-top: auto;
    }

    .catalog-grid[data-type="row"] .product-cart_r
    {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        width: 227px;
    }

    .catalog-grid[data-type="row"] .product-cart_qty__btn
    {
        width: 32px;
        height: 32px;
        border-radius: 10px;
    }

    .catalog-grid[data-type="row"] .product-cart_qty
    {
        gap: 3px;
    }

    .catalog-grid[data-type="row"] .product-cart
    {
        gap: 10px;
    }

    .pagination-wrapper
    {
        margin-top: 20px;
        gap: 10px;
    }

    .loadmore
    {
        max-width: 100%;
    }

    nav.pagination a.prev,
    nav.pagination a.next
    {
        font-size: 0;
        gap: 0;
    }

    nav.pagination span+a~*
    {
        display: none;
    }

    nav.pagination a.next
    {
        display: flex;
    }



    .apply-filters
    {
        margin-top: 10px;
    }

    .apply-filters_row
    {
        gap: 4px;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
        margin-left: -24px;
        padding-left: 24px;
        white-space: nowrap;
        width: 100vw;
    }

    .apply-filters_row::after
    {
        content: '';
        display: block;
        min-width: 20px;
    }

    .apply-filters_mobile {
        bottom: 63px;
    }

    .remove-filters
    {
        order: -1;
        padding: 6px 7px;
    }

    .brands
    {
        margin-top: 20px;
    }

    .brands-top
    {
        margin-top: 20px;
    }

    .brands-top_block
    {
        gap: 4px;
    }

    .brands-top_box
    {
        padding: 3px 8px;
        font-size: 13px;
        line-height: 138%;
    }

    form.brands-search
    {
        margin-top: 20px;
    }

    form.brands-search input
    {
        padding-top: 13px;
        padding-left: 13px;
        padding-bottom: 13px;
    }

    form.brands-search .search__btn
    {
        width: 48px;
    }


    .brands-letters
    {
        padding-top: 62px;
    }

    .brands-letters_row
    {
        padding-top: 20px;
        padding-bottom: 20px;
        flex-direction: column;
        gap: 10px;
    }

    .brands-letters_l p
    {
        font-size: 22px;
        line-height: 28px;
    }

    .brands-letters_l span
    {
        margin-top: 2px;
        font-size: 12px;
        line-height: 133%;
    }

    .brands-letters_grid
    {
        width: 100%;
        padding-top: 0;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }

    .brands-letters_item a
    {
        font-size: 13px;
        line-height: 138%;
    }


    .brand-slider_wrapper
    {
        padding: 20px 3px;
    }

    .brand-slider .product-cart
    {
        padding: 6px;
        box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
        margin-right: 10px;
    }

    .brand-slide_bottom .product-cart__addCart
    {
        height: 36px;
    }

    .brand-row
    {
        margin-top: 20px;
    }

    .brand-pic
    {
        width: 157px;
        height: 79px;
    }

    .brand-content__text,
    .brand-content__text p
    {
        font-size: 13px;
        line-height: 138%;
    }

    .brand__readmore
    {
        margin-top: 4px;
        font-size: 13px;
        line-height: 138%;
    }

    .brand-slider_wrapper
    {
        padding: 12px 3px;
    }

    .brand-slider__title
    {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        line-height: 19px;
    }

    .brand-slider
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .facetwp-facet-sorting
    {
        width: 100%;
    }

    .benefits {
        padding-top: 15px;
    }

    .catalog-grid[data-type="row"] .tooltip {
        bottom: 18px;
        right: -13px;
        padding: 5px 10px;
    }
    .catalog-grid:not([type="row"]) .product-cart:nth-child(4n + 1) .tooltip {
        left: -70px;
        transform: none;
        bottom: 18px;
    }
    .catalog-grid:not([type="row"]) .product-cart:nth-child(4n + 1) .tooltip::after {
        left: 73px;
        transform: none;
    }
}

@media(max-width: 767px)
{
    .catalog-top
    {
        flex-wrap: wrap;
    }

    .catalog-filter__btn
    {
        width: 100%;
        order: 1;
    }

    .catalog-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-grid[data-type="row"] .product-cart
    {
        flex-wrap: wrap;
        gap: 0;
        padding: 10px;
    }

    .catalog-grid[data-type="row"] .product-cart_top
    {
        width: 101px;
    }

    .catalog-grid[data-type="row"] .product-cart_content
    {
        width: calc(100% - 101px);
    }

    .catalog-grid[data-type="row"] .product-cart__title
    {
        margin-top: 5px;
    }

    .catalog-grid[data-type="row"] .product-cart__desc,
    .catalog-grid[data-type="row"] .product-cart_content .product-cart_attrs
    {
        display: none;
    }

    .catalog-grid[data-type="row"] .product-cart_content .product-cart_prices
    {
        display: flex;
    }

    .catalog-grid[data-type="row"] .product-cart_r
    {
        display: none;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom
    {
        display: flex;
        align-items: center;
        margin-top: 10px;
        row-gap: 10px;
        column-gap: 4px;
    }

    .catalog-grid[data-type="row"] .product-cart_qty
    {
        display: none;
    }

    .catalog-grid[data-type="row"] .product-cart__addCart
    {
        padding: 8px 26px;
        height: auto;
        order: 1;
        gap: 8px;
    }

    .catalog-grid[data-type="row"] .product-cart__addCart img
    {
        width: 15px;
        height: auto;
    }

    .catalog-grid[data-type="row"] .product-cart__addCart span
    {
        display: block;
    }

    .catalog-grid[data-type="row"] .product-cart_bonuses
    {
        display: none;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom__btn .d-none
    {
        display: block !important;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom--row
    {
        margin-top: 0;
        margin-bottom: 0;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom__btn
    {
        padding: 6px 19px;
        height: auto;
        width: auto;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom .product-cart__compare
    {
        order: -1;
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }

    .catalog-grid[data-type="row"] .product-cart_bottom .product-cart__favourite
    {
        display: flex;
        position: static;
        order: -1;
    }

    .catalog-grid[data-type="row"] .product-cart_attrs
    {
        display: flex;
        order: -1;
    }

    .catalog-grid[data-type="row"] .product-cart_top .product-cart__favourite
    {
        display: none;
    }

    .catalog-grid:not([type="row"]) .product-cart:nth-child(2n + 1) .tooltip {
        left: -70px;
        transform: none;
        bottom: 18px;
    }
    .catalog-grid:not([type="row"]) .product-cart:nth-child(2n + 1) .tooltip::after {
        left: 73px;
        transform: none;
    }

    .popup-shipping .popup-inner {
        height: calc((100 * var(--vh)) - 65px);
    }
}

@media(max-width: 580px)
{
    .catalog-banner
    {
        padding-bottom: 27.24vw;
    }

    .catalog-banner_content
    {
        max-width: 308px;
    }


    .catalog-row
    {
        margin-top: 20px;
    }

    .catalog__count
    {
        display: none;
    }

    .catalog-top_r
    {
        width: 100%;
        gap: 25px;
    }

    .sort
    {
        flex-grow: 1;
    }

    .catalog-grid
    {
        grid-gap: 10px;
    }

    .catalog-top
    {
        gap: 17px;
    }


    .apply-filters_row
    {
        margin-left: -14px;
        padding-left: 14px;
    }

    .apply-filters_row::after
    {
        min-width: 10px;
    }

    .apply-filters_mobile {
        padding-bottom: 20px;
        bottom: 47px;
    }


    .brands-slider
    {
        height: 32.225vw;
    }

    .brands-letters
    {
        padding-top: 29px;
    }

    .brands-letters_row
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .brands-letters_grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .brand-slider .product-cart
    {
        width: 161px;
    }

    .brand-row
    {
        flex-direction: column;
        gap: 10px;
    }

    .brand-pic
    {
        width: 100%;
        height: 79px;
    }

}