/*************************************************************************
Глобально
***************************************************************************/
.btn {

    font-family: 'Montserrat';
}

.input-material input:focus~label,
.input-material input[area-valid]~label,
.input-material textarea:focus~label,
.input-material textarea[area-valid=false]~label,
.input-material textarea[area-valid=true]~label {
    color: #96a1a4;
}

.input-material label {
    top: 15px;
}

.input-material {
    height: 56px;
}

.input-material--textarea {
    height: auto !important;
    /*заплатка, не нужна если соблюсти предыдущий стиль поставить на нужный уровень*/
}


.input-material input:focus,
.input-material input[area-valid] {
    margin-top: 7px;
}


/*куки*/
.cookie-consent-modal {
    background: #000000db;
}

.cookie-consent-content {
    max-width: 100%;
}

.cookie-consent-content p {
    font-size: 13px;
    max-width: 735px;
}

.cookie-consent-content .btn {
    font-size: 15px;
    height: 44px;
}

/*************************************************************************
Превью окно зум
***************************************************************************/
.lg-backdrop {

    background-color: #f2f6f9;

}

.lg-outer .lg-thumb-outer {
    background-color: #f2f6f9;
}

.lg-outer .lg-inner {

    top: 0px !important;

}



.lg-outer .lg-thumb-item {

    border: 2px solid #e4e9ed;

}

.lg-next,
.lg-prev {
    background-color: rgb(255 255 255);
    border-radius: 50px;
    color: var(--accent);

}

.lg-next:hover,
.lg-prev:hover {
    color: var(--accent-hover);
}

.lg-outer .lg-thumb {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb {
        padding: 0px 0;
    }
}

/*************************************************************************
Единобрази кнопок
***************************************************************************/
.btn {
    height: 42px;
}

@media screen and (min-width: 1200px) {
    .btn {
        /*    height: 56px;  удалить это из стилей*/
    }
}

.btn.btn-gray:hover {
    background-color: var(--accent-hover);
}


.pagination__more .btn {
    font-size: 15px;
}


@media screen and (min-width: 992.98px) {
    .pagination__more .btn {
        max-width: 260px;
    }
}

.category-filter__submit input {
    height: 42px;
    font-size: 15px;
}

.tag-collections__list ul li a {
    padding: 10px 19px
}

@media screen and (min-width: 1440.98px) {
    .tag-collections__list ul li a {
        padding: 10px 19px;
    }
}

.pagination__page ul li a,
.pagination__page ul li span {
    width: 42px;
    height: 42px;

}

@media screen and (min-width: 992.98px) {

    .pagination__page ul li a,
    .pagination__page ul li span {
        width: 42px;
        height: 42px;
        font-size: 15px;
    }
}

.footer-subscribe__form .btn {
    height: 50px;
}

.delivery__tabs ul li .btn {
    font-size: 15px;
}

.minicard__tocart .btn-tocart {

    height: 42px;
    font-family: 'Montserrat';
}

.menu-catalog {
    font-family: var(--font-montserrat);
}

.header-menu__wrp ul li a {
    font-size: 15px;
    font-family: var(--font-montserrat);
}

.tag-collections__list ul li a {

    font-size: 15px;
    font-family: var(--font-montserrat);
}

.sp-details__tocart .btn {
    height: 56px;
}

.text-accordion__nav ul li {
    font-size: 14px;
    font-family: var(--font-montserrat);
}

.text-accordion__nav ul li.is-open {

    font-size: 14px;
    font-family: var(--font-montserrat);
}

.cart .btn-small {
    font-size: 15px;
    height: 42px;
}

.checkout-aside__checkout .btn {
    font-size: 15px;
    height: 56px;
}

.checkout-user__tabs label {
    font-size: 15px;
    height: 42px;
}

@media screen and (min-width: 1440.98px) {
    .checkout-user__next .btn {
        font-size: 15px;
    }
}

.checkout-aside__pay .btn {
    font-size: 15px;
    height: 56px;
}


/*************************************************************************
Шапка
***************************************************************************/

.header__actions .tooltip-count {
    font-size: 8px;
    height: 12px;
    min-width: 13px;
    padding: 2px 4px 2px 4px;
    font-family: 'Montserrat';
    letter-spacing: 1px;
}

/*выпадающее меню*/
.top-catalog__nav.level2 li>a {
    font-family: var(--font-montserrat);
    font-weight: 600;
    font-size: 15px;
    line-height: 117%;
    white-space: nowrap;
}

