/* ==================== */
/* ДЕСКТОПНАЯ ВЕРСИЯ ФИЛЬТРА */
/* ==================== */

/* Кнопка фильтра для десктопа */
.filter-toggle-desktop {
    display: none; /* По умолчанию скрыта */
    cursor: pointer;
    padding: 12px 20px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 0 0 20px 0;
    font-size: 14px;
    font-weight: 500;
    color: #282727;
    transition: all 0.3s ease;
    vertical-align: middle;
    line-height: 1;
    position: relative;
}

.filter-toggle-desktop:hover {
    background: #e9e9e9;
    border-color: #ccc;
}

.filter-toggle-desktop svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    fill: #282727;
}

/* Обертка фильтра для десктопа */
.filter-desktop-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Скрываем элементы управления внутри десктопного фильтра */
.filter-desktop-wrapper .filter-title,
.filter-desktop-wrapper .filter-close,
.filter-desktop-wrapper .is-filters__close {
    display: none !important;
}
.filter-toggle-desktop__count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: white;
    background: #febf00;
    border-radius: 50%;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    text-align: center;
}
/* ==================== */
/* МЕДИА-ЗАПРОСЫ */
/* ==================== */

.catalog-list__item--banner {
    background: #ecece8;
    border-radius: 10px;
}
.btn_quiz {
    padding: 0px !important;
    cursor: pointer;
}
.img_banner_quiz {
    width: 100%;
    max-height: 300px;
}
.descr-item-banner-quiz {
    padding: 0px 20px 15px 20px;

}
.title-item-banner-quiz {
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    display: block;
    width: 100%;
    white-space: initial;
    text-align: left;
    letter-spacing: 0px;
    line-height: 25px;
    font-size: 24px;
}
.item-banner-quiz-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;

}
.subtitle-item-banner-quiz {
    text-align: left;
    font-size: 16px;
    line-height: 20px;

}
.button-item-banner-quiz {
    background-color: #febf00;
    text-align: center;
    white-space: nowrap;
    position: relative;
    border-radius: 6px;
    padding: 0 20px;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
}

.product__qty {
    display: none !important;
}
/* Десктоп (ширина больше 900px) */
@media (min-width: 901px) {
    /* Показываем десктопную кнопку фильтра */
    .filter-toggle-desktop {
        display: inline-block;
    }

    /* Скрываем мобильную иконку фильтра */
    .catalog-head .filter-icon {
        display: none;
    }

    /* Скрываем мобильную версию фильтра */
    .for-mobile {
        display: none !important;
    }

    /* Показываем заголовок "Фильтр" только в мобильной версии */
    .filter-title {
        display: none;
    }
}


/* Мобильные (ширина до 900px) */
@media (max-width: 900px) {
    /* Скрываем десктопную кнопку фильтра */
    .filter-toggle-desktop {
        display: none !important;
    }

    /* Скрываем десктопную обертку фильтра */
    .filter-desktop-wrapper {
        display: none !important;
    }

    /* Показываем мобильную иконку фильтра */
    .catalog-head .filter-icon {
        display: block;
    }

    /* Все остальные стили остаются как есть */
}


p.nontest {
    padding-bottom: 30px;
}


.just_block .is-krutilka {
    position: relative;
    z-index: 20;
    display: inline-block;
    vertical-align: top;
    margin: -22px 0 0 9px;
}

.just_block .is-krutilka svg {
    width: 30px;
    height: 30px;
}

.just_block .is-krutilka, .just_block .in-mobile {
    display: inline-block !important;
    vertical-align: middle;
}

.just_block .is-krutilka {
    margin: 0 5px 0 0 !important;
    border: none;
    box-shadow: none;
    height: auto;
    width: auto !important;
    line-height: normal;
    font-size: 11px;
    vertical-align: middle;
}

.just_block .is-krutilka svg {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 3px;
}

.just_block .realtime.in-mobile {
    white-space: nowrap;
    padding: 0;
    border: none;
    font-size: 10px;
    background: none;
    margin-bottom: 0 !important;
}