.top-catalog__nav ul li {
    padding: 12px 22px;
}

.top-catalog__last>ul>li.not-sub a {
    font-family: var(--font-montserrat);
    font-weight: 600;
    font-size: 15px;
    line-height: 117%;
    padding: 12px 0 12px 12px;
    white-space: nowrap;
}

@media screen and (min-width: 992.98px) {
    .catalog-other {

        justify-content: flex-end;
    }
}

.top-catalog__nav {
    width: 300px;
    min-width: 300px;

}

@media screen and (min-width: 992.98px) {
    .top-catalog__nav.level2 {
        width: initial;
    }
}

.header-professions[data-header-popup=professions] .bgimage {
    border-radius: 9px;
}

.top-catalog__image picture img {

    border-radius: 9px;
}

.header-professions {
    padding: 10px 0 40px 0;
    background: #ffffff;
    top: 178px;
}

/*************************************************************************
Главная
***************************************************************************/


/*стрелки слайдера*/

.splide__arrow {
    box-shadow: 0 4px 9px 0 #00000033;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 1;
}

.splide__arrow:disabled svg {
    fill: rgb(0 0 0 / 45%);
}

.splide__arrow:disabled {
    opacity: .7;
    box-shadow: none;
    background-color: rgb(0 0 0 / 17%);
    cursor: default;
}

.splide__arrow--prev {
    left: 15px;
}

.splide__arrow--next {
    right: 15px;
}

@media screen and (max-width: 767px) {
    .splide__arrow--prev {
        left: 5px;
    }

    .splide__arrow--next {
        right: 5px;
    }

}











/*кнопка задать вопрос*/



.bottom-question .btn {
    background-color: var(--dark);
    height: 41px;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
}



/*Блок каталога на главной*/

.tile-catalog__child {
    padding-top: 20px;
}

@media screen and (min-width: 1440.98px) {
    .tile-catalog__item {
        height: 275px;
    }
}

.tile-catalog__child li {
    padding-bottom: 13px;
}

.tile-catalog__child li a {
    color: #2d2d2d;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    opacity: 0.8;
}

.tile-catalog__child li a:hover {
    text-decoration: none;
    opacity: 1;
}


.tile-catalog__child-more {
    font-size: 14px;
}

@media screen and (min-width: 1024px) {
    .tile-catalog__item .tile-catalog__child {
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.5s cubic-bezier(0.01, 0.5, 0.07, 1);
        opacity: 0;

    }

    .tile-catalog__item:hover .tile-catalog__child {
        visibility: visible;
        transform: translateY(0px);
        opacity: 1;
    }


}







/*блок отзывов*/



@media screen and (max-width: 767px) {

    .reviews-slider__title {
        font-size: 24px;
        padding-left: 24px;
    }

    .section-reviews-slider .container {
        padding: 0 0px;
    }

    .reviews-slider .splide__slide:first-child,
    .reviews-slider__slider .splide__slide:first-child {
        padding-left: 24px;
    }

    .reviews-slider .splide__slide:last-child,
    .reviews-slider__slider .splide__slide:last-child {
        padding-right: 24px;
    }

    .reviews-slider .splide__arrow--prev,
    .reviews-slider__slider .splide__arrow--prev {
        left: 5px;
    }

    .reviews-slider .splide__arrow--next,
    .reviews-slider__slider .splide__arrow--next {
        right: 5px;
    }
}



@media screen and (min-width: 767px) {


    .reviews-slider__partners {
        padding-left: 0px;
    }

    .reviews-slider .splide__arrow--prev,
    .reviews-slider__slider .splide__arrow--prev {
        left: 55px;
    }

    .reviews-slider .splide__arrow--next,
    .reviews-slider__slider .splide__arrow--next {
        right: 55px;
    }

    .reviews-slider__title {
        padding-left: 40px;
        font-size: 27px;
    }

    .reviews-slider__slider {
        padding-left: 0px;
    }

    .section-reviews-slider .container {
        padding: 0 0px;
    }

    .reviews-slider .splide__slide:first-child,
    .reviews-slider__slider .splide__slide:first-child {
        padding-left: 40px;
    }

    .reviews-slider .splide__slide:last-child,
    .reviews-slider__slider .splide__slide:last-child {
        padding-right: 40px;
    }


}

/* Блок видео*/
@media screen and (min-width: 767px) {

    .section-video-slider .splide__arrow--pre {
        left: 40px;
    }

    .section-video-slider .splide__arrow--next {
        right: 20px;
    }

}

@media screen and (max-width: 767px) {

    .section-video-slider .splide__arrow--prev {
        left: -18px;
    }

    .section-video-slider .splide__arrow--next {
        right: -15px;
    }

}


/*блок новости*/

@media screen and (min-width: 767px) {

    .section-news-slider .splide__arrow--pre {
        left: 40px;
    }

    .section-news-slider .splide__arrow--next {
        right: 20px;
    }

}

@media screen and (max-width: 767px) {

    .section-news-slider .splide__arrow--prev {
        left: -18px;
    }

    .section-news-slider .splide__arrow--next {
        right: -15px;
    }

}









/**/
.doc-review__image picture {
    background-color: white;
}

.doc-review__desc span {
    font-size: 13px;
    padding-top: 5px;
    line-height: 139%;
    font-family: var(--font-montserrat);
    font-weight: 400;

}





@media screen and (min-width: 767px) {
    .reviews-slider__partners {
        padding-bottom: 80px;
    }
}


.reviews-slider__title:nth-child(2) {
    border-top: 1px solid #dce3e8;
    padding-top: 80px;
}

.user-review__desc {
    font-size: 13px;
    padding-top: 5px;
    line-height: 139%;
    font-family: var(--font-montserrat);
    font-weight: 400;
    color: #00000080;
}

.user-review__name {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}


/*************************************************************************
Страница Сравнить
***************************************************************************/

.compare__breadcrumbs {
    padding-bottom: 0px;
    margin-top: 0px;
}


/*************************************************************************
Контакты
***************************************************************************/

/* Высокие инпуты - это ошибка в макете, лучше просто удалить*/

.contacts .input-material:not(.input-material--textarea) {
    height: 56px;
}

.contacts .input-material:not(.input-material--textarea) label {
    top: 17px;
}

.input-material input:focus~label,
.input-material input[area-valid]~label,
.input-material textarea:focus~label,
.input-material textarea[area-valid=false]~label,
.input-material textarea[area-valid=true]~label {
    top: 5px;
}


.contacts .input-material input:focus~label,
.contacts .input-material input[area-valid]~label,
.contacts .input-material textarea:focus~label,
.contacts .input-material textarea[area-valid=false]~label,
.contacts .input-material textarea[area-valid=true]~label {
    top: 5px;
}

.contacts .input-material:not(.input-material--textarea) input {
    margin-top: 8px;
}

/*формы*/
.contacts__mail-form .form label {
    padding-bottom: 7px;
}

.contacts__mail-form .form .attach-file {
    margin-bottom: 15px;
}


@media screen and (min-width: 767px) {
    .contacts-item .link-email {
        font-size: 15px;
        /*Удалить*/
    }
}

.contacts-item__text {
    line-height: 160%;
}

@media screen and (min-width: 1440.98px) {
    .section-stores-slider--contacts .stores-slider__city {
        font-size: 20px;
        padding-bottom: 17px;
    }
}

@media screen and (min-width: 1440.98px) {
    .section-stores-slider--contacts .stores-slider__address {
        font-size: 20px;
        font-weight: 600;
    }
}

.stores-slider__onmap a {
    font-size: 15px;
    color: var(--accent);
    font-weight: 600;
}

@media screen and (min-width: 576px) {
    .stores-slider__worktime {
        max-width: 186px;
    }
}

@media screen and (min-width: 992.98px) {
    .stores-slider__title {
        font-size: 27px;
    }
}