.just_block .realtime.in-mobile svg {
    width: 25px;
    height: 25px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.just_block .is-krutilka svg path, .just_block .realtime svg path {
    fill: #333;
    color: #333;
}

.just_block {
    display: block;
    position: relative;
    padding-bottom: 5px;
    margin-top: -15px;
}

.isboxed {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--unit);
    padding-right: var(--unit);
    box-sizing: border-box;
}

.is-functions__block {
    position: relative;
}

.easer2 {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.easer5 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*NEW FILTER*/
.justparams {
    display: none;
}

.is-sort__block {
    border-top: solid 1px #ededed;
    padding-top: 20px;
}

.is-filter__list {
    position: relative;
    margin-left: -16px;
    font-size: 0;
    letter-spacing: 0;
}

.function-item {
    position: relative;
    display: inline-block;
    width: calc(16.66% - 16px);
    min-width: 220px;
    margin-bottom: 20px;
    margin-left: 16px;
    letter-spacing: normal;
    outline: none;
}

.function-item.is-other {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.is-open .function-item.is-other {
    height: auto;
    margin-bottom: 20px;
    overflow: inherit;
}

.is-sort__block .function-item {
    float: right;
    display: block;
    min-width: 220px;
    margin-left: 0;
    margin-bottom: 0;
}

.function-item__head {
    width: 100%;
    max-width: 100%;
    border-radius: 6px;
    padding: 14px 15px 14px 20px;
    font-size: 16px;
    line-height: 18px;
    color: rgba(66, 67, 72, 0.8);
    cursor: pointer;
    background: rgba(222, 222, 222, 0.4); /* white-space: nowrap; */
}

.function-item__head.desable {
    color: rgba(66, 67, 72, 0.4);
    background: rgba(222, 222, 222, 0.2);
    cursor: default;
}

.is-range .function-item__head {
    padding-right: 45px;
}

.used .function-item__head {
    display: block !important;
    background: rgba(222, 222, 222, 0.6);
}

.function-item__head svg {
    position: absolute;
    top: 24px;
    right: 15px;
    width: 18px;
    height: 18px;
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.open .function-item__head svg {
    margin: -9px 0 0;
    -webkit-transform: rotateZ(270deg);
    -ms-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
}

.function-item__head .head_text:after {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    background: #fff;
    border-radius: 50%;
    margin-left: 20px;
    vertical-align: middle;
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease;
}

.used .function-item__head .head_text:after {
    width: 6px;
    height: 6px;
    margin-left: 14px;
    background: #383b40;
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease;
}

.is-select__list .is-select__item span:before, .is-select__button .is-select__item span:before, .function-item.is-button .function-item__head .head_text:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 10px;
    padding: 6px;
    border: 1px solid hsla(0, 0%, 59.2%, .5);
    border-radius: 2px;
    margin-right: 19px;
    background-repeat: no-repeat;
    background-position: center;
}

.function-item.is-button .function-item__head .head_text {
    display: block;
    padding-left: 30px;
}

.function-item.is-button .function-item__head .head_text:before {
    position: absolute;
    margin-left: -30px;
    margin-top: 2px;
}

.is-select__list .is-select__item.selected span:before, .is-select__button .is-select__button.selected span:before, .function-item.is-button .function-item__head.selected .head_text:before {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2383b40' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/%3E%3C/svg%3E");
}

.is-range .is-select__list {
    font-size: 0;
    letter-spacing: 0;
}

.function-item__input {
    height: 100%;
    width: 50%;
    padding: 8px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 12px;
}

.function-item__break {
    display: inline-block;
    line-height: 23px;
    height: 22px;
    color: #979797;
    font-size: 25px;
    font-weight: 300;
    border-right: solid 1px #979797;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
}

.head_text {
    font-size: 14px;
    font-weight: 500;
}

.is-select {
    outline: none;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px;
    max-height: 233px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    margin: 5px 0 0;
    padding: 10px 0 9px;
    font-size: 12px;
    color: #424348;
    scrollbar-color: dark;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    border: solid 1px rgba(0, 0, 0, 0.3);
}

.is-select::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 6px;
}

.is-select::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 10;
}

.open .is-select {
    display: block;
}

.is-select__item {
    position: relative;
    padding: 7px 20px;
    cursor: pointer;
    list-style-type: none;
    line-height: 15px;
}

.is-select__item.selected, .is-select__item.selected.desable {
    cursor: default;
    color: #383b40;
}

.is-select__item sub {
    position: absolute;
    right: 19px;
    top: 0;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
}

.is-select__item.desable, .function-item.is-button.desable .head_text {
    cursor: default !important;
    color: rgba(135, 141, 147, .65);
}

/***/
.is-functions__block {
    padding: 0;
    margin-bottom: 20px;
}

.is-filters__amount {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0;
    font-weight: 300;
    color: #979797;
}

.is-filters__amount span {
    font-size: 14px;
}

.is-filters__clear, .is-filters__toggle, .is-filters__close {
    font-size: 16px;
    font-weight: 300;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.is-filters__clear {
    float: right;
}

.is-filters__close {
    display: none;
}

.is-filters__toggle {
    float: left;
}

.is-filters__toggle svg {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.is-open .is-filters__toggle svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/***/
/*Stikers*/
.stiker__list {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    max-width: 90%;
    padding: 0 5px;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    font-size: 0;
}

.stiker__item {
    display: inline-block;
    padding: 5px 10px 4px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    letter-spacing: 0.1em;
    box-sizing: border-box;
}

/**/
/*fast links*/
.catalog-tags {
    padding: 30px 0 0;
    font-size: 0;
    position: relative;
    overflow-y: hidden;
}

.catalog-tags__link {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    padding: 5px 10px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 0 10px 10px 0;
    white-space: nowrap;
}

.catalog-tags__link:last-child {
    margin-left: 0;
}

.catalog-tags__link:hover {
    border: solid 1px rgba(0, 0, 0, 0.8);
}

.catalog-head {
    margin-bottom: 0;
}

/**/

/*product*/
.product__price {
    font-size: 21px !important;
}

.product__price--old {
    font-size: 21px !important;
}

.product__price--sale {
    margin-left: 10px;
    margin-bottom: 2px;
}

.product__price--sale span {
    display: table-caption;
    background: #383b40;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
    padding: 3px 5px;
    font-weight: 300;
}


.nontest {
    font-size: 16px;
    font-weight: 300;
    padding: 20px 0 0;
}

/**/

/*SOME*/
.clear {
    clear: both;
}

.t-h1 strong {
    font-weight: 500;
}

.offer-slide__img {
    margin-bottom: 0;
}

.offers-slider__btn {
    top: 40% !important;
}

.select__item sub {
    position: absolute;
    right: 19px;
    top: 0;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
}

/**/

/* input number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

/*btns*/
.is-btn span {
    display: block;
    margin: 0 20px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%2383b40' d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3e%3c/svg%3e");
}

.btn.is-btn {
    display: block;
    color: #333;
    max-width: 150px;
    border: 1px solid hsla(0, 0%, 59.2%, .5);
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
    font-weight: 300;
    cursor: pointer;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='150' height='40' version='1.1' id='L5' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3e%3ccircle fill='%23b2b2b2' stroke='none' cx='0' cy='50' r='10'%3e%3canimateTransform attributeName='transform' dur='0.6s' type='translate' values='0 20 ; 0 -20; 0 20' repeatCount='indefinite' begin='0'/%3e%3c/circle%3e%3ccircle fill='%23b2b2b2' stroke='none' cx='50' cy='50' r='10'%3e%3canimateTransform attributeName='transform' dur='0.6s' type='translate' values='0 20 ; 0 -20; 0 20' repeatCount='indefinite' begin='0.1'/%3e%3c/circle%3e%3ccircle fill='%23b2b2b2' stroke='none' cx='100' cy='50' r='10'%3e%3canimateTransform attributeName='transform' dur='0.6s' type='translate' values='0 20 ; 0 -20; 0 20' repeatCount='indefinite' begin='0.2'/%3e%3c/circle%3e%3c/svg%3e");
}

.wait .is-btn {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    background-size: 100%;
}

/**/

.catalog-list-section {
    margin-left: -10.416vw;
}

.catalog-list-section .catalog-list {
    width: 100%;
    padding-bottom: 30px;
    margin-left: 0;
}

/*REVIEW*/
.reviews-rating-head {
    display: flex;
    justify-content: space-between;
}

.reviews-head-rating {
    margin-right: auto;
}

.star-ratings {
    unicode-bidi: bidi-override;
    color: #333;
    font-size: 16px;
    letter-spacing: 0.07em;
    line-height: 25px;
    position: relative;
    margin: 0;
    padding: 0;
}

.star-ratings .fill-ratings {
    color: #282727;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings .fill-ratings span {
    display: inline-block;
}

.star-ratings .empty-ratings {
    padding: 0;
    display: block;
    z-index: 0;
    color: #aaa;
}

.reviews-head-ratings-sum {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 300;
    olor: #979797;
    line-height: 25px;
}

/*END REVIEW*/

.filter-title {
    display: none;
    text-align: center;
    padding-top: 30px;
    font-size: 16px;
    font-weight: 400;
}

.filter-icon {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9971 2C13.1332 2 11.5671 3.27477 11.1231 5L1.99706 5C1.44477 5 0.997055 5.44772 0.997055 6C0.997055 6.55229 1.44477 7 1.99706 7L11.1231 7C11.5671 8.72523 13.1332 10 14.9971 10C16.8609 10 18.427 8.72523 18.871 7L21.9971 7C22.5493 7 22.9971 6.55229 22.9971 6C22.9971 5.44772 22.5493 5 21.9971 5L18.871 5C18.427 3.27477 16.8609 2 14.9971 2ZM8.99999 14C7.13616 14 5.57006 15.2748 5.12601 17L1.99999 17C1.44771 17 0.999995 17.4477 0.999995 18C0.999995 18.5523 1.44771 19 1.99999 19L5.12601 19C5.57006 20.7252 7.13616 22 8.99999 22C10.8638 22 12.4299 20.7252 12.874 19L22 19C22.5523 19 23 18.5523 23 18C23 17.4477 22.5523 17 22 17L12.874 17C12.4299 15.2748 10.8638 14 8.99999 14ZM16.9971 6C16.9971 7.10457 16.1016 8 14.9971 8C13.8925 8 12.9971 7.10457 12.9971 6C12.9971 4.89543 13.8925 4 14.9971 4C16.1016 4 16.9971 4.89543 16.9971 6ZM8.99999 20C10.1046 20 11 19.1046 11 18C11 16.8954 10.1046 16 8.99999 16C7.89543 16 6.99999 16.8954 6.99999 18C6.99999 19.1046 7.89543 20 8.99999 20Z' fill='%23333333'%3E%3C/path%3E%3C/svg%3E");
}

.filter-close {
    display: none;
    width: 14px;
    height: 14px;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333333' d='M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z'/%3E%3C/svg%3E");
}

.catalog-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px #ededed;
    padding-top: 20px;
}
.catalog-controls-left {
    display: flex;
    gap: 10px;
}
/*choosmart__catalog */
.choosmart__catalog-list {
    width: 200px;
}
.choosmart__catalog-list img {
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 26px;
    height: auto;
}
.choosmart__catalog-list .btn .btn__bg {
    background: #febf00;
    border: solid 2px #febf00;
    box-sizing: border-box;
}
.choosmart__catalog-list .btn .btn__text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #282727;
    font-weight: 500;
}
.categories .choosmart__catalog-list .btn .btn__text {
    color: #fff;
}
.choosmart__catalog-list a {
    display: block;
    z-index: 2;
    position: relative;
}