@media screen and (min-width: 992.98px) {
    .section-stores-slider--contacts {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 576px) {
    .contacts__mail {
        padding-bottom: 40px;
    }
}




/*************************************************************************
Нижняя панель мобилки
***************************************************************************/
.bottom-panel .tooltip-count {
    font-size: 8px;
    height: 13px;
    min-width: 13px;
    padding: 3px 2px 2px 3px;
    font-family: 'Montserrat';
    letter-spacing: 1px;
    right: -4px;
    top: 5px;
}

.bottom-panel__item a span {
    font-family: var(--font-montserrat);
    font-size: 10px;
    margin-top: -7px;
}


/*************************************************************************
Хлебные крошки
***************************************************************************/
.page__breadcrumbs {
    margin-top: 0;
}

.breadcrumb>.breadcrumb {
    padding-bottom: 21px;

}

.breadcrumb li a,
.breadcrumb li span {
    padding: 0px;
}

.breadcrumb ul {
    margin-left: 0px;
    margin-right: 0px;
}

.breadcrumb li::after {
    margin: 0 11px 0 8px;
}


.catalog-category__breadcrumb {
    margin-top: 0px;

}

@media screen and (min-width: 480px) {
    .catalog-category__breadcrumb {
        padding-bottom: 21px;
    }
}



.blog-details__breadcrumbs {
    padding: 0 0 15px 0;
}

/*************************************************************************
Блог
***************************************************************************/
.card-blog-small__text {
    font-family: 'Montserrat';
    line-height: 160%;
    font-size: 14px;
    opacity: 0.6;
}

.card-blog-small__title {
    padding-bottom: 10px;
}


@media screen and (max-width: 576px) {
    .card-blog-small__image {
        padding-bottom: 25px;
    }

    .blog__list .blog__item {
        margin-bottom: 40px;
    }

}

@media screen and (min-width: 992px) {
    .blog__list .blog__item {
        width: 33.25%;

    }
}

@media screen and (min-width: 1200px) {
    .blog__list .blog__item {
        width: 25%;
        margin-bottom: 40px;
    }
}




.blog__top {
    padding-bottom: 30px;
}



.blog__category {
    padding-bottom: 16px;
    margin-bottom: 30px;
}

.blog__category ul {
    margin: -5px -17px;
    scrollbar-width: none !important;
}

.blog__category ul li {
    border-radius: 50px;
}

.blog__category ul li a {

    padding: 5px 18px;

}

@media screen and (min-width: 992.98px) {
    .blog__category {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1440.98px) {
    .blog__category {
        margin-bottom: 30px;
    }
}


/*************************************************************************
Страница статья 
***************************************************************************/

@media screen and (max-width: 767px) {

    .blog-details {
        padding-bottom: 40px;
    }
}


.blog-details .formated-text h2 {
    line-height: 150%;
}

.blog-details .formated-text h3 {
    line-height: 150%;
}

.blog-details .formated-text h4 {
    font-size: 18px;
    line-height: 150%;
}

.blog-details .formated-text h5 {
    font-size: 16px;
    line-height: 150%;
}

.blog-details .formated-text h6 {
    font-size: 15px;
    line-height: 150%;
}


.blog-details .formated-text h1 {
    line-height: 120%;
    text-align: center;
}



@media screen and (min-width: 992.98px) {

    .blog-details__article .formated-text h1,
    .blog-details__article .formated-text h2,
    .blog-details__article .formated-text h3,
    .blog-details__article .formated-text h4,
    .blog-details__article .formated-text h5,
    .blog-details__article .formated-text h6,
    .blog-details__article .formated-text ol,
    .blog-details__article .formated-text p,
    .blog-details__article .formated-text ul {
        max-width: 790px;
    }

    .blog-details__article .formated-text img {
        max-width: 790px;

    }
}

.formated-text img {
    margin-top: 40px;
    margin-bottom: 40px;
}

.formated-text .custom-button {
    background-color: #0090c3;
    font-size: 15px;

    border-radius: 35px;
    margin: 12px 0px;
}



.formated-text div:not([class]),
.formated-text p {

    line-height: 170%;
}

@media screen and (min-width: 992.98px) {
    .article-constructor ul.article-gallery li {
        max-width: 400px;
    }
}

@media screen and (min-width: 767px) {
    .formated-text ul {
        padding-left: 10px;
    }
}

/*************************************************************************
Таблица размеров
***************************************************************************/

.table-sizes .card-img-caption__picture picture {
    padding-top: 135%;
}


.table-sizes__title {
    font-weight: 500;
    padding-bottom: 30px;
    padding-right: 40px;
    padding-left: 40px;
    text-align: center;
    font-size: 15px;
    color: #8d8d8d;
    padding-top: 0px;
}

@media screen and (min-width: 767px) {
    .table-sizes__table {
        height: calc((var(--vh, 1vh) * 100) - 176px);
    }
}


.section-table-sizes .table-sizes__button .btn {
    height: 41px;
    font-size: 13px;

}

@media screen and (min-width: 767px) {
    .table-sizes__table {
        margin-bottom: 22px;
    }
}

/*************************************************************************
Страница поиска 
***************************************************************************/
.specify-category__list li a {
    font-weight: 500;
}

.change-view__item label svg {
    width: 27px;
    height: 16px;
}

.specify-category__label {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 27px;
    color: #b2bac0;
    font-family: 'Montserrat';
}

@media screen and (min-width: 576px) {
    .catalog-category--search .catalog-category__breadcrumb {
        padding-bottom: 21px;
    }
}

.top-search__category-more {
    margin-bottom: 30px;
}

.top-search__all .btn {
    height: 41px;
    font-size: 15px;

}

@media screen and (min-width: 992.98px) {
    .top-search__list {
        max-height: calc((var(--vh, 1vh) * 100) - var(--hgt-header, 68px) - 205px);
    }
}

@media screen and (min-width: 992.98px) {
    .top-search__wrp {
        padding: 20px 0;
    }
}

.top-search__desc {
    font-size: 12px;
    line-height: 123%;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;

    display: none;
}

.top-search__product .top-search__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    padding-bottom: 6px;
}

.top-search__item:not(.top-search__item-c) {
    padding: 15px 0;
}

.top-search__all {
    padding-top: 20px;
    margin-bottom: 80px;
}

/*************************************************************************
Страница товар 
***************************************************************************/

.sp-gallery__brand {
    left: 10px;
    top: 10px;
}





@media screen and (min-width: 767px) {
    .category-products.view--list .category-products__item {
        padding-right: 30px;
    }
}



/*блок особенности*/

@media screen and (min-width: 767px) {

    .single-product__accordion .splide__arrow--pre {
        left: 40px;
    }

    .single-product__accordion .splide__arrow--next {
        right: 20px;
    }

}

@media screen and (max-width: 767px) {

    .single-product__accordion .splide__arrow--prev {
        left: 5px;
    }

    .single-product__accordion .splide__arrow--next {
        right: 5px;
    }

}




.single-product .breadcrumb>.breadcrumb {
    padding-bottom: 0px;
}


.sp-details__tablesize {

    font-size: 15px;
}

.minicard__oldprice {
    display: block;
    color: var(--disabled);
    font-size: 12px;
    font-weight: 600;
}

.minicard__sale {
    display: none;
}

.quickview .sp-details__radio {
    padding-bottom: 15px;
}

.quickview__details {
    font-size: 15px;
}

@media screen and (max-width: 992.98px) {
    .sp-head__title h1 {
        font-size: 22px;
        line-height: 120%;
    }

    .sp-head__price {
        font-size: 19px;
        font-weight: 600;
    }

    .quickview__price {
        font-size: 19px;
    }
}


@media screen and (max-width: 576px) {
    .quickview__slider picture {
        padding-top: 100%;
    }
}


/*************************************************************************
Подвал
***************************************************************************/

footer {
    margin-top: 40px;
}

.footer--bottom .footer__policy a,
.footer__dev {
    font-size: 14px;
}

/*************************************************************************
Страница Листинг 
***************************************************************************/


.catalog-category__top {
    padding: 35px 0 10px 0;
}


.catalog-category__h1 h1 {
    line-height: 114%;
}

.category-products.view--list .minicard__desc {
    flex-grow: 0;
    order: 0;
}

.category-products.view--list .minicard__prices {
    order: 1;

}

.category-products.view--list .minicard__main {
    padding: 15px 0 0px 0;
}




.minicard__price {
    font-weight: 600;
}


@media screen and (min-width: 480px) {
    .catalog-category__h1 {
        padding-bottom: 10px;
    }
}

.catalog-category--search .catalog-category__tags ul li a,
.catalog-category--search .catalog-category__tags ul li span {
    font-size: 14px;
    color: black;
}

.catalog-category__filter .button-filter .ic_24 {
    background-color: #2f3030;
}


.catalog-category__tags ul {
    margin: 0px 0px;
    gap: 0px 30px;
}

.catalog-category__tags ul li {
    padding: 4px 0px;
}

.catalog-category__tags ul li a,
.catalog-category__tags ul li span {
    padding-inline: 12px;
}

.catalog-category__tags ul li a,
.catalog-category__tags ul li span {
    font-size: 14px;
    color: var(--accent);
}


@media screen and (min-width: 576px) {
    .catalog-category .title-subcat {
        text-align: center;
        /*лучше удалить выравнивание текста слева*/
    }

    .catalog-category__tags {
        padding-bottom: 0px;
    }

    .catalog-category__subcat {
        padding-top: 12px;
        padding-bottom: 0px;
    }

}


@media screen and (max-width: 576px) {
    .catalog-category .title-subcat {

        font-size: 14px;
        font-weight: 600;

    }
}


/*************************************************************************
Доставка и оплата
***************************************************************************/

.delivery__contacts {
    /*Фиксируем только при высоте экрана больше 768px*/
    position: static;
}

@media screen and (min-height: 768px) {
    .delivery__contacts {
        position: sticky;
        top: calc(var(--hgt-header, 68px) + 30px);
    }
}



@media screen and (min-width: 1025px) {
    .delivery-contacts__title {
        font-size: 17px;
        /*лучше удалить это в коде*/
    }
}


/*************************************************************************
ПОПАП выбора цвета
***************************************************************************/
/* .af-popup__content {

    justify-content: flex-start;
} */

/*************************************************************************
ПОПАП Карточки товара
***************************************************************************/
@media screen and (min-width: 992.98px) {
    .quickview {
        padding: 19px 36px 36px 36px;
    }
}

.quickview .sp-details__tablesize span {
    font-size: 15px;
}

.quickview__action {

    padding-bottom: 14px;
}

.quickview__name {

    padding-bottom: 20px;
}

@media screen and (max-width: 576px) {
    .quickview .quickview__ic svg {
        width: 37px;
        height: 37px;
    }
}

/*************************************************************************
Карточка товара
***************************************************************************/

.sp-online__live,
.sp-online__print {
    border-radius: 10px;
}


@media screen and (min-width: 1200px) {
    .sp-gallery__set {
        right: 15px;
        bottom: 15px;
    }
}


@media screen and (min-width: 576px) {
    .sp-gallery .splide__slide {
        border-radius: 10px;
    }

    .sp-gallery .splide__slide:hover {
        border-color: rgb(0 144 195 / 34%);
    }
}





@media screen and (min-width: 991.98px) {
    .sp-advantages__media {
        background: #f2f7fa;
        border-radius: 10px;
    }
}


.minicard__bg {

    padding: 1px 5px;

}

.minicard__bg>div svg {
    height: 34px;
    width: 34px;
}


.minicard__tocart .btn-tocart {

    height: 42px;

}

@media screen and (max-width: 576px) {
    .minicard__vcode {
        padding-bottom: 10px;

    }
}


@media screen and (min-width: 992.98px) {
    .minicard__bg:has(.is-active) {
        opacity: 1;
    }
}

.minicard [data-wishlist].is-active::before {
    background-size: 49% auto;
}


@media screen and (max-width: 480px) {
    .category-products:not(.column-one) .minicard:not(.minicard--large) .minicard__action {
        margin: 4px;
        gap: 0;

    }

    .minicard:not(.minicard--large) .minicard__bg {
        width: 68%;
        padding: 1px 1px 1px 1px;
    }

}



/*************************************************************************
Страница сравнения 
***************************************************************************/

.compare__tabs ul li:hover a {
    border-color: var(--accent);
    color: var(--black);
    background-color: transparent;
}

.compare__tabs ul li:hover a span {
    color: rgba(0, 0, 0, .4);
    /*лучше удалить белый цвет а не перебивать его этим*/
}


.section-compare .container {
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {

    .compare__content table tr td.td-minicard .minicard__action,
    .compare__content table tr td.td-minicard .minicard__bg {
        right: 9px;
        left: 4px;
        bottom: 4px;
    }
}



/*табы*/

.compare__tabs ul li {
    margin-right: 12px;
}

.compare__tabs ul li a {
    padding: 10px 15px;
    font-weight: 600;
    font-size: 13px;
    height: 35px;
    font-family: 'Montserrat';
}

@media screen and (min-width: 992.98px) {
    .compare__tabs ul li a {
        padding: 10px 15px;
    }
}



/*кнопки влево вправо - убираем ховер эффект, на мобилках плохо выглядит, ставлю заплатку но лучше удалить лишнее из кода*/

.compare__nav-next:hover svg,
.compare__nav-prev:hover svg {
    fill: var(--accent);
}

.compare__nav-next:hover,
.compare__nav-prev:hover {
    background-color: white;
}

/*перекрасить кнопки листалки*/
.compare__nav-next[data-state="0"],
.compare__nav-prev[data-state="0"] {
    background-color: #F3F3F3;
    opacity: 1;
    box-shadow: none;
}

.compare__nav-next[data-state="0"],
.compare__nav-prev[data-state="0"] svg {
    fill: #8D8D8D;
}

/*для колонки с опциями */

@media screen and (max-width: 767px) {
    .compare__content table tr td.td-title--setting .toggle span {
        font-size: 13px;
        line-height: 115%;
        font-weight: 500;
    }

    .compare__content table tr td.td-title--setting ul a span {
        font-weight: 500;
        font-size: 13px;
        line-height: 115%;
    }

    .compare__content table tr td.td-title--setting ul a svg {
        margin-right: 10px;
        min-width: 35px;
        fill: #1c1c1e;
    }

    .compare__content table tr td.td-title {

        font-weight: 500 !important;
        font-family: 'Montserrat';

    }
}

@media screen and (min-width: 767px) {

    .compare__content table tr td.td-title--setting {
        margin-left: -20px;
        padding-top: 12px;
    }
}

.compare__content table tr td.td-title--setting .toggle {
    padding-bottom: 7px;
}

.compare__content table tr td.td-title--setting ul {
    padding-top: 0px;
}


/*на больших экранах позиционируем кнопки листалки посередине карточек*/
@media screen and (min-width: 767px) {
    .compare__nav {
        position: relative;
        margin-bottom: 27px;
    }

    .compare__nav-prev {
        position: absolute;
        background: white;
        top: 230px;
        right: calc(100% - 360px);
        z-index: 10;
    }

    .compare__nav-next {
        position: absolute;
        background: white;
        top: 230px;
        right: -18px;
        z-index: 10;
    }
}

@media screen and (min-width: 1440.98px) {
    .compare__nav-prev {
        right: calc(100% - 376px);
    }
}


/*************************************************************************
Корзина
***************************************************************************/

.cart-select-bar {
    margin-bottom: 16px;
}

.cart {
    padding-top: 0px;
}

.cart-select-bar__button .btn {
    border: 0px solid var(--accent);
}

@media screen and (min-width: 767px) {
    .cart-item__checkbox {
        padding-bottom: 6px;
        align-self: flex-start;
        margin-top: 4px;
    }
}


.cart-item__details {
    gap: 10px;
}

.cart-item__price-current {
    font-size: 18px;
}

@media screen and (min-width: 767px) {
    .cart-item__price-current {
        font-size: 22px;
    }
}

.cart-item__price-old {
    font-weight: 500;

}

.cart-item__price-unit,
.cart-item__price-current {
    line-height: 100%;
}

.cart-item__pricebar {

    justify-content: flex-start;
    align-items: baseline;
}

.cart-item__sticker {
    padding-bottom: 0px;
    padding-top: 10px;
}


.cart-item__name {
    padding-top: 2px;
    padding-bottom: 0px;
}

.cart-item__colorbar {
    align-items: flex-start;
}


.cart-item__left {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 7px;
}



@media screen and (min-width: 1440.98px) {
    .cart-item__sticker span {
        margin-left: 0px;
    }
}

.cart-item__sticker span {
    font-size: 10px;
    padding: 0px 9px 0px 9px;
    line-height: 19px;
    font-weight: 600;
}

.cart-item__sticker {
    gap: 6px;
    display: flex;
}

@media screen and (min-width: 767px) {
    .cart-item {
        padding: 30px 14px 19px;
    }
}

@media screen and (min-width: 1440.98px) {
    .cart-item__wrp {
        gap: 5px;
        padding-bottom: 25px;
    }
}

@media screen and (min-width: 767px) {
    .cart-select-bar {
        background-color: white;
        padding: 0px 0px;
        border-radius: 10px;
    }
}

.cart-size__td:first-child {
    font-size: 14px;
}

.cart-size__td:last-child {
    font-size: 15px;
}

.cart-size__td strong {
    font-weight: 500;
}

.cart-item__sku {
    font-family: 'Montserrat';
}

@media screen and (max-width: 767px) {
    .cart-size__bottom {
        padding: 10px 0px 20px 0px;
    }
}


.cart-item__size {
    padding-bottom: 0px;
}

.cart-item {
    padding: 22px 20px 20px 20px;
}

.cart-item__bottom {
    margin: 0px -20px -20px -20px;
}

.cart-item__sku {
    line-height: 127%;
}

.cart-item__right {
    padding-top: 3px;
}

@media screen and (min-width: 1440.98px) {
    .cart-item__top {
        padding-bottom: 15px;
    }
}

.page__title--cart {
    padding-bottom: 12px;
}

.page__desc {
    font-size: 13px;
    padding-bottom: 10px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: var(--disabled);
    line-height: 142%;
}

.cart__list {
    margin-bottom: 19px;
}

.checkout-aside__logo {
    padding: 37px 0px 20px 0px;
    order: 1;
}

.checkout-aside__checkout {
    order: 4;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

.checkout-aside__checkout a {
    margin-top: 0px;
}


@media screen and (min-width: 767px) {
    .aside-info__name {
        font-size: 14px;
    }
}

@media screen and (max-width: 576px) {
    .aside-info__name {
        font-size: 14px;
    }
}

.aside-dropdown__content {
    background-color: #ffffff;
    padding: 0px;
}

.cart-item__compare svg,
.cart-item__wishlist svg,
.cart-item__remove svg {
    width: 37px;
    height: 37px;
}

.cart-item__remove svg {
    width: 37px;
    height: 40px;
    margin-top: -1px;
}

.counter__input input {
    min-width: 54px;
}



.popup-select-color__product {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 16px;
    line-height: 130%;
}

.popup-select-color__price {
    padding-bottom: 12PX;
}

.popup-select-color__title {
    padding-bottom: 18px;
}

.popup-select-color__table {
    margin-bottom: 10px;
}



.af-position-left .af-popup__close {
    width: 36px;
    height: 36px;

    right: 17px;

}

.af-position-left .af-popup__close svg {
    width: 20px;
    height: 20px;
    outline: 0;
}

.af-popup--mobile .af-popup__content {
    border-radius: 30px 30px 0 0;
}

.cart-item__price-old {
    color: #aab6bd;
}

.aside-dropdown__title span,
.checkout-aside__prop span {
    font-family: 'Montserrat';
}

.checkout-aside__prop ul li {
    font-size: 15px;
}

/*************************************************************************
Оформление заказа
***************************************************************************/
.checkout-user__tabs label {
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 500;
    padding: 10px 22px;
    text-align: center;
    height: auto;


}

.checkout-user__tabs {

    gap: 5px;
}


.checkout-aside__wrp {
    display: flex;
    flex-direction: column;
}

.checkout-aside__title {
    padding-bottom: 23px;
}

.checkout-aside__cart {
    order: 0;
}

.checkout-aside__prop strong {
    font-size: 15px;
}

.checkout-aside__more {
    padding-bottom: 13px;
}

.checkout-aside .checkout-aside__logo {
    padding: 17px 0px 17px 0px;
    order: 3;
}

.checkout-aside__total {
    order: 4;
}

.checkout-aside__pay {
    padding-top: 27px;
    order: 5;
}

.checkout-aside__prop--details {
    padding: 8px 0;
}

.checkout-aside__prop--details ul li {
    padding: 7px 0;
}

.checkout-aside__more span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-aside__more span::after {
    transform: rotateZ(-90deg);
}

.af-content-center .af-popup__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


.popup-cart {
    padding: 28px 25px 30px 26px;
}

.popup-cart__title {
    padding-bottom: 20px;
}

/*************************************************************************
Блок Оформление заказа примагнитить к низу
***************************************************************************/

@media screen and (max-width: 576px) {
    .checkout-aside__cart {
        position: fixed;
        bottom: 74px;
        background-color: white;
        width: 100%;
        margin: 0px -25px;
        z-index: 49;
        padding: 15px 15px;
        box-shadow: 0px 0px 30px #00000017;
    }

    .checkout-aside__prop {
        padding-bottom: 4px;
    }

    .checkout-aside.checkout-aside--cart .checkout-aside__logo {
        padding: 11px 0px;
    }

    .checkout-aside__checkout {
        margin-top: 0px;
        gap: 0;
    }

    .checkout-aside__checkout .btn {
        font-size: 13px;
        padding: 10px 10px;
        height: 33px;
    }

    .checkout-aside__prop ul li span {
        font-size: 13px;
    }

    .aside-dropdown__title span,
    .checkout-aside__prop span {
        font-size: 13px;
    }

    .checkout-aside__prop ul li strong.max-size {
        font-size: 16px;
    }

    .checkout-aside__prop span {
        font-size: 13px;
    }



    .checkout-aside__prop ul li {
        padding: 0px 0;
    }

    .checkout-aside__logo a {
        font-size: 13px;
    }

    .checkout-aside__cart .btn.btn-gray,
    .checkout-aside__login {
        display: none;
    }
}