@media (max-width: 480px) {
    .choosmart__catalog-list {
        width: 180px;
    }
    .choosmart__catalog-list a {
        padding: 0 10px;
    }
    .choosmart__catalog-list .btn__text {
        font-size: 12px;
    }
    .is-sort__block .function-item.is-sort {
        width: 180px;
        min-width: 180px;
    }
    .categories__title {
        font-size: 28px !important;
    }
    .fixed-menu-count {
        right: 15px !important;
    }
    .img_banner_quiz {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 460px) {
    .choosmart__catalog-list {
        width: 170px;
    }
    .choosmart__catalog-list img {
        display: none;
    }
    .is-sort__block .function-item.is-sort {
        min-width: 170px;
    }
    .is-sort__block .function-item.is-sort {
        width: 170px;
        min-width: 170px;
    }
}
@media (max-width: 450px) {
    .choosmart__catalog-list {
        width: 150px;
    }
    .is-sort__block .function-item.is-sort {
        width: 150px;
        min-width: 150px;
    }
    .choosmart__catalog-list img {
        display: none;
    }
}

/***BUG FIX ****/
@media (pointer: fine) {
    .catalog-tags::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .catalog-tags::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
}
@media (max-width: 1980px) {
    .img_banner_quiz {
        max-height: 285px;
    }
}
@media (max-width: 1700px) {
    .descr-item-banner-quiz {
        padding: 15px 20px 15px 20px;
    }
}
@media (max-width: 1550px) {
    .function-item {
        width: calc(20% - 16px);
    }
    .title-item-banner-quiz {
        font-size: 21px;
    }
    .subtitle-item-banner-quiz {
        font-size: 13px;
    }
    .button-item-banner-quiz {
        font-size: 13px;
    }
}
@media (max-width: 1500px) {
    .function-item {
        width: calc(20% - 16px);
    }
    .title-item-banner-quiz {
        font-size: 21px;
    }
    .subtitle-item-banner-quiz {
        font-size: 13px;
    }
    .button-item-banner-quiz {
        font-size: 13px;
    }
}

@media (max-width: 1280px) {
    .function-item {
        width: calc(25% - 16px);
    }
}

@media (max-width: 900px) {

    .isboxed .catalog-head {
        position: relative;
        margin: 0;
        border: 0;
    }

    .function-item {
        width: calc(33.33% - 16px);
    }

    .for-mobile {
        position: fixed;
        width: 0;
        max-width: 450px;
        height: 100%;
        right: 0;
        top: 0;
        background: #fff;
        box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        z-index: 10000;
        overflow: hidden;
    }

    .show-filter {
        overflow: hidden;
    }

    .show-filter .for-mobile {
        width: 100%;
    }

    .filter-icon, .filter-title, .filter-close {
        display: block;
    }

    .filter-close {
        z-index: 2000;
    }

    #ajaxfilter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 73px 0 156px;
        overflow: hidden;
        overflow-y: auto;
    }

    .is-filter__block .open .is-select {
        position: relative;
    }

    .is-filter__block {
        padding-top: 0;
    }

    .is-filter__list {
        margin-left: 0;
        padding: 0 40px;
    }

    .function-item {
        display: block;
        margin: 0 0 0px;
        width: 100%;
    }

    .is-sort__block .function-item {
        width: auto;
    }

    .filter-title {
        position: relative;
        z-index: 2000;
        background: #fff;
        padding-bottom: 10px;
    }

    .function-item.is-range .is-select {
        position: relative;
        display: block;
    }

    .is-range .function-item__head svg {
        display: none;
    }

    .is-filters__toggle {
        padding-left: 40px;
    }

    .is-filters__toggle {
        margin-top: -10px;
        padding-top: 10px;
        width: 100%;
        box-sizing: border-box;
        background: #fff;
    }

    .is-filters__amount {
        bottom: 116px;
        width: 100%;
        margin-left: 0;
        font-weight: 400;
        color: #333;
        font-size: 14px;
        border-top: solid 1px #c5c5c563;
        padding-top: 12px;
    }

    .is-filters__close {
        background: #383b40;
        bottom: 10px;
    }

    .is-filters__clear, .is-filters__toggle, .is-filters__close {
        font-size: 14px;
    }

    .is-functions__block {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        border-bottom: none;
        padding: 0;
        margin-bottom: 0;
        background: #fff;
        z-index: 2000;
    }

    .is-open .function-item.is-other {
        margin-bottom: 20px;
    }

    .is-filters__clear, .is-filters__close {
        bottom: 64px;
        float: none;
        background: #fff;
        width: calc(100% - 80px);
        max-height: 233px;
        verflow-x: hidden;
        z-index: 4;
        margin: 0;
        padding: 10px 0 9px;
        font-size: 16px;
        position: absolute;
        left: 40px;
        color: #424348;
        scrollbar-color: dark;
        scrollbar-width: thin;
        overscroll-behavior: contain;
        border: 1px solid hsla(0, 0%, 59.2%, .5);
        border-radius: 6px;
        text-align: center;
    }

    .is-filters__clear span {
        display: none;
    }

    .is-filters__close {
        display: block;
        bottom: 10px;
        background: #383b40;
        color: #fff;
        border: 1px solid #383b40;
        font-weight: 400;
    }

    .catalog-head {
        display: block !important;
    }

    .products-slider__container .product__colors {
        display: flex !important;
        margin-top: 10px;
    }

    .filter-icon, .btn-amount {
        display: block;
    }

    .btn-amount {
        color: #fff;
        background: #383b40;
    }

    .catalog-filters__clear, .catalog-filters__amount {
        display: none;
    }

    .catalog-filters {
        display: block !important;
    }

    .filter-icon {
        cursor: pointer;
    }

    .catalog-filters {
        position: fixed;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        z-index: 100;
    }

    .show-filter .catalog-filters {
        width: 100%;
        display: block;
    }

    .show-filter {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .catalog-filters__list, .catalog-filters__list:not(.catalog-filters__list--hidden) {
        margin-left: -2%;
    }

    .catalog-filters__list > li {
        width: 48%;
        margin-left: 2%;
    }

    .btn.blue {
        background-color: #007bfb;
        color: #fff;
    }

    .catalog-list-section {
        margin-left: 0;
    }

    .catalog-list .catalog-list__item {
        margin-left: 0;
        width: 50%;
    }

    .catalog-list .catalog-list__item .product {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .catalog-filters__row {
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .show-filter {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .filter-head {
        display: block;
    }

    .catalog-filters--active .btn-amount {
        margin-bottom: 60px;
    }

    .catalog-tags {
        position: relative;
        white-space: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
    }

    .catalog-tags__link {
        margin-bottom: 0;
    }

    .product__img:before {
        display: none !important;
    }

    .product__img img {
        position: inherit !important;
        top: auto !important;
        left: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transition: 0 !important;
        -o-transition: 0 !important;
        transition: 0 !important;
        -webkit-transform-origin: 0 !important;
        -ms-transform-origin: 0 !important;
        transform-origin: 0 !important;
    }

    .product {
        z-index: 1 !important;
    }

    .catalog-filters__list.sort-type {
        padding-top: 0 !important;
    }

    .catalog-filters {
        padding-bottom: 0px !important;
    }

    .filter-icon, .btn-amount {
        display: block;
    }

    .btn-amount {
        color: #fff;
        background: #383b40;
        font-size: 16px;
    }

    .filter-tail {
        display: block;
        border-top: 1px solid #c5c5c563;
        padding-top: 15px;
        position: absolute;
        bottom: 0;
        background-color: #ffffff;
        z-index: 1002;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    .filter-tail .filter-count {
        display: block;
        text-align: center;
    }

    .filter-tail::after {
        content: '';
    }

    .show-filter .mobile-correct {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        top: 0;
        z-index: 1001;
    }

    .filter-footer-padding {
        display: block;
        height: 130px;
    }

    .catalog-filters__clear, .catalog-filters__amount {
        display: none;
    }

    .catalog-filters {
        display: block !important;
    }

    .filter-icon {
        cursor: pointer;
    }

    .catalog-filters {
        position: fixed;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        overflow: hidden;
        background: #fff;
        z-index: 1001;
    }

    .show-filter .catalog-filters {
        width: 100%;
        display: block;
        max-width: 320px;
        box-shadow: -2px 0 10px rgb(0 0 0 / 20%);
    }

    .show-filter {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .catalog-filters__list, .catalog-filters__list:not(.catalog-filters__list--hidden) {
        margin-left: -2%;
    }

    .catalog-filters__list > li {
        width: 48%;
        margin-left: 2%;
    }

    .btn.blue {
        background-color: #007bfb;
        color: #fff;
    }

    .catalog-filters__row {
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .show-filter {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .select__head svg {
        top: 24px;
    }

    .is-number .select__head svg {
        display: none !important;
    }

    .is-number .select__list {
        display: block !important;
    }
    .catalog-list-section {
        margin-left: 0px !important;
    }


}

@media (max-width: 680px) {
    .for-mobile {
        max-width: inherit;
    }

    .catalog-list-section {
        margin-left: 0;
    }

    .catalog-list .catalog-list__item {
        margin-left: 0;
        width: 100%;
    }

    .catalog-list .catalog-list__item .product {
        width: 100%;
        margin: 0 auto;
    }
    .function-item__head {
        padding: 13px 15px 13px 20px !important;
    }
    .filter-item {
        margin: 0 0 24px;
    }
}

.catalog-list__item .product-slider {
    z-index: 1;
}

.catalog-list__item .swiper-pagination-bullet {
    width: 6px;
    height: 3px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #333;
    background: rgba(51, 51, 51, 0.43);
    border-radius: 10px;
    margin: 0 3px !important;
}

.catalog-list__item .swiper-pagination-bullet-active {
    background: #333;
}

.catalog-list__item .swiper-container {
    margin-bottom: 0;
}

.catalog-list__item .swiper-wrapper {
    margin-bottom: 30px;
}

.catalog-list__item .swiper-pagination {
    bottom: 8px !important;
}

.catalog-list__item .product-slider {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.catalog-list__item .product-slider img {
    position: relative;
    width: 100%;
    max-height: 180px;
}

.product .reviews-rating-head {
    position: relative !important;
}

.catalog-list__item .product__fav {
    opacity: 1 !important;
    margin: 5px;
    z-index: 99;
}

.product__action {
    margin-top: 5px !important;
    flex-wrap: wrap;
    gap: 10px;
}

.product__qty {
    display: none;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}

.product__qty-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #333;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.product__qty-btn:hover {
    background: #333;
    color: #fff;
    border-color: #333;
}

.product__qty-value {
    min-width: 20px;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.is-select__list .has-color:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 45px;
    width: 10px;
    height: 10px;
    --dynamic-color: var(--data-color);
    background-color: var(--dynamic-color);
    border-radius: 50%;
}

.catalog-list__item .swiper-pagination-bullet {
    width: 12px;
    height: 6px;
}

.product__img .product-slider img {
    padding-top: 25px;
    top: 0;
    left: 0;
    transform: none !important;
    -webkit-transform: none !important;
    min-height: 150px;
    max-height: 150px;
}

.is-select__item.selected {
    cursor: pointer;
    color: #000;
}

.is-select__item.selected:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 100px;
    background: #383b40;
}

.product__price--sale {
    display: block !important;
    margin-right: 10px;
    margin-left: 5px;
}

.swiper-pagination-bullet:nth-child(n+4) {
    display: none !important;
}

.catalog-list-section .product__prices {
    flex-direction: row!important;
}