.color-white {
    color: #fff;
}

button {
    background-color: transparent;
}

.section {
    margin-top: 120px;
}

.container {
    max-width: 1608px;
    padding: 0 47px;
    margin: 0 auto;
    position: relative;
}

section .container {
    overflow-x: hidden;
}

.btn {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    border-radius: 8px;
}

.btn.light {
    background-color: #fff;
    color: #0E0E0E;
}

.slider-btn.swiper-button-prev,
.slider-btn.swiper-button-next,
.slider-btn.category-section__nav {
    cursor: pointer;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #7d7d7d;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
}

.slider-btn.category-section__nav.hidden {
    opacity: 0;
}

.slider-btn.swiper-button-prev,
.slider-btn.swiper-button-next {
    background-color: #252525b2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
}

.slider-btn:active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1px solid #9c9c9c;
    order: 1px solid #9c9c9c;
}

.slider-btn::after {
    display: none;
}

.home-hero {
    padding-top: 40px;
}

.home-hero__wrapper {
    position: relative;
}

.home-hero__slider {
    border-radius: 24px;
    overflow: hidden;
}

.home-hero__nav.swiper-button-prev {
    position: absolute;
    opacity: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.home-hero__nav_prev.swiper-button-prev {
    left: 17px;
}

.home-hero__nav_next.swiper-button-next {
    right: 17px;
}

.home-hero__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
}

.home-hero__footer {
    position: absolute;
    bottom: 32px;
    left: 50%;
    translate: -50% 0;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    width: 100%;
    gap: 10px;
}

.home-hero__pagination {
    --progress: 0;
    position: relative !important;
    bottom: unset !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.home-hero__pagination span {
    margin: 0 !important;
    height: 100%;
    max-width: 117px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin: unset;
    background-color: unset;
    opacity: unset;
    border-radius: unset;
    position: relative;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    flex-shrink: 1;
}

.home-hero__pagination span::before,
.home-hero__pagination span::after {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    left: 0;
    top: 50%;
    translate: 0 -50%;
}

.home-hero__pagination span::before {
    background-color: #90909080;
    width: 100%;
    z-index: 1;
}

.home-hero__pagination span::after {
    background-color: #fff;
    left: 0 !important;
    z-index: 2;
}

.home-hero__pagination span.swiper-pagination-bullet-active::after {
    opacity: 1;
    width: calc(var(--progress) * 1%);
}

.home-hero__stop .play {
    display: none;
}

.home-hero__stop.active .play {
    display: block;
}

.home-hero__stop.active .stop {
    display: none;
}

.hero-slide {
    height: 517px;
}

.hero-slide .mobile {
    display: none;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.category-section__list {
    gap: 10px;
}

.category-section__list:nth-child(1) {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.category-section__list:nth-child(1) .category-section__item {
    height: 153px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 0 0 426px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 288px;
    flex: 0 0 288px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 1;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    -webkit-box-flex: 0;

    -ms-flex: 1;
    flex: 1;
}

.category-section__list:nth-child(2) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 207px;
    grid-template-columns: 207px;
}

.category-section__list:nth-child(2) .category-section__item {
    height: 315px;
}

.category-section__list:nth-child(3) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 161px 117px;
    grid-template-columns: 161px 117px;
    -ms-grid-rows: 127px 178px;
    grid-template-rows: 127px 178px;
}

.category-section__list:nth-child(3) .category-section__item:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.category-section__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2142857143;
    background-color: #f5f5f7;
}

.category-section__item:hover {
    background-color: #e1e1e3;
}

.category-section__item.center {
    text-align: center;
}

.category-section__item a {
    color: #0E0E0E;
}

.category-section__item span {
    position: relative;
    z-index: 1;
}

.category-section__item img {
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.category-section__nav {
    display: none;
}

.sales-section {
    padding: 120px 0;
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(#363637),
            to(#0E0E0E)
    );
    background: -o-linear-gradient(right, #363637, #0E0E0E);
    background: linear-gradient(to left, #363637, #0E0E0E);
    color: #fff;
}

.sales-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.sales-section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sales-section__link {
    color: #fff;
    font-size: 16px;
    line-height: 1.1875;
    position: relative;
}

.sales-section__link .mobile {
    display: none;
}

.sales-section__link::after {
    content: "";
    display: block;
    width: 100%;
    top: 100%;
    height: 1px;
    background-color: #fff;
    scale: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sales-section__link:hover {
    color: #fff;
}

.sales-section__link:hover::after {
    scale: 1;
}

@media (max-width: 1023px) {
    .sales-section__link .desktop {
        display: none;
    }

    .sales-section__link .mobile {
        display: block;
    }

    .sales-section__link {
        font-size: 12px;
    }
}

.sales-section__main {
    position: relative;
}

.sales-section__nav_prev {
    left: 0;
    translate: -50% -50%;
}

.sales-section__nav_next {
    right: 0;
    translate: 50% -50%;
}

.sales-slide:hover .sales-slide__image img {
    scale: 1.1;
}

.sales-slide__image {
    border-radius: 8px;
    overflow: hidden;
}

.sales-slide__image img {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sales-slide__date {
    display: block;
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.2142857143;
    color: #999999;
}

.sales-slide__title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.product-section {
    padding-top: 120px;
    padding-bottom: 96px;
    overflow-x: hidden;
}

.product-section.grey {
    background-color: #f5f5f7;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.product-section.grey .catalog-body__item {
    background-color: #fff;
}

.product-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-section__title {
    color: #0E0E0E;
}

.product-section__main {
    position: relative;
}

.product-section__slider {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.product-section__slider .swiper-slide {
    max-width: 293px;
}

.product-section__nav {
    background-color: #fff;
    border: 1px solid #e1e1e3;
}

.product-section__nav svg {
    width: 24px;
    height: 24px;
}

.product-section__nav_prev {
    translate: -50% 0;
    left: 0 !important;
}

.product-section__nav_next {
    right: 0 !important;
    translate: 50% 0;
}

.product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.product-card:hover {
    -webkit-box-shadow: 0px 8px 10px 0px #c3c3c324, 0px -11px 30px 0px #c3c3c324,
    0px 16px 24px 0px #c3c3c324;
    box-shadow: 0px 8px 10px 0px #c3c3c324, 0px -11px 30px 0px #c3c3c324,
    0px 16px 24px 0px #c3c3c324;
}

.product-card__header {
    position: relative;
}

.product-card__hidden {
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 10;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product-card__hidden li {
    border-left: 1px solid blue;
    background-color: red;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product-card__banners {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
}

.product-card__banners li {
    border-radius: 4px;
    height: 18px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-card__banners li.black {
    background-color: #eeeef0;
    color: #0E0E0E;
}

.product-card__banners li.orange {
    background-color: #f39f3c1a;
    color: #f39f3c;
}

.product-card__banners li.blue {
    background-color: #3c82ff1a;
    color: #3c82ff;
}

.product-card__banners li.red {
    background-color: rgb(255 0 0 / 10%);
    color: #ff0000;
}

.product-card__slider .swiper-slide {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-card__slider .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-card__pagination {
    position: absolute;
    z-index: 2;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    bottom: 0 !important;
    left: 50% !important;
    top: unset !important;
    right: unset !important;
    translate: -50% 0;
    height: 22px;
}

.product-card__pagination .swiper-pagination-bullet {
    margin: 0 !important;
    height: 2px;
    width: 40px;
    border-radius: 2px;
    background-color: #e1e1e3;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1 !important;
}

.product-card__pagination .swiper-pagination-bullet-active {
    background-color: #0E0E0E;
}

.product-card__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.product-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.product-card__price.actual {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: #0E0E0E;
}

.product-card__price.old {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: #999999;
    text-decoration: line-through;
}

.product-card__small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 20px;
}

.product-card__sale {
    font-size: 12px;
    background-color: #d70015;
    color: #fff;
    padding: 0 3px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
}

.product-card__hint {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 16px;
}

.product-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.product-card__buy {
    height: 40px;
    background-color: #0E0E0E;
    color: #fff;
    white-space: nowrap;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
}

.product-card__buy img {
    display: none;
}

.news-section {
    padding: 120px 0;
    background: linear-gradient(262.96deg, #363637 0%, #0E0E0E 54.7%);
    color: #fff;
}

.news-section img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

.news-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 108px;
    overflow: hidden;
}

.news-section__main {
    max-width: calc(100% - 635px);
}

.news-section__main:only-child {
    max-width: 100%;
}

.news-section__title.h2 {
    margin-bottom: 70px;
    color: #fff;
}

.news-section__title.h2 a {
    color: #fff;
}

.news-section__title.h2 a:hover {
    color: #fff;
}

.news-section__thumbs .swiper {
    position: relative;
}

.news-section__mobile-thumbs {
    display: none;
    @include mix.bdown(nm) {
        display: block;
        width: 700px;
        margin: 0 auto 32px;
        .swiper-slide {
            max-width: 422px;
        }

        .news-section__mobile-thumbs-controllers {
            display: flex;
            margin: 12px auto 0;
        }
    }
    @include mix.bdown(sm) {
        width: auto;
        .swiper-slide {
            max-width: 328px;
        }
    }
    @include mix.bdown(xs) {
        .swiper-slide {
            max-width: 315px;
        }
    }
    @include mix.bdown(xxs) {
        .swiper-slide {
            max-width: 278px;
        }
    }

    & -thumbs-controllers {
        display: none;
    }
}

.news-section__mobile-info {
    display: none;
}

.news-section__mobile-info .swiper-pagination {
    display: none;
}

.news-section__gallery {
    user-select: none;
    display: flex;
    gap: 50px;
    align-items: center;
    max-width: 527px;
    max-height: 726px;
    overflow: hidden;
}

.news-section__gallery .swiper {
    height: 270px;
    overflow: initial;
}

.news-section__gallery .swiper-wrapper {
    align-items: center;
/ / transition-timing-function: var(/ / --swiper-wrapper-transition-timing-function,
/ / initial / / ) !important;
}

.news-section__gallery .swiper-slide {
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    height: 270px;
    width: 400px;
    border: 1px solid #636364;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    position: relative;
}

.news-section__gallery .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: #00000033;
    pointer-events: none;
    transition: 0.3;
}

.news-section__gallery .swiper-slide-active::after {
    opacity: 0;
}

.news-section__controllers,
.product-day__controllers,
.promotion__controllers,
.promotion-mobile__controllers,
.news-section__mobile-thumbs-controllers {
    width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 39px;
}

.news-section__controllers .swiper-pagination,
.product-day__controllers .swiper-pagination,
.promotion__controllers .swiper-pagination,
.promotion-mobile__controllers .swiper-pagination,
.news-section__mobile-thumbs-controllers .swiper-pagination {
    position: relative;
    top: unset !important;
    right: unset !important;
    left: unset !important;
    bottom: unset !important;
    transform: none !important;
    gap: 20px;
}

@media (min-width: 767px) {
    .news-section__controllers .swiper-pagination,
    .product-day__controllers .swiper-pagination,
    .promotion__controllers .swiper-pagination,
    .promotion-mobile__controllers .swiper-pagination,
    .news-section__mobile-thumbs-controllers .swiper-pagination {
        width: 100% !important;
    }
}

.news-section__controllers .swiper-pagination .swiper-pagination-bullet,
.product-day__controllers .swiper-pagination .swiper-pagination-bullet,
.promotion__controllers .swiper-pagination .swiper-pagination-bullet,
.news-section__mobile-thumbs-controllers
.swiper-pagination
.swiper-pagination-bullet,
.promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
    height: 3px;
    background: #414142;
    transition: 0.3s;
    border-radius: 2px;
    position: relative;
    margin: 10px 0 !important;
    width: 70px;
    opacity: 1 !important;
}

@media (min-width: 1023px) {
    .news-section__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .product-day__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .promotion__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next) {
        transform: scaleX(0.57) !important;
    }
}

@media (max-width: 1023px) {
    .news-section__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .product-day__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .promotion__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next),
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(
            .swiper-pagination-bullet-active-prev
        ):not(.swiper-pagination-bullet-active-next) {
        transform: scaleX(1) !important;
    }
}

@media (min-width: 1023px) {
    .news-section__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .news-section__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .product-day__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .product-day__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .promotion__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .promotion__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next {
        transform: scaleX(0.85) !important;
        background-color: #69696a;
    }
}

@media (max-width: 1023px) {
    .news-section__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .news-section__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .product-day__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .product-day__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .promotion__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .promotion__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next,
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-prev,
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet-active-next {
        transform: scaleX(1) !important;
        background-color: #69696a;
    }
}

.news-section__controllers .swiper-pagination .swiper-pagination-bullet-active,
.product-day__controllers .swiper-pagination .swiper-pagination-bullet-active,
.promotion__controllers .swiper-pagination .swiper-pagination-bullet-active,
.news-section__mobile-thumbs-controllers
.swiper-pagination
.swiper-pagination-bullet-active,
.promotion-mobile__controllers
.swiper-pagination
.swiper-pagination-bullet-active {
    background: #fff;
}

@media (max-width: 1600px) {
    .promotion__controllers,
    .product-day__controllers {
        width: 60px;
        gap: 31px;
    }

    .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet {
        width: 60px;
    }
}

@media (max-width: 1400px) {
    .promotion__controllers,
    .product-day__controllers {
        width: 34px;
        gap: 10px;
    }

    .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet {
        width: 34px;
        margin: 6px 0 !important;
    }
}

@media (max-width: 1023px) {
    .promotion-mobile__controllers {
        margin-top: 12px;
    }

    .promotion__controllers,
    .product-day__controllers {
        width: 100%;
    }

    .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet,
    .news-section__mobile-thumbs-controllers
    .swiper-pagination
    .swiper-pagination-bullet,
    .promotion-mobile__controllers
    .swiper-pagination
    .swiper-pagination-bullet {
        height: 2px;
        margin: 0 2px !important;
    }
}

.news-section__nav,
.product-day__nav,
.promotion__nav {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7d7d7d;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    rotate: 90deg;
}

.news-section__nav img,
.product-day__nav img,
.promotion__nav img {
    width: 24px;
    height: 24px;
}

@media (max-width: 1600px) {
    .product-day__nav,
    .promotion__nav {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1400px) {
    .product-day__nav,
    .promotion__nav {
        width: 20px;
        height: 20px;
    }
}

.news-slide {
    & __wrapper {
        display: flex;
        flex-direction: column;
    }

    & __image {
        display: block;
        border-radius: 12px;
        overflow: hidden;
        height: 400px;
        width: 100%;
        margin-bottom: 32px;
    }

    & __content {
        transition: 2s;
        display: flex;
        flex-direction: column;
    }

    & __text {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 60px;
    }

    & __title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;

        &:hover {
            color: #fff;
        }
    }

    & __subtitle {
        color: #fff;
    }

    & __buttons {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    & __read {
        color: #0E0E0E !important;
        background-color: #fff !important;

        display: flex;
        gap: 16px;

        transition: 0.3s;

        &::after {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20px;
            flex: 0 0 20px;
            background: url(../img/icons/read-all-icon.svg) center/cover no-repeat;
        }

        &:hover {
            background-color: #e1e1e3 !important;
            color: #0E0E0E;
        }
    }

    & __all {
        text-align: center;
        color: #fff;
        height: 48px;
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        background-color: #0E0E0E;
        transition: 0.3s;
        border: 2px solid #0E0E0E;
        border-radius: 8px;

        &:hover {
            background-color: #3a3a3c;
            border: 2px solid #3a3a3c;
            color: #fff;
        }
    }
}

.news-thumbs__pagination {
    display: none;
    width: 100px !important;
    justify-content: center;
}

.home-hero__stop,
.product-card__hint,
.product-card__like,
.product-card__share {
    border: none;
}

.product-card__title:hover {
    color: #0E0E0E;
}

@media (max-width: 1608px) {
    .category-section__list:nth-child(1) .category-section__item {
        height: 150px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 19.8333333333vw;
        flex: 1 1 19.8333333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 16.2222222222vw;
        flex: 1 1 16.2222222222vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 18.2638888889vw;
        flex: 1 1 18.2638888889vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 18.4027777778vw;
        flex: 1 1 18.4027777778vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 14.2777777778vw;
        flex: 1 1 14.2777777778vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 21.6388888889vw;
        flex: 1 1 21.6388888889vw;
    }

    .category-section__list:nth-child(2) {
        -ms-grid-columns: 14.375vw;
        grid-template-columns: 14.375vw;
    }

    .category-section__list:nth-child(2) .category-section__item {
        height: 310px;
    }

    .category-section__list:nth-child(3) {
        -ms-grid-columns: 11.1805555556vw 8.125vw;
        grid-template-columns: 11.1805555556vw 8.125vw;
        -ms-grid-rows: 127px 173px;
        grid-template-rows: 127px 173px;
    }
}

@media (max-width: 1600px) {
    .news-section__main {
        max-width: calc(100% - 579px);
    }

    .news-section__wrapper {
        gap: 52px;
    }
}

@media (max-width: 1440px) {
    .home-hero__nav_prev.swiper-button-prev {
        translate: -50% 0;
        left: 17px;
    }

    .home-hero__nav_next.swiper-button-next {
        translate: 50% 0;
        right: 17px;
    }

    .hero-slide {
        height: 461px;
    }

    .sales-section__swiper {
        width: 100vw;
        margin-left: -47px;
        padding-left: 47px;
        padding-right: 47px;
    }

    .sales-slide {
        max-width: 371px;
    }

    .product-section__slider {
        width: 100vw;
        margin-left: -47px;
        padding-left: 47px;
        padding-right: 47px;
        margin-right: unset;
    }
}

@media (max-width: 1400px) {
    .news-section__wrapper {
        gap: 20px;
    }

    .news-section {
        padding: 80px 0;
    }

    .news-section__title.h2 {
        margin-bottom: 32px;
    }

    .news-section__main {
        max-width: calc(100% - 378px);
    }

    .news-section__gallery .swiper {
        height: 180px;
    }

    .news-section__gallery .swiper-slide {
        height: 180px;
        width: 267px;
        flex: 0 0 180px;
    }

    .news-section__gallery {
        margin-top: 72px;
        max-width: 358px;
        max-height: 400px;
        gap: 21px;
    }

    .news-slide__buttons .btn {
        padding: 0 25px;
    }

    .category-section__list:nth-child(1) .category-section__item {
        height: 150px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20.1388888889vw;
        flex: 1 1 20.1388888889vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 8.3333333333vw;
        flex: 1 1 8.3333333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 17.7083333333vw;
        flex: 1 1 17.7083333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 17.7083333333vw;
        flex: 1 1 17.7083333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 14.5833333333vw;
        flex: 1 1 14.5833333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 19.875vw;
        flex: 1 1 19.875vw;
    }
}

@media (max-width: 1200px) {
    .category-section__list:nth-child(1) .category-section__item {
        height: 150px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20.1388888889vw;
        flex: 1 1 20.1388888889vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 8.3333333333vw;
        flex: 1 1 8.3333333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 17.7083333333vw;
        flex: 1 1 17.7083333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 16.3194444444vw;
        flex: 1 1 16.3194444444vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 13.1944444444vw;
        flex: 1 1 13.1944444444vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20.875vw;
        flex: 1 1 20.875vw;
    }
}

@media (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }

    .section {
        margin-top: 80px;
    }

    .home-hero__wrapper {
        margin-left: -20px;
        margin-right: -20px;
    }

    .home-hero__slider {
        border-radius: 0;
    }

    .home-hero__nav_prev.swiper-button-prev {
        left: 20px;
        translate: 0;
    }

    .home-hero__nav_next.swiper-button-next {
        right: 20px;
        translate: 0;
    }

    .home-hero__footer {
        bottom: 25px;
    }

    .hero-slide {
        height: 360px;
    }

    .category-section {
        position: relative;
    }

    .category-section__inner {
        scroll-behavior: smooth;
        overflow-x: auto;
        width: 100vw;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .category-section__inner:-webkit-scrollbar {
        display: none;
    }

    .category-section__wrapper {
        width: 1375px;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .category-section__wrapper:-webkit-scrollbar {
        display: none;
        background-color: transparent;
        width: 0;
        height: 0;
    }

    .category-section__list:nth-child(1) .category-section__item {
        height: 153px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 425px;
        flex: 0 0 425px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 288px;
        flex: 0 0 288px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 126px;
        flex: 0 0 126px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 398px;
        flex: 0 0 398px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 222px;
        flex: 0 0 222px;
    }

    .category-section__list:nth-child(2) {
        -ms-grid-columns: 207px;
        grid-template-columns: 207px;
    }

    .category-section__list:nth-child(2) .category-section__item {
        height: 313px;
    }

    .category-section__list:nth-child(3) {
        -ms-grid-columns: 161px 117px;
        grid-template-columns: 161px 117px;
        -ms-grid-rows: 127px 173px;
        grid-template-rows: 127px 173px;
    }

    .category-section__nav {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        border: 1px solid #e1e1e3;
        cursor: pointer;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
        z-index: 1;
    }

    .category-section__nav_prev {
        left: 20px;
    }

    .category-section__nav_next {
        right: 20px;
    }

    .category-section__nav svg path {
        stroke: #0E0E0E;
    }

    .sales-section {
        padding: 80px 0;
    }

    .sales-section__swiper {
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-section__slider .swiper-slide {
        max-width: 243px;
    }

    .product-section__nav_prev {
        translate: -30% 0;
        left: 0 !important;
    }

    .product-section__nav_next {
        right: 0 !important;
        translate: 30% 0;
    }

    .product-section {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .product-section__slider {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-card {
        padding: 12px;
    }

    .product-card__slider .swiper-slide img {
        width: 100%;
    }

    .product-card__title {
        font-size: 14px;
    }

    .product-card__price.actual {
        font-size: 16px;
    }

    .product-card__price.old {
        font-size: 12px;
    }

    .product-card__info {
        gap: 6px;
    }

    .product-card__buy {
        font-size: 14px;
    }

    .product-card__actions {
        gap: 12px;
    }
}

@media (max-width: 1023px) {
    .product-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .news-section__gallery {
        display: none;
    }

    .news-section__desktop-thumbs {
        display: none;
    }

    .news-section__mobile-info {
        display: block;
    }

    .news-section__main {
        width: 100%;
        max-width: unset;
        gap: 24px;
    }

    .news-section__title.h2 {
        margin-bottom: 24px;
    }

    .news-slide__image {
        max-height: 250px;
        margin-bottom: 0;
    }

    .news-section__mobile-thumbs .swiper-slide {
        position: relative;
    }

    .news-section__mobile-thumbs
    .swiper-slide:not(.swiper-slide-active):before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background: rgba(0, 0, 0, 0.2);
        z-index: 5;
    }

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

    .news-slide__all {
        background-color: #0E0E0E;
        border-radius: 8px;
    }

    .news-slide__read {
        gap: 12px;
    }

    .news-slide__read::after {
        width: 16px;
        height: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
    }

    .news-slide__read,
    .news-slide__all {
        height: 40px;
        font-size: 14px;
    }

    .news-slide__text {
        gap: 8px;
        margin-bottom: 40px;
    }

    .news-slide__title {
        font-size: 16px;
    }

    .news-slide__subtitle {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .home-hero {
        padding-top: 0px;
    }

    .h2 {
        font-size: 24px;
    }

    .home-hero__pagination span {
        width: 75px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75px;
        flex: 0 0 75px;
    }

    .home-hero__footer {
        bottom: 12px;
    }

    .hero-slide {
        height: 300px;
    }

    .category-section__nav {
        display: none;
    }

    .sales-section {
        padding-top: 60px;
    }

    .sales-section__nav_prev {
        left: 20px;
    }

    .sales-section__nav_next {
        right: 20px;
    }

    .sales-section__link {
        font-size: 12px;
    }

    .sales-slide {
        max-width: 320px;
    }

    .sales-slide__date {
        font-size: 12px;
        margin-top: 14px;
    }

    .sales-slide__title {
        font-size: 14px;
    }

    .product-section__slider .swiper-slide {
        max-width: 228px;
    }

    .product-section__nav {
        display: none;
    }

    .product-card {
        max-width: 228px;
        padding: 0px;
    }

    .product-card__hidden {
        display: none;
    }

    .product-card__pagination {
        display: none;
    }

    .product-card__price.actual {
        font-size: 14px;
    }

    .product-card__main {
        gap: 8px;
    }

    .product-card__buy {
        font-size: 14px;
    }

    .product-card__actions {
        gap: 4px;
    }

    .product-card .swiper-slide {
        display: none;
    }

    .product-card .swiper-slide:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .news-section {
        padding: 12px 0;
    }

    .news-section__main {
        gap: 16px;
    }

    .news-section__title.h2 {
        margin-bottom: 12px;
        font-weight: 600;
        font-size: 20px;
    }

    .news-slide__text {
        gap: 12px;
        margin-bottom: 24px;
    }

    .news-slide__buttons {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .news-slide__read::after {
        display: none;
    }

    .news-slide__content {
        padding: 0 12px;
    }

    .news-slide__image {
        max-height: 150px;
    }

    .news-section__mobile-thumbs {
        margin-bottom: 16px;
    }

    .news-section__wrapper {
        margin-left: -4px;
        margin-right: -4px;
    }
}

@media (max-width: 568px) {
    .container {
        padding: 0 12px;
    }

    .section {
        margin-top: 42px;
    }

    .h2 {
        font-size: 20px;
    }

    .home-hero__pagination span {
        width: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
    }

    .home-hero__footer {
        bottom: 4px;
    }

    .home-hero__nav {
        display: none;
    }

    .hero-slide {
        height: 406px;
    }

    .hero-slide .mobile {
        display: block;
    }

    .hero-slide .desktop {
        display: none;
    }

    .category-section__inner {
        overflow: hidden;
        margin-left: -12px;
        padding-left: 0;
        padding-right: 0;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
    }

    .category-section__inner:-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
        background-color: transparent !important;
    }

    .category-section__wrapper {
        gap: 8px;
        width: unset;
        overflow: auto;
        width: 100vw;
        padding-left: 12px;
        padding-right: 12px;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
    }

    .category-section__wrapper:-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
        background-color: transparent !important;
    }

    .category-section__list {
        height: 130px;
        gap: 8px;
    }

    .category-section__list:nth-child(1) {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .category-section__list:nth-child(1) .category-section__item {
        height: 130px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(2) {
        -ms-grid-columns: 160px;
        grid-template-columns: 160px;
    }

    .category-section__list:nth-child(2) .category-section__item {
        height: 130px;
    }

    .category-section__list:nth-child(3) {
        grid-template-columns: repeat(3, 160px);
    }

    .category-section__list:nth-child(3) .category-section__item:nth-child(3) {
        -ms-grid-column-span: 1;
        grid-column: span 1;
    }

    .category-section__item {
        width: 160px !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 160px !important;
        flex: 0 0 160px !important;
        height: 130px !important;
        font-size: 12px;
    }

    .sales-section {
        padding: 42px 0;
    }

    .sales-section__swiper {
        margin-left: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .sales-section__nav {
        display: none;
    }

    .sales-slide {
        max-width: 180px;
    }

    .sales-slide__date {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .product-section__slider .swiper-slide {
        max-width: 171px;
    }

    .product-section {
        padding-top: 42px;
    }

    .product-section__slider {
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .product-card {
        border-radius: 8px;
        padding: 8px;
    }

    .product-card__slider .swiper-slide img {
        width: 100%;
    }

    .product-card__banners li {
        display: none;
    }

    .product-card__banners li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product-card__main {
        gap: 0;
    }

    .product-card__actions {
        margin-top: 12px;
    }

    .product-card__title {
        margin-bottom: 8px;
    }

    .product-card__buy {
        height: 32px;
    }

    .product-card__buy span {
        display: none;
    }

    .product-card__buy img {
        display: block;
    }

    .product-card__like,
    .product-card__share {
        height: 32px;
        width: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
    }

    .product-card__like svg,
    .product-card__share svg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .product-card__info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        row-gap: 4px;
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
    }

    .product-card__hint {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .product-card__small {
        gap: 4px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}

@media (hover: hover) {
    .slider-btn:hover {
        border: 1px solid #9c9c9c;
    }
}

.sales-section__wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

@media (max-width: 1400px) {
    .sales-section__wrap {
        padding: 0 34px;
    }
}

@media (max-width: 1023px) {
    .sales-section__wrap {
        padding: 0px;
        justify-content: center;
    }
}

.sales-container.container {
    overflow-x: initial;
}

.sales-section-products {
    width: 100%;
    max-width: 650px;
    position: relative;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .sales-section-products {
        max-width: 572px;
    }
}

@media (max-width: 1400px) {
    .sales-section-products {
        max-width: 376px;
    }
}

.sales-section__wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 1px;
    background: linear-gradient(
            to bottom,
            #19191a 0%,
            #ffffff 50%,
            #101010 100%
    );
}

@media (max-width: 1023px) {
    .sales-section__wrap::before {
        content: none;
    }
}

.sales-section__header.promotion {
    position: absolute;
    top: -24px;
    right: 0;
    transform: translateY(-100%);
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1400px) {
    .sales-section__header.promotion {
        top: -19px;
    }
}

.sales-section-actions {
    width: 100%;
    max-width: 572px;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .sales-section-actions {
        max-width: 572px;
    }
}

@media (max-width: 1400px) {
    .sales-section-actions {
        max-width: 572px;
    }
}

.product-day__gallery {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 419px;
    gap: 80px;

    @include mix.bdown(hg) {
        height: 347px;
        gap: 42px;
    }
    @include mix.bdown(lg) {
        height: 272px;
        gap: 42px;
    }
    @include mix.bdown(nm) {
        display: none;
    }

    .swiper-wrapper {
        width: calc(100% - 150px);
        transition-timing-function: var(
                --swiper-wrapper-transition-timing-function,
                initial
        ) !important;
        @include mix.bdown(hg) {
            width: calc(100% - 102px);
        }
        @include mix.bdown(lg) {
            width: calc(100% - 76px);
        }
        @include mix.bdown(nm) {
            width: 100%;
        }
    }

    &.mobile {
        display: none;
        @include mix.bdown(nm) {
            display: flex;
            flex-direction: column;
            gap: 12px;
            width: 632px;
            height: auto;
        }
        @include mix.bdown(sm) {
            width: 371px;
        }
        @include mix.bdown(xxs) {
            width: 328px;
        }
    }
}

.product-day__item {
    position: relative;
    height: 325px;
    border-radius: 24px;
    padding: 24px;
    background-color: #ffffff;
    display: flex;
    @include mix.bup(nm) {
        transition-property: transform, -webkit-transform, padding;
    }
    @include mix.bdown(hg) {
        height: 280px;
        .swiper-slide-prev {
            padding: 9px 17px;
        }

        .swiper-slide-next {
            padding: 1px 18px;
        }
    }
    @include mix.bdown(lg) {
        height: 170px;
        border-radius: 14px;
        padding: 12px 24px;
    }
    @include mix.bdown(nm) {
        .swiper-slide-prev {
            padding: 8px;
            padding-right: 24px;
        }

        .swiper-slide-next {
            padding: 8px;
            padding-right: 24px;
        }
    }
    @include mix.bdown(sm) {
        padding: 7px;
        .swiper-slide-prev {
            padding: 7px;
            padding-right: 12px;
        }

        .swiper-slide-next {
            padding: 7px;
            padding-right: 12px;
        }
    }

    &.mobile {
        @include mix.bdown(nm) {
            padding-right: 24px;
            height: 250px;
            max-width: 422px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        @include mix.bdown(sm) {
            max-width: 315px;
            height: 150px;
        }

        @include mix.bdown(xxs) {
            padding-right: 12px;
            max-width: 278px;
            min-height: 136px;
        }
    }

    .product__day-container {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 24px;
        @include mix.bdown(hg) {
            gap: 5px;
        }
    }
}

.product-day__item:not(.swiper-slide-active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
}

@media (max-width: 1023px) {
    .sales-section-actions,
    .sales-section__header.promotion {
        display: none;
    }

    .sales-section-products {
        max-width: 100%;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.promotion__image {
    width: 100%;
    background-size: cover;
    border-radius: 12px;
    object-fit: cover;
}

.promotion__image > img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1600px) {
    .promotion__image > img {
        object-position: center;
    }
}

@media (max-width: 1600px) {
    .promotion__title {
        line-height: 20px;
        font-size: 18px;
    }
}

@media (max-width: 1400px) {
    .promotion__title {
        font-size: 12px;
        line-height: 14px;
    }
}

.sales-section__slide {
    max-height: fit-content;
}

.swiper-pagination-wrapper {
    position: relative;
}

.swiper-pagination-scroll {
    position: absolute;
    top: -15px;
    bottom: -15px;
    right: -10px;
    left: -10px;
    z-index: 10;
    overscroll-behavior: none;
}

.product-day__title {
    font-family: "Inter";
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
}

@media (max-width: 1600px) {
    .product-day__title {
        font-size: 28px;
        line-height: 42px;
    }
}

@media (max-width: 1400px) {
    .product-day__title {
        font-size: 18px;
        line-height: 18px;
    }
}

@media (max-width: 1023px) {
    .product-day__title {
        display: none;
    }
}

.product-day__basket {
    width: 100%;
    text-align: center;
}

.product__day-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    flex-grow: 1;
}

.product__day-image {
    width: 45%;
    max-width: 210px;
    aspect-ratio: 1/1;
}

.product__day-description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product__day-image > img {
    width: 100%;
}

.product__day-info {
    margin-bottom: 25px;
    flex-grow: 1;
}

@media (max-width: 1600px) {
    .product__day-info {
        margin-bottom: 18px;
    }
}

@media (max-width: 1400px) {
    .product__day-info {
        margin-bottom: 10px;
    }
}

@media (max-width: 1023px) {
    .product__day-description {
        width: 124px;
    }

    .product__day-info {
        margin-bottom: 4px;
    }

    .product__day-image {
        width: calc(100% - 124px);
    }
}

@media (max-width: 767px) {
    .product__day-info {
        margin-bottom: 12px;
    }

    .product__day-description {
        width: 155px;
    }

    .product__day-image {
        width: calc(100% - 155px);
    }
}

.product__day-name {
    font-family: "Inter";
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 12px;
}

@media (max-width: 1600px) {
    .product__day-name {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 7px;
        min-height: auto;
    }
}

@media (max-width: 1400px) {
    .product__day-name {
        font-size: 10px;
        line-height: 12.88px;
    }

    .product__day-container .catalog-body__basket {
        height: 25px;
        border-radius: 6px;
    }

    .product__day-container .catalog-body__basket_active,
    .product__day-container .catalog-body__basket_active:hover {
        background-image: url(/ajax/auth/img/icon/basket-ok.svg);
        color: transparent;
        padding: 5px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .product__day-price-wrapper {
        gap: 6px;
    }

    .catalog-body__price-info i {
        width: 11px;
        height: 11px;
    }
}

@media (max-width: 1023px) {
    .product__day-name {
        min-height: 40px;
        font-size: 10px;
        line-height: 12.88px;
        margin-bottom: 16px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

@media (max-width: 767px) {
    .product__day-name {
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 6px;
    }

    .product__day-container .catalog-body__basket {
        max-width: 120px;
    }
}

.product__day-price {
    font-family: "Inter";
    font-weight: 800;
    font-size: 20px;
    line-height: 24.2px;
    color: #000000;
    white-space: nowrap;
}

@media (max-width: 1600px) {
    .product__day-price {
        font-size: 20px;
        line-height: 24.2px;
    }
}

@media (max-width: 1400px) {
    .product__day-price {
        font-size: 12px;
        line-height: 14.52px;
    }
}

@media (max-width: 1023px) {
    .product__day-price {
        font-size: 11px;
        line-height: 13.31px;
    }
}

@media (max-width: 767px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 4px;
    }
}

.product__day-old-price {
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    line-height: 16.94px;
    color: #999999;
    white-space: nowrap;
    text-decoration: line-through;
}

@media (max-width: 1600px) {
    .product__day-old-price {
        font-size: 14px;
        line-height: 16.94px;
    }
}

@media (max-width: 1400px) {
    .product__day-old-price {
        font-size: 8px;
        line-height: 9.68px;
    }
}

@media (max-width: 1023px) {
    .product__day-old-price {
        font-size: 8px;
        line-height: 9.68px;
    }
}

@media (max-width: 767px) {
    .product__day-old-price {
        font-size: 9px;
        line-height: 10.89px;
    }
}

.catalog-body__price-sale {
    font-size: 12px;
    line-height: 14.52px;
}

@media (max-width: 1600px) {
    .catalog-body__price-sale {
        font-size: 12px;
        line-height: 14.52px;
    }
}

@media (max-width: 1400px) {
    .catalog-body__price-sale {
        padding: 1px 3px;
        font-size: 8px;
        line-height: 9.68px;
    }
}

@media (max-width: 1023px) {
    .catalog-body__price-sale {
        font-size: 10px;
        line-height: 12.1px;
    }
}

@media (max-width: 767px) {
    .catalog-body__price-sale {
        font-size: 8px;
        line-height: 9.68px;
    }
}

.product__day-time {
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    word-spacing: -2px;
    white-space: nowrap;
}

@media (max-width: 1600px) {
    .product__day-time {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width: 1400px) {
    .product__day-time {
        font-size: 10px;
        line-height: 18.04px;
        word-spacing: -3px;
    }
}

@media (max-width: 1023px) {
    .product__day-time {
        font-size: 10px;
        line-height: 18.04px;
        word-spacing: -2px;
    }
}

@media (max-width: 767px) {
    .product__day-time {
        font-size: 10px;
        line-height: 18.04px;
    }
}

.product__day-old-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    margin-bottom: 8px;
}

@media (max-width: 1600px) {
    .product__day-old-wrapper {
        gap: 8px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1400px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 6px;
        min-height: 19px;
    }
}

@media (max-width: 1023px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 4px;
    }
}

.product__day-price-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1600px) {
    .product__day-price {
        gap: 10px;
    }
}

@media (max-width: 1400px) {
    .product__day-price {
        gap: 6px;
    }
}

@media (max-width: 1023px) {
    .product__day-price {
        gap: 6px;
    }
}

@media (max-width: 767px) {
    .product__day-old-wrapper {
        gap: 6px;
    }
}

.promotion__header.mobile {
    font-family: "Inter";
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    margin: 0;
    display: none;
}

@media (max-width: 1023px) {
    .promotion__header.mobile {
        display: block;
    }
}

.sales-section__main.mobile {
    display: none;
    background: linear-gradient(to right, #0E0E0E 0%, #363637 100%);
    padding: 24px 24px 32px;
}

@media (max-width: 1023px) {
    .sales-section__main.mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .sales-section__main.mobile {
        padding: 12px 12px 24px;
    }
}

.sales-section__link > .desktop {
    display: block;
}

.sales-section__header.promotion-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .sales-section__header.promotion-mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
    }
}

.promotion__mobile {
    & -item {
        position: relative;
        display: flex;
        height: auto;
        border-radius: 14px;
        background-color: #ffffff;
        padding: 4px 12px 7px;
        @include mix.bdown(nm) {
            padding: 12px 19px 7px;
            max-width: 422px;
        }
        @include mix.bdown(sm) {
            max-width: 315px;
            height: 150px;
            padding: 12px 19px 0px;
        }
        @include mix.bdown(xxs) {
            max-width: 278px;
        }

        a {
            display: flex;
            flex-direction: column;
            gap: 6px;
            flex-grow: 1;
            max-height: 300px;
            @include mix.bdown(sm) {
                max-height: 175px;
            }
        }
    }

    & -image {
        width: 100%;
        overflow: auto;

        img {
            width: 100%;
            border-radius: 8px;
            object-fit: cover;
        / / @include mix . bdown(sm) {
        / / max-height: 160 px;
        / /
        } / / @include mix . bdown(xxs) {
        / / max-height: 136 px;
        / /
        }
        }
    }

    & -name {
        font-family: "Inter";
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        @include mix.bdown(sm) {
            font-size: 10px;
            padding-bottom: 8px;
        }
    }

    & -gallery {
        @include mix.bdown(nm) {
            max-width: 632px;
        }
        @include mix.bdown(sm) {
            width: 371px;
        }

        @include mix.bdown(xxs) {
            width: 328px;
        }
    }
}

.promotion__mobile-item:not(.swiper-slide-active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
}

.promotion-mobile__controllers > .swiper-pagination > .swiper-pagination-bullet,
.news-section__mobile-thumbs-controllers
> .swiper-pagination
> .swiper-pagination-bullet,
.product-day__controllers.mobile
> .swiper-pagination
> .swiper-pagination-bullet {
    width: 10px;
    background: #69696a;
}

.promotion-mobile__controllers
> .swiper-pagination
> .swiper-pagination-bullet-active,
.news-section__mobile-thumbs-controllers
> .swiper-pagination
> .swiper-pagination-bullet-active,
.product-day__controllers.mobile
> .swiper-pagination
> .swiper-pagination-bullet-active {
    background: #ffffff;
}

.products {
    padding-top: 72px;
    padding-bottom: 67px;
}

@media (max-width: 1600px) {
    .products {
        padding-bottom: 72px;
    }
}

@media (max-width: 1400px) {
    .products {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 1023px) {
    .products {
        padding: 24px 0 32px;
    }
}

@media (max-width: 767px) {
    .products {
        padding: 12px 0 24px;
    }
}

@media (max-width: 1023px) {
    a.product-day__basket {
        font-size: 0 !important;
        background-image: url(/ajax/auth/img/icon/basket.svg);
        min-width: 70px;
        height: 30px;
    }
}

@media (max-width: 1400px) {
    .sales-section__link.promotions {
        font-size: 14px;
    }
}

.app-container {
    margin: auto;
    padding-top: 78px;
    margin-top: 80px;
    @include mix.bdown(sm) {
        padding-top: 30px;
        margin-top: 26px;
        margin-bottom: 26px;
    }

    .app-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        border: 3px solid #fff;
        border-radius: 24px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        column-gap: 20px;
        @include mix.bdown(sm) {
            padding-left: 24px;
            padding-right: 24px;
            padding-top: 20px;

            column-gap: 9px;
        }

        & -download {
            max-width: 308px;
            @include mix.bdown(sm) {
                flex-basis: 50%;
            }

            & -header {
                font-weight: 600;
                font-size: 16px;
                line-height: 100%;
                letter-spacing: 0;
                padding-bottom: 20px;
                @include mix.bdown(sm) {
                    font-size: 12px;
                    padding-bottom: 14px;
                }
            }

            & -block {
                display: flex;
                column-gap: 24px;
                @include mix.bdown(md) {
                    display: block;
                }

                & -item {
                    flex-basis: 141px;
                    max-width: 141px;
                    @include mix.bdown(md) {
                        margin-bottom: 12px;
                        margin-left: auto;
                        margin-right: auto;
                    }
                    @include mix.bdown(sm) {
                        margin-bottom: 12px;
                        margin-left: 0;
                        margin-right: 0;
                        max-width: 115px;
                    }
                }
            }
        }

        & -image {
            max-width: 328px;
            margin-top: -78px;
            @include mix.bdown(sm) {
                flex-basis: 50%;
                margin-top: -42px;
            }
        }

        & -qr {
            max-width: 364px;
            @include mix.bdown(sm) {
                display: none;
            }

            & -block {
                display: flex;
                column-gap: 42px;
                align-items: center;
                @include mix.bdown(md) {
                    display: block;
                }

                & -image {
                    display: flex;
                    justify-content: center;
                    @include mix.bdown(md) {
                        margin-bottom: 12px;
                    }

                    img {
                        object-fit: contain;
                    }
                }

                & -info {
                    flex-basis: 152px;
                    font-weight: 600;
                    font-size: 16px;
                    letter-spacing: 0;
                }
            }
        }
    }
}


:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --scrollMenu: 0;
    --headH: 96px;
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: 2s linear infinite f-spinner-rotate;
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none;
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1);
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: 2s ease-in-out infinite f-spinner-dash;
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.f-zoomInUp {
    animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    animation: 0.2s ease-out both f-zoomOutDown;
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

.f-throwOutUp {
    animation: 175ms ease-out both f-throwOutUp;
}

.f-throwOutDown {
    animation: 175ms ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0;
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0;
    }
}

.f-fadeIn {
    z-index: 2;
    animation: 0.2s both f-fadeIn-mob;
}

.f-fadeOut {
    animation: 0.2s both f-fadeOut-mob;
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeIn-mob {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeOut-mob {
    100% {
        transform: translateY(100%);
    }
}

.f-fadeSlowIn {
    animation: 0.5s both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    animation: 0.5s both f-fadeSlowOut;
    z-index: 1;
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

.f-fadeFastIn {
    animation: 0.2s ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    animation: 0.2s ease-out both f-fadeFastOut;
    z-index: 2;
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

.f-crossfadeIn {
    animation: 0.2s ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    animation: 0.1s linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

.f-slideIn.from-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%);
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%);
    }
}

.f-classicIn.from-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0;
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0;
    }
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
    outline: 0;
}

.f-button:focus-visible {
    outline: 0;
    /* box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); */
    box-shadow: none;
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.f-button[disabled] {
    cursor: default;
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg {
    transform: rotate(90deg);
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
}

.f-thumbs .f-spinner svg {
    display: none;
}

.f-thumbs.is-vertical {
    height: 100%;
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.f-thumbs__track {
    display: flex;
    will-change: transform;
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
}

.f-thumbs__slide.is-loading img {
    opacity: 0;
}

.is-classic .f-thumbs__viewport {
    height: 100%;
}

.is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content;
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0) * 1px);
    width: calc(100% - var(--width, 0) * 1px);
    cursor: pointer;
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(
            0 calc(
                    (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 *
                    (1 - var(--progress, 0))
            ) round var(--f-thumb-border-radius, 0)
    );
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}

.is-modern .f-thumbs__slide > * {
    clip-path: var(--clip-path);
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none;
}

.is-modern.is-resting .f-thumbs__slide,
.is-modern.is-resting .f-thumbs__slide > * {
    transition: 0.33s;
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity 0.2s;
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0;
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: 0.2s ease-out f-fadeIn;
    z-index: 10;
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.slick-track {
    opacity: 0;
}

.w-16 {
    width: 16.6666%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33.3333%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-66 {
    width: 66.6666%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-100 {
    width: 100%;
}

.flex {
    display: flex;
}

.flex--row {
    flex-direction: row;
}

.flex--reverse {
    flex-direction: row-reverse;
}

.flex--column {
    flex-direction: column;
}

.flex--j-between {
    justify-content: space-between;
}

.flex--j-around {
    justify-content: space-around;
}

.flex--j-center {
    justify-content: center;
}

.flex--j-start {
    justify-content: flex-start;
}

.flex--j-end {
    justify-content: flex-end;
}

.flex--center {
    justify-content: center;
}

.flex--a-center {
    align-items: center;
}

.flex--a-stretch {
    align-items: stretch;
}

.flex--a-start {
    align-items: flex-start;
}

.flex--a-end {
    align-items: flex-end;
}

.flex--wrap {
    flex-wrap: wrap;
}

.hidden,
[hidden] {
    display: none;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1340px;
    padding: 0 20px;
}

.blockScroll {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--top);
}

.button {
    display: inline-flex;
    height: 48px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 16px;
    background: #0E0E0E;
    color: #fff;
    border: none;
    box-sizing: border-box;
}

.button__border {
    background: 0 0;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.button__border._disabled,
.button__border:disabled {
    border-color: #999;
    pointer-events: none;
}

.button__border-lighten {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff;
}

.button__border-lighten:hover {
    border-color: #fff;
}

.button__border-lighten._disabled,
.button__border-lighten:disabled {
    border-color: #999;
    pointer-events: none;
}

.button__font-small {
    font-size: 12px;
}

.button__gray {
    background: #eeeef0;
    color: #0E0E0E;
}

.button__gray:hover {
    color: #0E0E0E;
    background: #e4e4e6;
}

.button__bg-gray {
    background: #fff;
    border: 2px solid #0E0E0E;
    border-radius: 8px;
    color: #0E0E0E;
}

.button__bg-gray:hover {
    color: #0E0E0E;
    background: #e1e1e3;
}

.button__gray-light {
    background: #f5f5f7;
    color: #0E0E0E;
}

.button__gray-light:hover {
    color: #0E0E0E;
    background: #e4e4e6;
}

.button__height-s {
    height: 40px;
}

.button__height-m {
    height: 42px;
}

.button__full {
    width: 100%;
}

.button._disabled,
.button:disabled {
    background-color: #d7d7d7;
    pointer-events: all;
}

.button_step._disabled,
.button_step:disabled {
    background-color: #999;
    color: #f5f5f7;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

input {
    font-family: Inter;
}

.input-text {
    width: 100%;
    height: 44px;
    padding: 4px 16px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #eeeef0;
    background: #eeeef0;
    transition: border-color 0.3s, background-color 0.3s;
}

.input-text.error {
    border-color: #c74031;
}

.input-text.error ~ .input-text__label-text {
    color: #c74031;
}

.input-text_sl {
    height: 48px;
}

.input-text_ss {
    height: 38px;
    font-size: 14px;
}

.input-text.input-text-val {
    background: #fff;
    border-color: #0E0E0E;
}

.input-text.input-text-val ~ .input-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.input-text:hover {
    border-color: #999;
}

.input-text:focus {
    border-color: #0E0E0E;
    background: #fff;
}

.input-text:focus ~ .input-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.input-text::-moz-placeholder {
    opacity: 1;
    color: #999;
}

.input-text::placeholder {
    opacity: 1;
    color: #999;
}

.input-text:focus::-moz-placeholder {
    opacity: 0;
}

.input-text:focus::placeholder {
    opacity: 0;
}

.input-text_type-2 {
    border: 1px solid #e1e1e3;
    background: #f5f5f7;
}

.input-text_type-3 {
    border-color: #7d7d7d;
    background: #fff;
}

.input-text_type-3:hover {
    border-color: #0E0E0E;
}

.input-text_type-3::-moz-placeholder {
    color: #0E0E0E;
}

.input-text_type-3::placeholder {
    color: #0E0E0E;
}

.input-text_type-3 ~ .input-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.input-text_focus {
    border: 1px solid #eeeef0;
}

.input-text__label {
    position: relative;
    margin-bottom: 24px;
}

.input-text__label div.error {
    color: #c74031;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    padding-left: 24px;
}

.input-text__label div.error:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/ajax/auth/img/icon/error.svg) 50% 50% no-repeat;
    top: -1px;
    left: 0;
}

.input-text__label-text {
    position: absolute;
    pointer-events: none;
    color: #7d7d7d;
    top: 15px;
    left: 20px;
    pointer-events: none;
    transition: 0.3s;
}

.input-text__label-text span {
    color: #2a65c5;
}

.textarea-text {
    width: 100%;
    height: 100px;
    padding: 14px 19px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #eeeef0;
    background: #eeeef0;
    transition: border-color 0.3s, background-color 0.3s;
    resize: none;
}

.textarea-text_type-2 {
    border: 1px solid #e1e1e3;
    background: #f5f5f7;
}

.textarea-text.error {
    border-color: #c74031;
}

.textarea-text.error ~ .input-text__label-text {
    color: #c74031;
}

.textarea-text.textarea-text-val {
    background: #fff;
    border-color: #0E0E0E;
}

.textarea-text.textarea-text-val ~ .textarea-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.textarea-text:hover {
    border-color: #999;
}

.textarea-text:focus {
    border-color: #0E0E0E;
    background: #fff;
}

.textarea-text:focus ~ .textarea-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.textarea-text::-moz-placeholder {
    opacity: 1;
    color: #999;
}

.textarea-text::placeholder {
    opacity: 1;
    color: #999;
}

.textarea-text:focus::-moz-placeholder {
    opacity: 0;
}

.textarea-text:focus::placeholder {
    opacity: 0;
}

.textarea-text__label {
    position: relative;
    margin-bottom: 24px;
}

.textarea-text__label div.error {
    color: #c74031;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    padding-left: 24px;
}

.textarea-text__label div.error:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/ajax/auth/img/icon/error.svg) 50% 50% no-repeat;
    top: -1px;
    left: 0;
}

.textarea-text__label-text {
    position: absolute;
    pointer-events: none;
    color: #7d7d7d;
    top: 15px;
    left: 20px;
    pointer-events: none;
    transition: 0.3s;
}

.textarea-text__label-text span {
    color: #2a65c5;
}

.h1,
h1 {
    color: #0E0E0E;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 700;
    margin-top: 8px;
}

.h1 sup,
h1 sup {
    color: #7d7d7d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

._center {
    text-align: center;
}

.form-desc {
    text-align: center;
    color: #7d7d7d;
    font-size: 14px;
}

.form-desc a {
    color: #2a65c5;
}

.form-desc a:hover {
    color: #0E0E0E;
}

.form-button {
    margin-bottom: 24px;
}

.form-button_type-2 {
    margin: 8px 0;
}

.ballon.ballon_step {
    padding: 20px;
    width: 320px;
}

.ballon.ballon_step .availability__address {
    font-size: 14px;
    font-weight: 600;
}

.ballon.ballon_step .availability__shop-box {
    margin-top: 4px;
}

.ballon.ballon_step .availability__time-work {
    font-size: 12px !important;
}

.ballon p:not([class]),
.ballon.ballon_step .availability__status-btn,
.ballon.ballon_step .availability__status-descr {
    display: none;
}

.ballon:before {
    content: "";
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-21px);
    border: 22px solid transparent;
    border-bottom-color: #fff;
}

.ballon .availability__li-close {
    display: block;
    top: 15px;
    right: 15px;
}

.ballon .availability__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.ballon .availability__sum {
    display: flex;
    box-sizing: border-box;
    margin-bottom: 4px;
}

.ballon .availability__button {
    display: none;
    margin-top: 20px;
}

.ballon .availability__info {
    flex-flow: column;
    align-items: flex-start;
    width: auto;
    gap: 4px;
}

.ballon .availability__time {
    width: 100%;
    font-size: 12px;
}

.ballon .availability__shop-descr {
    display: none;
}

.ballon .availability__radio {
    display: flex;
}

.ballon .availability__btn-descr,
.ballon .availability__warning {
    display: block;
}

.checkbox {
    display: inline-flex;
}

.checkbox__input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}

.checkbox__input:disabled ~ .checkbox__text {
    color: #999;
    pointer-events: none;
}

.checkbox__input:disabled ~ .checkbox__text:before {
    border-color: #999;
}

.checkbox__input:checked ~ .checkbox__text:before {
    background: url(/ajax/auth/img/icon/check.svg) 50% 50%/18px 18px no-repeat #0E0E0E;
    border-color: #0E0E0E;
}

.checkbox__text {
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 4px 4px 32px;
    transition: color 0.3s;
    min-height: 20px;
}

.checkbox__text:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.3s, background-color 0.3s;
}

.checkbox__label {
    overflow: hidden;
    position: relative;
}

.checkbox__label:hover .checkbox__text {
    color: #7d7d7d;
}

.checkbox__label:hover .checkbox__text:before {
    border-color: #999;
}

.checkbox__label:hover .checkbox__input:checked ~ .checkbox__text {
    color: #7d7d7d;
}

.checkbox__label:hover .checkbox__input:checked ~ .checkbox__text:before {
    border-color: #3a3a3c;
    background-color: #3a3a3c;
}

.checkbox__small .checkbox__text {
    padding-left: 20px;
}

.checkbox__small .checkbox__text:before {
    left: 0;
}

.radio {
    display: flex;
    flex-direction: column;
    gap: 8px 20px;
}

.radio__input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}

.radio__input:disabled ~ .radio__text {
    color: #999;
    pointer-events: none;
}

.radio__text {
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 4px 4px 32px;
    transition: color 0.3s;
    min-height: 20px;
}

.radio__descr {
    margin-top: 4px;
    font-size: 12px;
    color: #7d7d7d;
}

.radio__label {
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    position: relative;
}

.radio__label:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    box-sizing: border-box;
    transition: border-color 0.3s, background-color 0.3s;
}

.radio__label:has(> input[type=radio]:checked):before {
    border: 4px solid #0E0E0E;
}

.radio__label:has(> input[type=radio]:disabled):before {
    border-color: #999;
}

.radio__label:hover:before {
    border-color: #999;
}

.radio__label:hover .radio__text {
    color: #7d7d7d;
}

.radio__label:hover .radio__input:checked .radio__label:before {
    border-color: #3a3a3c;
    background-color: #3a3a3c;
}

.radio__label:hover:has(> input[type=radio]:checked):before {
    border-color: #3a3a3c;
}

.availability-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    height: 100%;
}

.availability-tabs__links {
    display: none;
    list-style: none;
    width: 100%;
}

.availability-tabs__links li {
    width: 50%;
}

.availability-tabs__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    color: #7d7d7d;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-bottom: 2px solid #e1e1e3;
}

.availability-tabs__link._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
}

.availability-tabs__box_map {
    width: calc(100% - 300px);
}

.availability-tabs__box_list-box {
    max-height: 100%;
    width: 288px;
    overflow: auto;
    height: 100%;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    -ms-overflow-style: scrollbar;
    overflow-y: scroll;
}

.availability-tabs__box_list-box::-webkit-scrollbar {
    width: 4px;
}

.availability-tabs__box_list-box::-webkit-scrollbar-track {
    background: 0 0;
}

.availability-tabs__box_list-box::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.availability-tabs.availability-tabs_step {
    display: grid;
    grid-template-columns: 372px 1fr;
}

.availability-tabs.availability-tabs_step .availability-tabs__box_list-box {
    width: auto;
    max-height: 100%;
    height: -moz-fit-content;
    height: fit-content;
}

.availability-tabs.availability-tabs_step .availability-tabs__box_map {
    width: auto;
    position: relative;
}

.availability-tabs.availability-tabs_step .availability__title {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
}

.availability-tabs.availability-tabs_step .availability__time,
.availability-tabs.availability-tabs_step .availability__time-work {
    font-size: 14px;
}

.availability-tabs.availability-tabs_step .availability__status-descr {
    margin-top: 16px;
    font-size: 14px;
    color: #7d7d7d;
}

.availability-tabs.availability-tabs_step .availability__status-btn {
    margin-top: 16px;
    display: none;
    border: none;
    background-color: transparent;
    color: #2a65c5;
    transition: 0.3s ease-out;
}

.availability-tabs.availability-tabs_step .availability__status-btn:hover {
    color: #0c47a7;
}

.availability-tabs.availability-tabs_step .availability__list._hide .availability__status-btn {
    display: block;
}

.availability-tabs.availability-tabs_step .availability__li {
    background: url(/ajax/auth/img/icon/step-check.svg) 8px 12px no-repeat;
}

.availability-tabs.availability-tabs_step .availability__li:hover {
    background-color: #f5f5f7;
}

.availability-tabs.availability-tabs_step .availability__li_active {
    background: url(/ajax/auth/img/icon/step-checked.svg) 8px 12px no-repeat;
    pointer-events: auto;
}

.availability-tabs.availability-tabs_step .availability__li_active:hover {
    background-color: transparent;
}

.availability-tabs.availability-tabs_step .availability__li_active .availability__status-descr {
    font-weight: 600;
    color: #0E0E0E;
}

.availability-tabs.availability-tabs_step .availability__li_active.availability__li_warning {
    background: url(/ajax/auth/img/icon/step-check-warning.svg) 8px 12px no-repeat;
}

.availability-tabs.availability-tabs_step .availability__btn-descr {
    font-size: 12px;
}

.availability-tabs.availability-tabs_step .availability__warning img {
    margin: 0;
}

.availability-tabs.availability-tabs_step .availability__maps {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.availability-tabs.availability-tabs_step .availability-tabs__link {
    color: #7d7d7d;
}

.availability-tabs.availability-tabs_step .availability-tabs__link:hover {
    color: #2a65c5;
}

.availability-tabs.availability-tabs_step .availability-tabs__link._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
}

.availability__list {
    list-style: none;
    padding-right: 8px;
    padding-left: 8px;
}

.availability__li {
    position: relative;
    border-radius: 8px;
    border: 1px solid transparent;
    background: url(/ajax/auth/img/icon/modal-point.svg) 8px 12px no-repeat;
    padding: 12px 12px 12px 40px;
    cursor: pointer;
    line-height: 20px;
    transition: border-color 0.3s, background-color 0.3s;
}

.availability__li:hover {
    background-color: #f5f5f7;
}

.availability__li_active {
    border-color: #0E0E0E;
    background-color: #fff;
    cursor: default;
    pointer-events: none;
}

.availability__li_active .availability__li-close {
    display: block;
}

.availability__li-close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #999;
    transition: 0.3s;
}

.availability__li-close:hover {
    color: #0E0E0E;
}

.availability__shop-box {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.availability__address {
    margin-bottom: 8px;
}

.availability__time-work {
    font-size: 14px;
    color: #999;
    margin-bottom: 4px;
}

.availability__time {
    font-size: 14px;
}

.availability__list-box {
    max-height: 100%;
    overflow: auto;
    height: 100%;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    -ms-overflow-style: scrollbar;
    overflow-y: scroll;
}

.availability__list-box::-webkit-scrollbar {
    width: 4px;
}

.availability__list-box::-webkit-scrollbar-track {
    background: 0 0;
}

.availability__list-box::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.availability__maps {
    width: 100%;
    height: 100%;
}

.availability__sum {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
}

.availability__sum span {
    color: #7d7d7d;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.availability__sum-dotted {
    display: flex;
    padding: 1.5px 2.5px;
    gap: 2px;
    width: 40px;
    height: 14px;
    border-radius: 24px;
    border: 0.5px solid #e1e1e3;
    background: #f5f5f7;
    margin-bottom: 2px;
}

.availability__sum-dotted i {
    display: inline-block;
    background: #0E0E0E;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.availability__button {
    display: none;
}

.availability__button-bt {
    height: 40px;
    font-size: 14px;
}

.availability__button-box {
    display: none;
    padding: 12px 0;
    border-top: 0.5px solid #e1e1e3;
}

.availability__btn-descr {
    margin-top: 8px;
    display: none;
    font-size: 12px;
    color: #7d7d7d;
    text-align: center;
}

.availability__warning {
    margin-top: 20px;
    display: none;
}

.availability__warning-title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.availability__warning-items {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style-type: none;
}

.availability__warning-item {
    position: relative;
}

.availability__warning-item span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #f5f5f7;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    right: -8px;
    bottom: -8px;
}

.availability__radio {
    margin-top: 20px;
    display: none;
    gap: 4px 12px;
}

.availability__radio .radio__text {
    flex-direction: column;
    font-size: 14px;
    letter-spacing: -0.2px;
}

.availability__checkbox,
.availability__promocode {
    display: none;
}

.btn-shops-change-city {
    padding: 11px 14px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px #000000 solid;
    color: #0E0E0E;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .btn-shops-change-city {
        padding: 9px 12px;
    }
}

.btn-shops-change-city:hover {
    color: #fff;
    background-color: #0E0E0E;
}

.banner {
    width: 100%;
    margin-top: 28px;
}

.banner img {
    width: 100%;
}

.basket-complect {
    margin: 20px 0 0;
}

.basket-complect__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
}

.basket-complect__head-title {
    display: flex;
    flex-flow: column;
}

.basket-complect__head-check {
    margin-bottom: 8px;
}

.basket-complect__head-check .checkbox__text {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.basket-complect__benefit {
    display: inline-block;
    color: #3c82ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 46px;
    border: 1px solid #5aa0f5;
    background: #fff;
    padding: 4px 12px;
}

.basket-complect__price {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    margin-top: 4px;
}

.basket-complect__price p {
    margin-bottom: 8px;
}

.basket-complect__price p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: line-through;
}

.basket-complect__remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #999;
}

.basket-complect__remove:hover {
    color: #0E0E0E;
}

.basket-complect__remove * {
    pointer-events: none;
}

.basket-complect .basket__order {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 8px;
    width: calc(100% - 32px);
    margin-left: 32px;
}

.basket-complect .basket__item:not(:last-child) {
    border-bottom: none;
    padding: 0;
    margin-bottom: 32px;
}

.basket-empty {
    margin: 120px 0;
    text-align: center;
}

.basket-empty__wrapper {
    max-width: 869px;
    padding: 0 46px;
    margin: 0 auto;
}

.basket-empty__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px;
}

.basket-empty__text {
    line-height: 20px;
    margin-bottom: 32px;
}

.basket-empty__bt-box {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.basket-empty__button {
    padding: 0 40px;
}

.basket-menu {
    position: fixed;
    width: 100%;
    height: 65px;
    left: 0;
    bottom: calc(var(--safe-area-inset-bottom, 49px) + 49px);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    padding: 8px 20px;
    border-top: 1px solid #e1e1e3;
    background: #fff;
    z-index: 7;
}

.basket-menu.basket-menu_step {
    padding: 8px 12px;
    height: 56px;
    bottom: 0;
}

.basket-menu.basket-menu_step .basket-menu__price {
    font-size: 16px;
}

.basket-menu.basket-menu_step .basket-menu__sum {
    font-size: 12px;
}

.basket-menu.basket-menu_step .button {
    height: 40px;
    font-size: 14px;
}

.basket-menu__empty {
    display: none;
    color: #7d7d7d;
    line-height: 20px;
}

.basket-menu__left {
    flex-flow: column;
    gap: 4px;
    display: flex;
}

.basket-menu__price-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket-menu__price {
    font-size: 20px;
    font-weight: 600;
}

.basket-menu__price-old {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through;
}

.basket-menu__sum {
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.basket-menu._hide .basket-menu__empty {
    display: block;
}

.basket-menu._hide .basket-menu__left {
    display: none;
}

.basket-recommendation {
    margin: 8px 0 0 32px;
}

.basket-recommendation._hide {
    display: none;
}

.basket-recommendation__slider {
    width: 100%;
    overflow: hidden;
}

.basket-recommendation__slide {
    display: flex;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    max-width: 330px;
}

.basket-recommendation__slide_all {
    max-width: 80px;
    padding: 0;
    border: none;
}

.basket-recommendation__img {
    width: 64px;
    margin-right: 8px;
}

.basket-recommendation__img img {
    max-width: 100%;
    height: auto;
}

.basket-recommendation__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
    width: calc(100% - 32px);
}

.basket-recommendation__name:hover {
    color: #7d7d7d;
}

.basket-recommendation__price {
    display: flex;
    align-items: center;
    gap: 4px;
}

.basket-recommendation__price p {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.basket-recommendation__price p + p {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

.basket-recommendation__content {
    width: calc(100% - 72px);
}

.basket-recommendation__box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.basket-recommendation__bt {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: 50% 50% no-repeat #0E0E0E;
    border: 1px solid #0E0E0E;
    color: #fff;
}

.basket-recommendation__bt:hover {
    color: #0E0E0E;
    background-color: #fff;
}

.basket-recommendation__bt._active {
    background-color: #fff;
    background-image: url(/ajax/auth/img/icon/plus-check.svg);
}

.basket-recommendation__bt._active svg {
    opacity: 0;
}

.basket-recommendation__bt * {
    pointer-events: none;
}

.basket-recommendation__link {
    display: block;
    width: 100%;
    height: 80px;
    padding: 12px 6px;
    border-radius: 12px;
    background: #f5f5f7;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.basket-recommendation__link span {
    display: block;
    width: 100%;
}

.basket-recommendation__link svg {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

.basket-recommendation__link * {
    pointer-events: none;
}

.basket-recommendation__arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.basket-recommendation__arrow:hover {
    border: 1.5px solid #999;
}

.basket-recommendation__arrow.swiper-button-disabled {
    display: none;
}

.basket-recommendation__arrow svg {
    width: 24px;
    height: 24px;
}

.basket-recommendation__arrow:after {
    display: none;
}

.basket-recommendation__arrow_next {
    right: 20px;
}

.basket-recommendation__arrow_prev {
    left: 20px;
}

.basket-recommendation__arrow_prev svg {
    transform: rotate(180deg);
}

.basket-recommendation__ok {
    position: fixed;
    display: inline-flex;
    padding: 24px;
    align-items: center;
    gap: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    z-index: 14;
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    transition: 0.3s, opacity 0.3s;
}

.basket-recommendation__ok img {
    width: 24px;
}

.basket-recommendation__ok_active {
    opacity: 1;
    transform: translateY(0);
}

.basket {
    margin-bottom: 120px;
}

.basket h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin: 40px 0 24px;
}

.basket__checkbox-item {
    height: 80px;
    display: flex;
    align-items: center;
}

.basket__control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e1e1e3;
    width: 100%;
}

.basket__remove * {
    pointer-events: none;
}

.basket__remove-all {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.basket__remove-all:hover {
    color: #0E0E0E;
}

.basket__remove-all svg {
    width: 24px;
    height: 24px;
}

.basket__remove-all span {
    color: #0E0E0E;
}

.basket__remove-all * {
    pointer-events: none;
}

.basket__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 40px;
    margin-bottom: 120px;
}

.basket__items {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    min-width: 0;
}

.basket__item_not-available .basket__checkbox-item,
.basket__item_not-available .basket__insurance-link,
.basket__item_not-available .basket__recommendation-link {
    opacity: 0;
    visibility: hidden;
}

.basket__item_not-available .basket__photo {
    opacity: 0.4;
}

.basket__item_not-available .basket__name {
    color: #999;
}

.basket__item_not-available .basket__price {
    color: #999;
    margin-bottom: 16px;
}

.basket__item._active .basket__control-mob-bg {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.basket__item._active .basket__control-mob {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.basket__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}

.basket__name {
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.basket__name:hover {
    color: #7d7d7d;
}

.basket__recommendation-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    margin-right: 20px;
}

.basket__recommendation-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

.basket__recommendation-link * {
    pointer-events: none;
}

.basket__recommendation-link svg {
    transition: transform 0.3s;
}

.basket__recommendation-link._active {
    background: #eeeef0;
    border-color: #eeeef0;
}

.basket__recommendation-link._active svg {
    transform: rotate(180deg);
}

.basket__insurance-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 0;
    white-space: nowrap;
}

.basket__insurance-link svg {
    margin-top: 1px;
    transform: rotate(-90deg);
}

.basket__insurance-link._hide {
    display: none;
}

.basket__order {
    display: grid;
    grid-template-columns: 20px 100px 1fr;
    gap: 8px;
    width: 100%;
}

.basket__counter {
    display: flex;
    align-items: center;
}

.basket__counter-bt {
    display: flex;
    position: relative;
    width: 32px;
    height: 32px;
    color: #0E0E0E;
    border-radius: 8px;
    background: #f5f5f7;
}

.basket__counter-bt:hover {
    color: #0E0E0E;
    background: #e1e1e3;
}

.basket__counter-bt._disabled {
    background: #fafafb;
    color: #e1e1e3;
    pointer-events: none;
}

.basket__counter-bt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 1.5px;
    background: currentColor;
    border-radius: 6px;
}

.basket__counter-bt_plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5px;
    height: 14px;
    background: currentColor;
    border-radius: 6px;
}

.basket__info {
    display: grid;
    grid-template-columns: 1fr 256px;
    gap: 8px;
    padding: 8px 0 8px 8px;
    align-items: flex-start;
}

.basket__counter-text {
    border: none;
    outline: 0;
    width: 40px;
    height: 32px;
    background: #fff;
    text-align: center;
}

.basket__price {
    text-align: right;
    width: 144px;
}

.basket__price p {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.basket__price p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: line-through;
}

.basket__price p:not(:last-of-type) {
    margin-bottom: 4px;
}

.basket__control-bt {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.basket__control-bt i {
    width: 1px;
    height: 24px;
    background: #e1e1e3;
}

.basket__control-bt a {
    width: 24px;
    height: 24px;
    color: #999;
}

.basket__control-bt a:hover {
    color: #0E0E0E;
}

.basket__box {
    display: flex;
    gap: 8px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.basket__box._clone {
    display: none;
}

.basket__desc {
    position: relative;
}

.basket__desc-box {
    display: flex;
}

.basket__price-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket__insurance {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 16px 0 0 144px;
}

.basket__insurance-box {
    font-size: 14px;
    line-height: 16px;
}

.basket__insurance-title {
    font-weight: 600;
    margin-bottom: 8px;
}

.basket__insurance-text {
    font-size: 14px;
}

.basket__insurance-remove {
    width: 24px;
    height: 24px;
    color: #999;
}

.basket__insurance-remove:hover {
    color: #0E0E0E;
}

.basket__insurance-remove * {
    pointer-events: none;
}

.basket__insurance-price {
    font-weight: 600;
    line-height: 20px;
}

.basket__insurance-control {
    display: flex;
    align-items: center;
    gap: 4px;
}

.basket__control-mob-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 25, 27, 0.7);
    z-index: 21;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}

.basket__control-open {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/ajax/auth/img/icon/open-control.svg) 50% 50% no-repeat;
}

.basket__control-mob {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0;
    top: auto;
    border-radius: 12px 12px 0 0;
    background: #fff;
    padding-bottom: var(--safe-area-inset-bottom, 0);
    overflow: hidden;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
    z-index: 22;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.basket__control-mob-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.basket__control-mob-title-box {
    position: relative;
    padding: 20px 12px 16px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__control-mob-close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.basket__control-mob-close * {
    pointer-events: none;
}

.basket__control-mob-link {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #0E0E0E;
    font-size: 14px;
    white-space: nowrap;
    padding: 12px;
    height: 48px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__control-mob-link_remove {
    color: #d70015;
}

.basket__control-mob-link * {
    pointer-events: none;
}

.basket__control-mob-remove {
    display: none;
    padding: 20px 12px;
}

.basket__control-mob-title-text {
    line-height: 20px;
    margin-bottom: 32px;
}

.basket__control-mob-remove .basket__control-mob-title-box {
    padding: 0;
    border: none;
    margin-bottom: 12px;
}

.basket__control-mob-remove .basket__control-mob-close {
    top: 0;
    right: 0;
}

.basket__sidebar {
    position: sticky;
    top: 140px;
    width: 440px;
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
}

.basket__sidebar._hide .basket__dl,
.basket__sidebar._hide .basket__promocode-box,
.basket__sidebar._hide .basket__sidebar-kredit,
.basket__sidebar._hide .basket__sidebar-result {
    display: none;
}

.basket__sidebar._hide .basket__sidebar-massage {
    display: block;
}

.basket__sidebar._clone {
    display: none;
}

.basket__sidebar-sum-box {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__sidebar-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.basket__sidebar-massage {
    display: none;
    color: #7d7d7d;
    margin-top: 8px;
}

.basket__dl {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 24px;
}

.basket__dl::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dotted #afafaf;
}

.basket__dl dt {
    position: relative;
    background: #fff;
    z-index: 1;
}

.basket__dl dd {
    position: relative;
    background: #fff;
    font-weight: 600;
    z-index: 1;
}

.basket__sidebar-sale dd {
    color: #d70015;
}

.basket__sidebar-sale._active .basket__sidebar-sale-link {
    color: #7d7d7d;
}

.basket__sidebar-sale._active .basket__sidebar-sale-link svg {
    transform: rotate(180deg);
}

.basket__sidebar-sale._active ~ .basket__sidebar-sale-detaile-container {
    display: block;
}

.basket__sidebar-calc {
    margin-bottom: 16px;
}

.basket__sidebar-calc._active .basket__sidebar-calc-link {
    color: #7d7d7d;
}

.basket__sidebar-calc._active .basket__sidebar-calc-link svg {
    transform: rotate(180deg);
}

.basket__sidebar-calc._active ~ .basket__sidebar-calc-detaile-container {
    display: block;
}

.basket__sidebar-calc-detaile {
    margin: 0 0 16px;
    display: grid;
    grid-template-columns: 55px 1fr;
    align-items: center;
    gap: 15px;
    font-size: 14px;
}

.basket__sidebar-calc-img {
    position: relative;
}

.basket__sidebar-calc-img span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #f5f5f7;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    right: -8px;
    bottom: -8px;
}

.basket__sidebar-calc-detaile-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.basket__sidebar-calc-name {
    letter-spacing: -0.4px;
}

.basket__sidebar-calc-cost {
    max-width: 80px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    text-align: right;
}

.basket__sidebar-sale-detaile {
    font-size: 14px;
    margin: 8px 0 0;
}

.basket__sidebar-sale-detaile dd {
    font-weight: 400;
    color: #d70015;
}

.basket__sidebar-calc-link,
.basket__sidebar-sale-link {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket__sidebar-calc-link:hover,
.basket__sidebar-sale-link:hover {
    color: #7d7d7d;
}

.basket__sidebar-calc-link *,
.basket__sidebar-sale-link * {
    pointer-events: none;
}

.basket__sidebar-calc-link svg,
.basket__sidebar-sale-link svg {
    width: 20px;
    height: 20px;
    transition: transform 0.2s;
}

/*.basket__sidebar-calc-detaile-container,*/
/*.basket__sidebar-sale-detaile-container {*/
/*    display: none;*/
/*}*/
/*.basket__sidebar-calc-detaile-container {*/
/*    padding-right: 8px;*/
/*    max-height: 312px;*/
/*    !*scrollbar-width: thin;*!*/
/*    overflow: auto;*/
/*    height: 100%;*/
/*    !*scrollbar-width: thin;*!*/
/*    !*scrollbar-color: #c3c3c3 transparent;*!*/
/*    !*-ms-overflow-style: scrollbar;*!*/
/*    !*overflow-y: scroll;*!*/
/*}*/
/*.basket__sidebar-calc-detaile-container::-webkit-scrollbar {*/
/*    width: 4px;*/
/*}*/
/*.basket__sidebar-calc-detaile-container::-webkit-scrollbar-track {*/
/*    background: 0 0;*/
/*}*/
/*.basket__sidebar-calc-detaile-container::-webkit-scrollbar-thumb {*/
/*    background-color: #c3c3c3;*/
/*    border-radius: 27px;*/
/*}*/
.basket__sidebar-kredit {
    margin-top: 8px;
}

.basket__sidebar-result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.basket__sidebar-result dt {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.basket__sidebar-result dd {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.basket__promocode-box {
    position: relative;
    margin-bottom: 24px;
}

.basket__promocode-box._ok:before {
    content: attr(data-ok);
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    padding-left: 24px;
    background: url(/ajax/auth/img/icon/promo-ok.svg) 0 50% no-repeat;
    color: #5c9cfc;
    font-size: 12px;
    line-height: 16px;
}

.basket__promocode-box._ok .basket__promocode {
    border-color: #e1e1e3;
}

.basket__promocode-box._ok .basket__promocode-button {
    display: none;
}

.basket__promocode-box._error {
    border-color: red;
}

.basket__promocode-box._error:before {
    content: attr(data-error);
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    padding-left: 24px;
    background: url(/ajax/auth/img/icon/promo-error.svg) 0 50% no-repeat;
    color: #d70015;
    font-size: 12px;
    line-height: 16px;
}

.basket__promocode-box._error .basket__promocode {
    border-color: #d70015;
}

.basket__promocode-box._error .basket__promocode-button {
    display: none;
}

.basket__promocode-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    opacity: 0;
    visibility: hidden;
}

.basket__promocode {
    width: 100%;
    border-radius: 8px;
    border: 0.5px solid #e1e1e3;
    background: #f5f5f7;
    height: 48px;
    line-height: 47px;
    font-size: 16px;
    color: #000;
    padding: 0 20px;
}

.basket__promocode::-moz-placeholder {
    color: #7d7d7d;
}

.basket__promocode::placeholder {
    color: #7d7d7d;
}

.basket__promocode:focus::-moz-placeholder {
    color: transparent;
}

.basket__promocode:focus::placeholder {
    color: transparent;
}

.basket__promocode._active,
.basket__promocode:focus {
    border-color: #7d7d7d;
    background: #fff;
}

.basket__promocode._active ~ .basket__promocode-button,
.basket__promocode:focus ~ .basket__promocode-button {
    opacity: 1;
    visibility: visible;
}

.basket__popular,
.basket__popular .popular-slider__content {
    margin-bottom: 0;
}

.basket .categories,
.basket .popular-slider__content {
    margin-bottom: 120px;
}

.basket .categories h1,
.basket .popular-slider__content h1 {
    margin-top: 0;
}

.basket .viewed {
    margin-bottom: 0;
}

.breadcrumps {
    color: #7d7d7d;
    margin-top: 12px;
    font-size: 12px;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.breadcrumps::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}

.breadcrumps::-webkit-scrollbar-track {
    background: 0 0;
    width: 0;
    height: 0;
}

.breadcrumps::-webkit-scrollbar-thumb {
    background-color: transparent;
    width: 0;
    height: 0;
}

.breadcrumps__wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding-bottom: 6px;
}

.breadcrumps span {
    display: inline-flex;
    white-space: nowrap;
}

.breadcrumps a {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 10px;
    white-space: nowrap;
}

.breadcrumps a:before {
    content: "";
    width: calc(100% - 24px);
    height: 1px;
    background: 0 0;
    position: absolute;
    top: calc(100% + 3px);
    left: -1px;
    transition: background-color 0.3s;
}

.breadcrumps a:hover {
    color: #0E0E0E;
}

.breadcrumps a:hover:before {
    background-color: #0E0E0E;
}

.breadcrumps a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/ajax/auth/img/icon/arrow-right-bl.svg) 50% 50%/contain no-repeat;
}

.card-sliders {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 605px;
    justify-content: space-between;
    z-index: 2;
}

.card-sliders__main-wrapper {
    opacity: 0;
}

.card-sliders__main-wrapper.slick-initialized {
    opacity: 1;
}

.card-sliders__main-box {
    position: relative;
    width: calc(100% - 102px);
    max-width: 457px;
    margin-top: 25px;
}

.card-sliders__main {
    margin: 0;
}

.card-sliders__main .slick-arrow {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
    transition: border 0.2s, opacity 0.2s, visibility 0.2s;
    z-index: 2;
}

.card-sliders__main .slick-arrow svg {
    width: 24px;
    height: 24px;
}

.card-sliders__main .slick-arrow.slick-next {
    left: auto;
    right: 0;
    transform: rotate(0);
}

.card-sliders__main .slick-arrow.slick-prev {
    left: 0;
    transform: rotate(180deg);
}

.card-sliders__main .slick-arrow:hover {
    border: 1.5px solid #999;
}

.card-sliders__main .slick-arrow_prev {
    transform: rotate(180deg);
}

.card-sliders .slick-dots {
    display: none !important;
    align-items: center;
    justify-content: center;
    bottom: 0 !important;
    width: 204px;
    font-size: 0;
    list-style: none;
    margin: 0 auto;
    gap: 8px;
}

.card-sliders .slick-dots li {
    width: 40px;
}

.card-sliders .slick-dots li button {
    width: 100%;
    height: 2px;
    padding: 10px 0;
    border: none;
    opacity: 1;
    background: 0 0;
}

.card-sliders .slick-dots li button:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    border-radius: 2px;
    background: #e1e1e3;
    opacity: 1;
    border: none;
}

.card-sliders .slick-dots li.slick-active button:before {
    background: #0E0E0E;
}

.card-sliders__thumb-box {
    position: relative;
    width: 90px;
    height: 408px;
    margin-top: 40px;
}

.card-sliders__thumb-box_hide {
    display: none;
}

.card-sliders__thumb-box_hide ~ .card-sliders__main-box {
    margin-left: 86px;
}

.card-sliders__thumb {
    height: 100%;
    margin: 0;
}

.card-sliders__thumb .slick-arrow {
    border: none !important;
    left: 50%;
    transition: transform 0.3s;
}

.card-sliders__thumb .slick-arrow.slick-next {
    bottom: -40px;
    transform: translateX(-50%) rotate(90deg);
}

.card-sliders__thumb .slick-arrow.slick-next:hover {
    transform: translateX(-50%) translateY(5px) rotate(90deg);
}

.card-sliders__thumb .slick-arrow.slick-prev {
    top: -40px;
    transform: translateX(-50%) rotate(-90deg);
}

.card-sliders__thumb .slick-arrow.slick-prev:hover {
    transform: translateX(-50%) translateY(-5px) rotate(-90deg);
}

.card-sliders__thumb .slick-arrow svg {
    width: 24px;
    height: 24px;
    color: #0E0E0E;
}

.card-sliders__thumb_small .slick-list {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.card-sliders .slick-current .card-sliders__thumb-slide-content {
    border-color: #0E0E0E;
}

.card-sliders__thumb-slide {
    border-radius: 8px;
    width: 90px;
}

.card-sliders__thumb-slide-content {
    border: 2px solid transparent;
    transition: border-color 0.3s;
    width: 90px;
    border-radius: 8px;
}

.card-sliders__thumb-slide-content:hover {
    border-color: #7d7d7d;
}

.slick-arrow {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s, opacity 0.2s, visibility 0.2s;
    left: 50%;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 43px;
}

.slick-arrow::after,
.slick-arrow:before {
    display: none;
}

.slick-arrow * {
    pointer-events: none;
}

.slick-arrow.slick-next {
    transform: translateX(-50%) rotate(180deg);
}

.slick-arrow svg {
    width: 24px;
    height: 24px;
    color: #0E0E0E;
}

.card {
    margin-bottom: 42px;
}

.card h1 {
    margin-bottom: 12px;
}

.card__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 2;
}

.card__description {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 36px;
    gap: 0 31px;
}

.card__control {
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 0;
}

.card__control-select-title {
    padding: 16px;
    border-bottom: 1px solid #e1e1e3;
    font-size: 19px;
    font-weight: 700;
}

.card__control-link-box {
    position: relative;
    z-index: 6;
}

.card__control-link-box._active .card__control-select {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.card__control-link-box._active .card__control-bg {
    display: block;
}

.card__control-link {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    color: #0E0E0E;
    font-size: 14px;
}

.card__control-link * {
    pointer-events: none;
}

.card__control-link:hover {
    color: #7d7d7d;
}

.card__control-link svg {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.card__control-link_compare:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(/ajax/auth/img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.card__control-link_compare_active {
    color: #0E0E0E !important;
}

.card__control-link_compare_active:before {
    opacity: 1;
}

.card__control-link_favorites:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/ajax/auth/img/icon/favorite-fill-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.card__control-link_favorites_active {
    color: #0E0E0E !important;
}

.card__control-link_favorites_active:before {
    opacity: 1;
}

.card__control-bg {
    display: none;
}

.card__control-select {
    position: absolute;
    top: 100%;
    left: -20px;
    display: flex;
    flex-flow: column;
    width: 204px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    overflow: hidden;
}

.card__control-select-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    font-size: 14px;
}

.card__control-select-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

.card__control-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    color: #7d7d7d;
}

.card__control-close svg {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.card__preview {
    position: sticky;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 480px);
}

.card__tabs._mobile {
    display: none;
}

.cart-parameter {
    width: 398px;
    margin-top: 64px;
}

.cart-parameter__title {
    font-size: 14px;
    margin-bottom: 8px;
}

.cart-parameter__color-tooltip {
    width: auto !important;
    font-size: 14px;
    pointer-events: none;
}

.cart-parameter__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.cart-parameter__color-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #999;
}

.cart-parameter__color-item._active {
    border: 2px solid #7d7d7d;
}

.cart-parameter__color-item_bg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.cart-parameter__color-item_bg:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--color);
    border-radius: 50%;
    border: 1px solid #fff;
}

.cart-parameter__color-item:hover {
    border-color: #0E0E0E;
}

.cart-parameter__radio {
    border-radius: 8px;
    border: 1px solid #7d7d7d;
    background: #fff;
    font-size: 14px;
    padding: 0 12px;
    height: 36px;
    line-height: 34px;
}

.cart-parameter__radio:hover {
    color: #0E0E0E;
    border-color: #0E0E0E;
}

.cart-parameter__radio._active {
    border: 2px solid #0E0E0E;
}

.cart-parameter__title-big {
    margin-bottom: 12px;
    font-weight: 700;
}

.cart-parameter__characteristics-dl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    gap: 2px;
}

.cart-parameter__characteristics-dt {
    position: relative;
    color: #7d7d7d;
    width: 50%;
    padding-right: 16px;
}

.cart-parameter__characteristics-dt:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 0.5px dashed #b9b9b9;
    top: 13px;
    left: 0;
}

.cart-parameter__characteristics-dt .cart-parameter__info {
    top: auto;
    bottom: -2px;
    position: absolute;
    right: -21px;
    width: 19px;
    height: 19px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 0;
}

.cart-parameter__characteristics-dt span {
    position: relative;
    display: inline;
    background: #fff;
    z-index: 1;
}

.cart-parameter__characteristics-dd {
    width: calc(50% - 2px);
}

.cart-parameter__characteristics-link {
    display: inline-block;
    margin-top: 8px;
    color: #2a65c5;
}

.cart-parameter__characteristics-link:hover {
    color: #0c47a7;
}

.cart-parameter__info {
    position: relative;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: color 0.3s;
    color: #999;
}

.cart-parameter__info._active {
    color: #0E0E0E;
}

.cart-parameter__info svg {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.cart-purchase {
    width: 440px;
    position: sticky;
    top: var(--top, 118px);
    margin-top: 64px;
}

.cart-purchase._mobile {
    display: none;
}

.cart-purchase__box {
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
    padding: 24px;
    margin-bottom: 8px;
}

.cart-purchase__buy {
    padding: 32px;
}

.cart-purchase__buy-insurance {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
}

.cart-purchase__order {
    font-size: 14px;
    margin-bottom: 16px;
}

.cart-purchase__buy-price {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 16px;
}

.cart-purchase__buy-price p {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

.cart-purchase__buy-price p + p {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
    margin-bottom: 4px;
}

.cart-purchase__buy-credit {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px 4px 12px;
    border-radius: 8px;
    background: #f5f5f7;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
}

.cart-purchase__buy-credit p {
    padding: 4px 0;
}

.cart-purchase__buy-credit a {
    color: #2a65c5;
}

.cart-purchase__buy-credit a:hover {
    color: #0c47a7;
}

.cart-purchase .cart-parameter__info {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    right: 0;
    top: -2px;
}

.cart-purchase .cart-parameter__info svg {
    width: 16px;
    height: 16px;
}

.cart-purchase__shop {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    margin-bottom: 12px;
}

.cart-purchase__shop a {
    font-size: 16px;
    color: #2a65c5;
}

.cart-purchase__shop a:hover {
    color: #0c47a7;
}

.cart-purchase__benefit {
    display: block;
    position: relative;
    border-radius: 8px;
    background: #f5f5f7;
    font-weight: 500;
    line-height: 1.125;
    letter-spacing: -0.078px;
    color: #0E0E0E;
    padding: 12px 16px;
}

.cart-purchase__benefit:hover {
    background: #e1e1e3;
    color: #0E0E0E;
}

.cart-purchase__benefit:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 12px;
    background: url(/ajax/auth/img/icon/arrow-left-link.svg) 50% 50% no-repeat;
}

.cart-purchase__benefit span {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.286;
}

.cart-purchase__benefit p {
    margin-bottom: 4px;
}

.cart-purchase__guarantee {
    padding: 24px 24px 16px;
    overflow: hidden;
}

.cart-purchase__guarantee-text {
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 12px;
}

.cart-purchase__guarantee-price {
    line-height: 1.25;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

.cart-purchase__guarantee-price span {
    font-weight: 600;
}

.cart-purchase__guarantee-link-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid #e1e1e3;
}

.cart-purchase__guarantee-link-remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #999;
}

.cart-purchase__guarantee-link-remove * {
    pointer-events: none;
}

.cart-purchase__guarantee-link-remove:hover {
    color: #0E0E0E;
}

.cart-purchase__guarantee-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.25;
    color: #2a65c5;
    width: 100%;
}

.cart-purchase__guarantee-link:hover {
    color: #0c47a7;
}

.cart-purchase__guarantee-link svg {
    width: 24px;
    height: 24px;
}

.cart-purchase__tradein {
    padding: 14px 20px;
    margin-bottom: 20px;
}

.cart-purchase__tradein-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
}

.cart-purchase__tradein-link:hover {
    color: #0c47a7;
}

.cart-purchase__tradein-link:hover svg {
    transform: rotate(720deg);
}

.cart-purchase__tradein-link svg {
    width: 24px;
    height: 24px;
    transition: transform 0.2s;
}

.cart-purchase__not-price {
    color: #7d7d7d;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.cart-purchase__buy-button {
    margin-bottom: 16px;
    font-size: 16px !important;
}

.cart-purchase__buy-button.catalog-body__basket_active {
    color: #0E0E0E;
}

.cart-purchase__buy-button * {
    pointer-events: none;
}

.cart-purchase__buy-button-not {
    font-size: 16px;
}

.cart-purchase__complect {
    padding: 24px;
}

.cart-purchase__complect._mobile {
    display: none;
}

.cart-purchase__complect-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 16px;
}

.cart-purchase__complect-foot {
    border-top: 1px solid #e1e1e3;
    padding-top: 20px;
    margin-top: 16px;
}

.cart-purchase__complect-foot .cart-purchase__buy-button {
    margin-bottom: 0;
}

.cart-purchase__complect-foot dl {
    display: grid;
    grid-template-columns: 100px 1fr;
    margin-bottom: 8px;
}

.cart-purchase__complect-foot dl + span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: right;
    margin-bottom: 16px;
}

.cart-purchase__complect-foot dt {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.cart-purchase__complect-foot dd {
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.cart-purchase__complect-foot dd p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.cart-purchase__complect-foot_price {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cart-purchase__complect-foot_price_old {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #999;
    text-decoration: line-through;
    margin-left: 8px;
}

.catalog-mini {
    display: flex;
    flex-flow: column;
    list-style: none;
    gap: 12px;
}

.catalog-mini__item {
    position: relative;
}

.catalog-mini__item:hover .catalog-mini__controll {
    opacity: 1;
    visibility: visible;
}

.catalog-mini__link {
    display: grid;
    padding: 7px;
    grid-template-columns: 68px 1fr;
    gap: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #fff;
}

.catalog-mini__link:hover {
    color: #0E0E0E;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
}

.catalog-mini__img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog-mini__img-box img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.catalog-mini__text {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.catalog-mini__name {
    font-size: 14px;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-mini__ptice {
    position: relative;
    display: flex;
    align-items: center;
    color: #0E0E0E;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
}

.catalog-mini__ptice span {
    font-size: 12px;
}

.catalog-mini__ptice p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.catalog-mini__replace {
    position: absolute;
    bottom: 0;
    font-weight: 400;
    font-size: 16px !important;
    left: 0;
    color: #2a65c5;
    width: 80px;
    line-height: 1.25;
    transition: color 0.3s;
    cursor: pointer;
}

.catalog-mini__replace:hover {
    color: #0c47a7;
}

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

.catalog-mini_complect .catalog-mini__link {
    grid-template-columns: 100px 1fr;
    padding: 10px 0;
    border: none;
    cursor: default;
}

.catalog-mini_complect .catalog-mini__link:hover {
    border: none;
}

.catalog-mini_complect .catalog-mini__name {
    transition: color 0.3s;
    cursor: pointer;
    line-height: 20px;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .catalog-mini_complect .catalog-mini__name {
        margin-bottom: 8px;
    }
}

.catalog-mini_complect .catalog-mini__name:hover {
    color: #7d7d7d;
}

.catalog-mini_complect .catalog-mini__item:not(:last-child) {
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.catalog-mini_complect .catalog-mini__text {
    justify-content: flex-start;
    padding: 0;
}

.catalog-mini_complect .catalog-mini__ptice {
    justify-content: flex-end;
    margin-top: 16px;
    font-weight: 600;
}

.catalog-mini_complect .catalog-mini__ptice p + p {
    order: -1;
}

.catalog-mini__controll {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 6px;
    top: 6px;
    gap: 6px;
    align-items: center;
    transition: opacity 0.3s, visibility 0.3s;
    display: flex;
}

.catalog-mini__controll .catalog-body__control-icon,
.catalog-mini__controll .catalog-body__control-icon svg {
    width: 24px;
    height: 24px;
}

.catalog-mini__controll .catalog-body__control-icon .catalog-body__control-icon.catalog-body__favorites:before,
.catalog-mini__controll .catalog-body__control-icon.catalog-body__control-icon.catalog-body__compare:before,
.catalog-mini__controll .catalog-body__control-icon.catalog-body__control-icon_active.catalog-body__favorites:before {
    background-size: 24px 24px;
}

.catalog-body {
    display: flex;
    gap: 16px;
}

.catalog-body__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 17px -12px 0;
    width: calc(100% + 24px);
    border-top: 0.5px solid #e1e1e3;
}

.catalog-body__label {
    position: relative;
    border-radius: 4px;
    background-color: var(--bg);
    color: var(--color);
    padding: 2px 6px;
    font-size: 10px;
    line-height: 14px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.catalog-body__label.catalog-body__label_big {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 14px;
}

.catalog-body__label:hover .catalog-body__label-hide {
    opacity: 1;
    visibility: visible;
}

.catalog-body__order {
    font-size: 14px;
    border: 2px solid #0E0E0E;
    transition: 0.2s ease-out;
}

.catalog-body__order:hover {
    border-color: #3a3a3c;
}

.catalog-body__basket-complect {
    font-size: 14px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #0E0E0E;
    padding: 0 18px;
    transition: 0.2s ease-out;
}

.catalog-body__basket-complect:hover {
    border-color: #3a3a3c;
}

.catalog-body__basket-complect_active,
.catalog-body__basket-complect_active:hover {
    background-color: #fff;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.catalog-body__basket {
    min-width: 110px;
    font-size: 13px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #0E0E0E;
    padding: 0 16px;
    transition: 0.2s ease-out;
}

.catalog-body__basket_active,
.catalog-body__basket_active:hover {
    background-color: #fff;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.catalog-body__massage {
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    line-height: 1em;
}

.catalog-body__term {
    text-align: center;
    padding: 0;
    font-size: 12px;
    width: 89px;
}

.catalog-body__control {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-body__control-icon {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #999;
    transition: color 0.3s;
}

.catalog-body__control-icon.catalog-body__favorites:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/ajax/auth/img/icon/favorite-fill-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.catalog-body__control-icon.catalog-body__compare:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/ajax/auth/img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.catalog-body__control-icon svg {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.catalog-body__control-icon_active {
    color: #0E0E0E;
}

.catalog-body__control-icon_active:hover {
    color: #0E0E0E !important;
}

.catalog-body__control-icon_active.catalog-body__compare:before,
.catalog-body__control-icon_active.catalog-body__favorites:before {
    opacity: 1;
}

.catalog-body__control-icon:hover {
    color: #0E0E0E;
}

.catalog-body__characteristics {
    display: none;
    font-size: 14px;
    padding-bottom: 4px;
}

.catalog-body__characteristics dl {
    margin-bottom: 8px;
    display: flex;
    gap: 4px;
}

.catalog-body__characteristics dt {
    color: #999;
}

.catalog-body__rating {
    display: none;
    font-size: 14px;
    gap: 12px;
}

.catalog-body__rating-grade {
    padding-left: 23px;
    background: url(/ajax/auth/img/icon/rating.svg) 0 50% no-repeat;
    font-weight: 800;
}

.catalog-body__rating-comments {
    color: #999;
}

.catalog-body__rating-comments:hover {
    color: #0E0E0E;
}

.catalog-body:not(.catalog-body_list) .catalog-body__control_order {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: 5px;
}

.catalog-head {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    padding: 0;
}

.catalog-pagin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.catalog-pagin__button {
    margin: 32px 0;
    width: 100%;
}

.catalog-pagin__nav {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 42px;
}

.catalog-pagin__arrow svg {
    width: 24px;
    height: 24px;
}

.catalog-pagin__arrow_prev svg {
    transform: rotate(180deg);
}

.catalog-pagin__arrow_disabled {
    pointer-events: none;
    color: #d7d7d7;
}

.catalog-pagin__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 48px;
    border-radius: 8px;
}

.catalog-pagin__link_current {
    background: #0E0E0E;
    color: #fff;
    pointer-events: none;
}

.catalog-pagin__link:hover {
    color: #0E0E0E;
    background: #ebebed;
}

.catalog-pagin__dotted {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    background: url(/ajax/auth/img/icon/dotted.svg) 50% 50% no-repeat;
}

.catalog-section {
    padding-bottom: 28px;
}

.catalog {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 24px;
}

.catalog__box {
    width: 100%;
}

.categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin-bottom: 52px;
    justify-content: space-evenly;
}

.categories-list__li {
    width: calc(50% - 4px);
}

.categories-list__link {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    height: 0;
    border-radius: 12px;
    background: #f5f5f7;
}

.categories-list__link:hover {
    background: #e1e1e3;
}

.categories-list__title {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    font-size: 14px;
    color: #0E0E0E;
    font-weight: 700;
}

.categories-list__img {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    text-align: center;
}

.categories-list__img img {
    display: inline-block;
}

.city-search__content {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    justify-content: space-between;
    max-height: 700px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 767px) {
    .city-search__content {
        max-height: calc(var(--vh, 1vh) * 100 - 241px);
        height: 100%;
        overflow: auto;
        min-height: 300px;
    }
}

@media screen and (max-width: 479px) {
    .city-search__content {
        display: block;
    }
}

.city-search__content-col:nth-child(2) {
    display: flex;
    justify-content: flex-end;
}

.city-search__box {
    position: relative;
    padding: 12px 20px;
    margin: 0 -20px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.city-search__input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    right: 36px;
    transition: 0.3s;
}

.city-search__list-main {
    list-style: none;
    width: 100%;
}

.city-search__li-main a {
    padding-right: 24px;
    margin-bottom: 16px;
}

.city-search__link-main {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
}

.city-search__link-main b {
    color: #2a65c5;
}

.city-search__link-main::first-letter {
    text-transform: uppercase;
}

.city-search__link-main_current {
    color: #2a65c5;
}

.city-search__link-main_current:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(/ajax/auth/img/icon/check-blue.svg) 50% 50% no-repeat;
}

.city-search__list {
    list-style: none;
    width: 100%;
}

.city-search__li a {
    margin-bottom: 16px;
}

.city-search__link {
    display: inline-block;
    font-size: 14px;
}

.city-search__link::first-letter {
    text-transform: uppercase;
}

.city-search__link b {
    font-weight: 400;
    color: #2a65c5;
}

.city-search__clear {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    right: 36px;
    color: #999;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}

.city-search__clear:hover {
    color: #0E0E0E;
}

.city-search__clear svg {
    pointer-events: none;
}

.city-search__input {
    transition: 0.3s;
}

.city-search__input.input-text-focus ~ .city-search__clear {
    opacity: 1;
    pointer-events: auto;
}

.city-search__input.input-text-focus ~ .city-search__input-icon {
    opacity: 0;
}

.footer.footer-small {
    padding: 52.5px 0;
    border-top: 1px solid #e1e1e3;
    background: #f5f5f7;
}

.footer.footer-small .footer-small__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer.footer-small .footer-small__content a {
    color: #7d7d7d;
    font-size: 12px;
}

.footer.footer-small .footer-small__content a:hover {
    color: #0E0E0E;
}

.footer-small.footer-small_type-2 {
    background: #fff;
}

.footer {
    flex: 0 0 auto;
    background: #0E0E0E;
    padding: 50px 0;
    color: #fff;
    overflow: hidden;
}

.footer__container {
    display: grid;
    grid-template-columns: 1fr 246px 370px;
    gap: 54px;
}

.footer__menu {
    display: flex;
    align-items: flex-start;
}

.footer__menu-col {
    width: 246px;
}

.footer__menu-col_catalog {
    margin-right: 67px;
}

.footer__menu-title {
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.footer__menu-link-box {
    margin-bottom: 14px;
}

.footer__contacts {
    width: 275px;
}

.footer__contacts-title {
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.footer__contacts-phone {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.footer__contacts-time {
    font-size: 12px;
    color: #999;
    margin-bottom: 20px;
}

.footer__sn {
    margin-bottom: 20px;
}

.footer__sn-title {
    color: #fff;
    margin-bottom: 6px;
}

.footer__sn-title-max {
    color: #fff;
    margin-bottom: 16px;
}

@media screen and (max-width: 990px) {
    .footer__sn-title-max {
        font-size: 14px;
    }
}

@media screen and (max-width: 990px) {
    .footer__sn-title {
        font-size: 14px;
    }
}

.footer__sn-list {
    display: flex;
    align-items: center;
    gap: 11px;
}

.footer__sn-link {
    position: relative;
    width: 40px;
    height: 40px;
}

.footer__sn-link:hover .footer__sn-link-hover {
    opacity: 1;
}

.footer__sn-link:hover .footer__sn-link-wh {
    opacity: 0;
}

.footer__sn-link-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__sn-link-wh {
    opacity: 1;
    transition: opacity 0.3s;
}

.footer__sn-link-color,
.footer__sn-link-hover {
    opacity: 0;
    transition: opacity 0.3s;
}

.footer__info {
    width: 370px;
}

.footer__info-download-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .footer__info-download-header {
        font-size: 12px;
        margin-bottom: 14px;
    }
}

.footer__info-download-block {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin-bottom: 42px;
}

@media screen and (max-width: 1399px) {
    .footer__info-download-block {
        margin-bottom: 0;
    }
}

.footer__info-download-block-item {
    flex-basis: 141px;
    max-width: 141px;
}

@media screen and (max-width: 990px) {
    .footer__info-download-block-item {
        margin-bottom: 12px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 767px) {
    .footer__info-download-block-item {
        margin-bottom: 12px;
        margin-left: 0;
        margin-right: 0;
        max-width: 115px;
    }
}

.footer__info-title {
    font-weight: 700;
    margin-bottom: 16px;
}

.footer__callback {
    margin-bottom: 75px;
}

.footer__callback-form {
    position: relative;
    margin-bottom: 16px;
}

.footer__callback-form-label {
    position: relative;
    height: 48px;
}

.footer__callback-form-label div.error {
    top: calc(100% + 5px);
}

.footer__callback-btn {
    position: absolute;
    height: 48px;
    width: 64px;
    top: 0;
    right: 0;
    outline: 0;
    background: url(/ajax/auth/img/icon/bt-send.svg) 50% 50% no-repeat;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, opacity 0.3s;
}

.footer__callback-btn:hover {
    opacity: 0.7;
}

.footer__callback-input {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    background: rgba(245, 245, 247, 0.06);
    border: 1px solid rgba(245, 245, 247, 0.06);
    color: #fff;
    padding: 0 70px 0 20px;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}

.footer__callback-input::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input::placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input:hover {
    border-color: #404040;
}

.footer__callback-input:focus {
    border-color: #fff;
}

.footer__callback-input:focus::-moz-placeholder {
    opacity: 0;
}

.footer__callback-input:focus::placeholder {
    opacity: 0;
}

.footer__callback-input:focus ~ .footer__callback-btn {
    border-color: #fff;
}

.footer__callback-input.error,
.footer__callback-input.error ~ .footer__callback-btn {
    border-color: #c74031;
}

.footer__callback-desc {
    font-size: 12px;
    font-weight: 300;
    color: #7d7d7d;
}

.footer__callback-desc a {
    display: inline-block;
    color: #2a65c5;
}

.footer__callback-desc a:hover {
    color: #fff;
}

.footer__button-service {
    margin-bottom: 75px;
}

@media screen and (max-width: 1399px) {
    .footer__button-service {
        margin-bottom: 0;
        margin-top: 0 !important;
    }
}

.footer__button-service_mobile {
    width: 100%;
    margin: 0 0 20px;
    font-size: 14px;
    height: 42px;
    display: none;
}

.footer__button-service_tablet {
    display: none;
}

.touchevents .footer__sn-link-color {
    opacity: 1;
}

.header-small {
    padding: 0 !important;
}

.header-small__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 0;
    width: 100%;
}

.header-small__back {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
}

.header-small__back:hover {
    color: #d7d7d7;
}

.header-small .header__logo {
    color: #fff;
    width: 110px;
    display: block;
}

.header-small .header__logo:hover {
    color: #d7d7d7;
}

.header-small__tel {
    display: inline-flex;
    border-radius: 8px;
    border: 2px solid #5b5b6a;
    height: 48px;
    padding: 0 30px;
    align-items: center;
    color: #fff;
}

.header-small__tel:hover {
    color: #d7d7d7;
}

.header {
    background: #fff;
}

.header__hhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #263F8B;
    padding: 6px 0;
    color: #fff;
}

.header__hhead-left {
    display: flex;
    justify-content: center;
    gap: 26px;
}

.header__hhead-left i {
    width: 1px;
    height: 23px;
    background: #35363a;
}

.header__hhead-left .header__shop {
    color: #fff;
}

.header__hhead-left .header__shop:hover {
    color: #d7d7d7;
}

.header__city-link {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header__shop {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.header__hhead-logo,
.header__hhead-logo:hover {
    color: #fff;
}

.header__service {
    font-size: 14px;
    color: #fff;
}

.header__service:hover {
    color: #d7d7d7;
}

.header__buyers {
    position: relative;
}

.header__buyers-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 11px;
    color: #fff;
}

.header__buyers-link * {
    pointer-events: none;
}

.header__buyers-link svg {
    transition: transform 0.3s;
}

.header__buyers-link:hover {
    color: #d7d7d7;
}

.header__buyers-link_active svg {
    transform: rotate(180deg);
}

.header__buyers-link_active ~ .header__buyers-select {
    opacity: 1;
    visibility: visible;
    transform: translateY(11px);
}

.header__buyers-select {
    position: absolute;
    top: 100%;
    left: -32px;
    display: flex;
    flex-flow: column;
    z-index: 1;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}

.header__buyers-select-link {
    display: block;
    white-space: nowrap;
    padding: 12px 32px 13px;
    font-size: 14px;
    color: #0E0E0E;
}

.header__buyers-select-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

.header__logo {
    flex-shrink: 0;
    width: 100px;
}

.header__logo svg {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.header__logo:hover {
    color: #3a3a3c;
}

.header__search {
    flex-basis: 1000px;
    position: relative;
}

.header__search_focus .header__search-input {
    background: #fff !important;
}

.header__search-form {
    position: relative;
}

.header__search-cancel {
    display: none;
    color: #2a65c5;
    font-size: 12px;
}

.header__search-form-placeholder-list {
    display: none;
}

.header__search-clear {
    position: absolute;
    width: 36px;
    height: 24px;
    padding-right: 12px;
    border-right: 1px solid #e1e1e3;
    top: 50%;
    transform: translateY(-50%);
    right: 52px;
    color: #999;
    opacity: 0;
    pointer-events: none;
}

.header__search-clear:hover {
    color: #0E0E0E;
}

.header__search-clear * {
    pointer-events: none;
}

.header__search-input {
    height: 44px;
    padding-right: 60px;
}

.header__search-input:hover {
    background: #eeeef0;
}

.header__search-input.input-text-val ~ .header__search-clear {
    opacity: 1;
    pointer-events: auto;
}

.header__search-button {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
}

.header__search-button:hover {
    color: #0E0E0E;
}

.header__bhead-right {
    display: flex;
    justify-content: space-between;
    width: 402px;
}

.header__menu-bt * {
    pointer-events: none;
}

.header__menu-bt_active svg,
.header__menu-bt_close {
    display: none;
}

.header__menu-bt_active .header__menu-bt_close {
    display: block;
}

.insurance-advantage {
    display: flex;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
    gap: 20px;
    flex-wrap: wrap;
    list-style: none;
    padding: 16px;
    margin-bottom: 20px;
}

.insurance-advantage__li {
    width: calc(33.33% - 13.33px);
}

.insurance-advantage__title {
    color: #0E0E0E;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px;
}

.insurance-advantage__text {
    color: #7d7d7d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.insurance-foot__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
}

.insurance-foot__list {
    display: flex;
    border-radius: 8px;
    background: #f5f5f7;
    list-style: none;
    margin-bottom: 20px;
}

.insurance-foot__list_col1 .insurance-foot__li {
    width: 100%;
}

.insurance-foot__li {
    position: relative;
    width: 33.33%;
}

.insurance-foot__li:not(:last-child):before {
    content: "";
    width: 1px;
    background: #e1e1e3;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.insurance-foot__select {
    position: relative;
    display: flex;
    padding: 8px 20px;
    text-align: center;
    justify-content: center;
    border: 2px solid transparent;
    color: #7d7d7d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
}

.insurance-foot__select:hover {
    color: #0E0E0E;
}

.insurance-foot__select._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
    background: #fff;
}

.insurance-foot__price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.insurance-foot__price {
    color: #0E0E0E;
    font-weight: 800;
    font-size: 16px;
}

.insurance-foot__price span {
    font-size: 24px;
}

.insurance-foot__button * {
    pointer-events: none;
}

.insurance-min-select {
    display: flex;
    gap: 8px;
    overflow: auto;
    padding: 20px 12px;
    border-top: 0.5px solid #e1e1e3;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.insurance-min-select::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}

.insurance-min-select::-webkit-scrollbar-track {
    background: 0 0;
    width: 0;
    height: 0;
}

.insurance-min-select::-webkit-scrollbar-thumb {
    background-color: transparent;
    width: 0;
    height: 0;
}

.insurance-min-select__item {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 216px;
    min-width: 216px;
    padding: 10px;
    border-radius: 8px;
    background: #f5f5f7;
    border: 2px solid #f5f5f7;
    gap: 20px;
    transform: border-color 0.2s ease;
}

.insurance-min-select__item._current {
    border-color: #0E0E0E;
    background: #fff;
}

.insurance-min-select__item._current .insurance-min-select__price {
    padding-left: 28px;
    background: url(/ajax/auth/img/icon/check-price.svg) 0 50% no-repeat;
}

.insurance-min-select__item * {
    pointer-events: none;
}

.insurance-min-select__title {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
}

.insurance-min-select__desc {
    color: #7d7d7d;
}

.insurance-min-select__price {
    font-weight: 600;
    transition: padding 0.3s;
}

.insurance-min-tab {
    display: none;
}

.insurance-min-tab__specification {
    border-top: 0.5px solid #e1e1e3;
    padding: 20px 12px;
}

.insurance-min-tab__info {
    padding: 20px 12px;
    border-top: 0.5px solid #e1e1e3;
}

.insurance-min-tab__info-title {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}

.insurance-min-tab__info-list {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
}

.insurance-min-tab__info-list-title {
    margin-bottom: 4px;
}

.insurance-min-tab__info-list-desc {
    color: #7d7d7d;
}

.insurance-min-tab__button-box {
    padding: 12px;
    border-top: 0.5px solid #e1e1e3;
}

.insurance-min-tab__button * span {
    pointer-events: none;
}

.insurance-offers {
    display: flex;
    gap: 12px;
}

.insurance-offers__items {
    display: flex;
    flex-flow: column;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    justify-content: space-between;
    background: #fff;
    padding: 16px;
    width: calc(33.33% - 8px);
}

.insurance-offers__items-head {
    padding: 12px;
    border-radius: 8px;
    background: #f5f5f7;
    margin-bottom: 20px;
}

.insurance-offers__title {
    color: #0E0E0E;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}

.insurance-offers__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.insurance-offers__title-list {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
}

.insurance-offers__li-title {
    margin-bottom: 4px;
}

.insurance-offers__li-desc {
    color: #7d7d7d;
}

.insurance-offers__list {
    display: flex;
    list-style: none;
    flex-flow: column;
    gap: 12px;
}

.insurance-offers__li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
}

.insurance-offers__li-box {
    width: calc(100% - 36px);
}

.menu-open .menu-bg {
    opacity: 1;
}

.menu_active {
    display: block;
}

.menu-open {
    overflow: hidden;
}

.modal {
    display: none;
    max-width: none;
    width: 100%;
    padding: 27px 20px;
    border-radius: 12px;
    color: #0E0E0E;
}

.modal__city {
    padding: 20px 12px;
}

.modal__city .modal__title {
    font-size: 20px;
    font-weight: 600;
}

.modal__remove {
    max-width: 590px;
    padding: 20px 12px calc(var(--safe-area-inset-bottom, 0) + 20px);
}

.modal__remove-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.modal__remove-text {
    margin-bottom: 32px;
}

.modal__ajax {
    display: block;
}

.modal__form {
    padding: 12px 0;
}

.modal__s {
    max-width: 440px;
    padding: 20px 12px;
}

.modal__xs {
    padding: 40px 20px 20px;
    max-width: none;
}

.modal__xs .button {
    padding: 0 40px;
}

.modal__xs-title {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.modal__xs-text {
    margin-bottom: 32px;
}

.modal__title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 6px;
}

.modal__descr span {
    font-weight: 700;
}

.modal__desc {
    font-size: 14px;
    margin-bottom: 4px;
}

.modal .is-close-btn {
    width: 48px;
    height: 48px;
    top: 10px;
    right: 10px;
    color: #999;
    opacity: 1;
    transition: 0.3s;
}

.modal .is-close-btn:hover {
    color: #0E0E0E !important;
}

.modal .is-close-btn svg {
    width: 14px;
    height: 14px;
}

.modal.modal__credit {
    max-width: 600px;
    padding: 20px 12px;
}

.modal.modal__credit .modal__title {
    margin-bottom: 20px;
    font-weight: 600;
}

.modal.modal__credit .modal__text {
    line-height: 20px;
    margin-bottom: 32px;
}

.modal.modal__credit .modal__text ul {
    margin-bottom: 24px;
    padding-left: 16px;
}

.modal.modal__credit .modal__text li {
    margin-bottom: 12px;
}

.modal.modal__credit .modal__text p {
    margin-bottom: 24px;
}

.modal.modal__credit .modal__text .bold {
    font-weight: 600;
    margin-bottom: 8px;
}

.modal.modal__credit .modal__text .disc {
    padding-left: 16px;
}

.modal.modal__credit .modal__text .disc span {
    display: list-item;
    list-style: disc;
}

.modal.modal__credit .modal__text .disc:not(:last-child) {
    margin-bottom: 12px;
}

.modal.modal__credit .modal__text .disc:last-child {
    margin-bottom: 16px;
}

.modal__link {
    display: inline-flex;
    padding: 8px 0;
    color: #2a65c5;
    line-height: 20px;
}

.modal__link:hover {
    color: #0c47a7;
}

.modal__link-button {
    display: inline-flex;
    padding: 8px 0;
}

.modal.modal__complect {
    width: 100%;
    padding: 20px 12px;
    max-width: none;
    overflow: hidden;
}

.modal.modal__complect .modal__title {
    border-bottom: 0.5px solid #e1e1e3;
    padding: 0 12px 20px;
    margin: 0 -12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.modal.modal__complect .catalog-body__list {
    padding-bottom: 48px;
    margin-top: 0;
}

.modal__complect-content {
    overflow: auto;
    max-height: calc(100% - 48px);
    padding: 0;
}

.modal__best-price {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    padding: 20px 12px;
    max-height: 100%;
}

.modal__best-price-content {
    overflow: auto;
    height: 100%;
}

.modal__best-price-title {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 600;
}

.modal__best-price-desc {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.modal .cart-purchase__benefit p,
.modal .cart-purchase__benefit span {
    display: block;
    width: calc(100% - 48px);
}

.modal__best-price-dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
    font-size: 14px;
}

.modal__best-price-dl:not(:last-child) {
    border-bottom: 1px solid #e1e1e3;
}

.modal__best-price-dl:last-child {
    margin-bottom: 32px;
}

.modal__best-price-dl_first {
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fafafb;
    font-weight: 600;
    padding: 16px;
}

.modal__best-price-dd {
    text-align: right;
}

.modal__best-price-dd span {
    display: inline-block;
    margin-top: 4px;
    color: #cd0900;
    font-size: 12px;
}

.modal__best-price-form {
    overflow: auto;
    width: 100%;
    max-width: 100%;
    padding: 20px 12px;
}

.modal__best-price-form .modal__form {
    padding: 0;
}

.modal__best-price-form-desc {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.modal__best-price-form-desc span {
    display: block;
    padding: 8px 0;
    margin-top: 4px;
}

.modal__best-price-form-desc a {
    color: #2a65c5;
    line-height: 20px;
}

.modal__best-price-form-desc a:hover {
    color: #0c47a7;
}

.modal__best-price-conditions {
    overflow: auto;
    width: 100%;
    max-width: 100%;
    padding: 56px 12px 20px;
}

.modal__best-price-conditions ul {
    display: flex;
    flex-flow: column;
    padding-left: 20px;
    gap: 12px;
    font-size: 14px;
}

.modal__best-price-conditions-title.modal__title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.modal__sign-in .f-button,
.modal__sign-up .f-button {
    border-radius: 50%;
}

.modal__sign-in .f-button:hover,
.modal__sign-up .f-button:hover {
    background-color: #f5f5f7 !important;
}

.modal__sign-in-title {
    font-weight: 600;
}

.modal__sign-in-sms-box {
    margin-top: 32px;
}

.modal__sign-in-sms-wrap {
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    gap: 0 12px;
}

.modal__sign-in-sms-wrap .sms-input {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    min-height: 48px;
    border: none;
    border-bottom: 0.5px solid #e1e1e3;
}

.modal__sign-in-sms-wrap .sms-input:focus {
    border-bottom-color: #7d7d7d;
}

.modal__sign-in-sms-timer-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal__sign-in-sms-timer,
.modal__sign-in-sms-timer-btn {
    padding: 14px 0;
}

.modal__sign-in-sms-timer {
    color: #7d7d7d;
}

.modal__sign-in-sms-timer-btn {
    display: none;
    border: none;
    background-color: transparent;
    color: #2a65c5;
    cursor: pointer;
    transition: color 0.3s;
}

.modal__sign-in-sms-timer-btn :hover {
    color: #0c47a7;
}

.modal__sign-title.modal__title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
    text-align: left;
}

.modal__sign-up-checkbox:last-of-type {
    margin-bottom: 28px;
}

.modal__sign-up-checkbox-text {
    font-size: 16px;
    line-height: 20px;
}

.modal__sign-up-radio {
    margin-bottom: 24px;
}

.modal__sign-up-btn {
    margin-bottom: 8px;
}

.modal__back {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    top: 12px;
    left: 10px;
    color: #0E0E0E;
}

.modal__back:hover {
    color: #7d7d7d;
}

.modal__back_type-2 {
    border-radius: 50%;
}

.modal__back_type-2:hover {
    background: #f5f5f7;
    color: #0E0E0E;
}

.modal__availability {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    padding: 20px 12px;
}

.modal__availability .modal__title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
}

.modal__availability_step .availability-tabs__box_map {
    border-radius: 8px;
    overflow: hidden;
}

.modal__insurance {
    max-width: 100%;
    padding: 20px 0;
}

.modal__insurance-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    padding: 8px 0;
    margin-bottom: 24px;
}

.modal__insurance-content-scroll {
    overflow: auto;
    max-height: calc(var(--vh, 1vh) * 100 - 202px);
}

.modal__max-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.modal__max-text {
    margin-bottom: 32px;
}

.modal__max-text a {
    display: inline-block;
    color: #0E0E0E;
    font-weight: 600;
    text-decoration-line: underline;
}

.modal__max-text a:hover {
    color: #7d7d7d;
    text-decoration: none;
}

.modal.modal__order-change {
    padding: 20px 12px;
    max-width: 100%;
}

.modal.modal__order-change .modal__credit-basket-title {
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.modal.modal__order-change .modal__credit-basket-text-box {
    padding: 12px 20px;
}

.modal.modal__order-change .modal__credit-basket-item._disabled {
    color: #999;
    pointer-events: none;
}

.modal.modal__order-change .modal__credit-basket-item._disabled .modal__credit-basket-item-price p {
    display: none;
}

.modal.modal__order-change .modal__credit-basket-item-price p,
.modal.modal__order-change .modal__credit-basket-item._disabled .modal__credit-basket-item-price span {
    display: inline-block;
}

.modal.modal__order-change .modal__credit-basket-item-price span {
    display: none;
}

.modal.modal__order-change .modal__credit-basket-item-img {
    position: relative;
}

.modal.modal__order-change .modal__credit-basket-item-img span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #f5f5f7;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    right: -8px;
    bottom: -8px;
}

.modal.modal__order-change .modal__credit-basket-item-name {
    font-size: 14px;
}

.modal.modal__order-change .modal__credit-basket-foot {
    padding-top: 32px;
    border-top: 1px solid #e1e1e3;
}

.js-modal-inline * {
    pointer-events: none;
}

.popular-slider__content {
    position: relative;
}

.popular-slider__wrapper {
    flex-wrap: nowrap;
    margin: 0;
    gap: 0 !important;
}

.popular-slider__arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.popular-slider__arrow:hover {
    border: 1.5px solid #999;
}

.popular-slider__arrow.swiper-button-disabled {
    display: none;
}

.popular-slider__arrow svg {
    width: 24px;
    height: 24px;
}

.popular-slider__arrow:after {
    display: none;
}

.popular-slider__arrow_prev svg {
    transform: rotate(180deg);
}

.popular {
    overflow: hidden;
}

.popular_bg-gray {
    background: #f5f5f7;
    padding: 120px 0 98px;
}

.popular_bg-gray .catalog-body__item {
    background: #fff;
}

.receipts::-webkit-scrollbar {
    width: 0;
    display: none;
}

.receipts__item {
    border-radius: 8px;
    background: #f5f5f7;
    font-size: 14px;
    padding: 8px 17px;
}

.receipts__item:hover {
    background: #e4e4e6;
    color: #0E0E0E;
}

.search-result-output {
    margin: 40px 0 42px;
}

.search-result-output__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

.search-result-output__text {
    max-width: 919px;
    line-height: 1.25;
}

.search-result-output__text a {
    font-weight: 700;
}

.search-result-output__category {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.search-result-output__category::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}

.search-result-output__category::-webkit-scrollbar-track {
    background: 0 0;
    width: 0;
    height: 0;
}

.search-result-output__category::-webkit-scrollbar-thumb {
    background-color: transparent;
    width: 0;
    height: 0;
}

.search-result-output__category-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.search-result-output__category-link {
    border-radius: 6px;
    flex: 0 0 auto;
    background: #f5f5f7;
    font-size: 14px;
    padding: 7px 12px;
    height: 32px;
    border: 1px solid #f5f5f7;
}

.search-result-output__category-link span {
    color: #7d7d7d;
    font-size: 12px;
}

.search-result-output__category-link:hover {
    background: #e4e4e6;
    border-color: #e4e4e6;
    color: #0E0E0E;
}

.search-result-output__category-link_active,
.search-result-output__category-link_active:hover {
    border-color: #0E0E0E;
    background: #fff;
}

/* .search-result {
    width: 775px;
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    padding: 36px;
    max-height: calc(var(--vh, 1vh) * 100 - 108px);
    z-index: 5;
    display: none;
    overflow: auto;
    height: 100%;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    -ms-overflow-style: scrollbar;
    overflow-y: scroll;
} */
/* .search-result::-webkit-scrollbar {
    width: 4px;
}
.search-result::-webkit-scrollbar-track {
    background: 0 0;
}
.search-result::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}
.search-result__col {
    display: flex;
    flex-flow: column;
}
.search-result.search-result_ok {
    display: none;
}
.search-result__container {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 37px;
}
.search-result__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.search-result__title {
    font-weight: 700;
}
.search-result__link {
    position: relative;
    display: inline-block;
    align-items: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 346px;
    border-radius: 6px;
    padding: 0 10px;
}
.search-result__link:not(:last-child) {
    margin-bottom: 4px;
}
.search-result__link span {
    color: #2a65c5;
}
.search-result__link img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.search-result__link svg {
    width: 12px;
    height: 24px;
}
.search-result__link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}
.search-result__link:hover .search-result__link-remove {
    opacity: 1;
}
.search-result__link-remove {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    color: #999;
    transition: opacity 0.2s;
}
.search-result__link-remove svg {
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition: color 0.2s;
    color: #999;
}
.search-result__link-remove:hover svg {
    color: #0E0E0E;
}
.search-result__box {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.search-result__box:not(:last-child) {
    margin-bottom: 24px;
}
.search-result__clear-history {
    color: #7d7d7d;
    font-size: 12px;
}
.search-result__clear-history:hover {
    color: #0E0E0E;
}
.search-result__button {
    margin-top: 20px;
}
.search-result__clue {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}
.search-result__clue-link {
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    background: #f5f5f7;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    color: #0E0E0E;
    font-size: 12px;
    padding: 0 16px;
}
.search-result__clue-link:hover {
    color: #0E0E0E;
    background: #e4e4e6;
}
.header__search_focus .search-result:not(.search-result_ok),
.header__search_val .search-result_ok {
    display: block;
}
.header__search_val .search-result_ok + .search-result {
    display: none;
} */
.select-box {
    position: relative;
}

.select-box-js__current {
    position: relative;
    height: 38px;
    padding: 10px 43px 11px 30px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    font-size: 14px;
    color: #0E0E0E;
    cursor: pointer;
    min-width: 203px;
    transition: border-color 0.3s;
}

.select-box-js__current:hover {
    border-color: #0E0E0E;
}

.select-box-js__current:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 18px;
    background: url(/ajax/auth/img/icon/arrow-top-bl.svg) 0 0/contain;
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    pointer-events: none;
    transition: transform 0.3s;
}

.select-box-js__current_active {
    border-radius: 8px 8px 0 0;
}

.select-box-js__current_active:after {
    transform: rotate(0);
}

.step h2 {
    margin-bottom: 24px;
    font-size: 24px;
}

.step .button._disabled,
.step .button:disabled {
    background-color: #999;
    color: #f5f5f7;
}

.step .availability-tabs.availability-tabs_step._mob {
    display: none;
}

.step .availability__button-box {
    padding: 0;
}

.step .tabs__container {
    padding: 40px 0 0;
}

.step .tabs__container a,
.step .tabs__container a:hover {
    color: #fff;
}

.step .tabs__container p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: inherit;
}

.step .tabs__container .availability__title {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
}

.step .tabs__container .availability__time,
.step .tabs__container .availability__time-work {
    font-size: 14px;
}

.step .tabs__container .availability__status-descr {
    margin-top: 16px;
    font-size: 14px;
    color: #7d7d7d;
}

.step .tabs__container .availability__status-btn {
    margin-top: 16px;
    display: none;
    border: none;
    background-color: transparent;
    color: #2a65c5;
    transition: 0.3s ease-out;
}

.step .tabs__container .availability__status-btn:hover {
    color: #0c47a7;
}

.step .tabs__container .availability__list._hide .availability__status-btn {
    display: block;
}

.step .tabs__container .availability__li {
    background: url(/ajax/auth/img/icon/step-check.svg) 8px 12px no-repeat;
}

.step .tabs__container .availability__li:hover {
    background-color: #f5f5f7;
}

.step .tabs__container .availability__li_active {
    background: url(/ajax/auth/img/icon/step-checked.svg) 8px 12px no-repeat;
    pointer-events: auto;
}

.step .tabs__container .availability__li_active:hover {
    background-color: transparent;
}

.step .tabs__container .availability__li_active .availability__status-descr {
    font-weight: 600;
    color: #0E0E0E;
}

.step .tabs__container .availability__li_active.availability__li_warning {
    background: url(/ajax/auth/img/icon/step-check-warning.svg) 8px 12px no-repeat;
}

.step .tabs__container .availability__btn-descr {
    font-size: 12px;
}

.step .tabs__container .availability__warning img {
    margin: 0;
}

.step .tabs__container .availability-tabs__box_map {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.step .tabs__container .availability__maps {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.step .tabs__container .availability-tabs__link {
    color: #7d7d7d;
}

.step .tabs__container .availability-tabs__link:hover {
    color: #2a65c5;
}

.step .tabs__container .availability-tabs__link._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
}

.step .tabs__container .availability__button-bt,
.step .tabs__container .availability__button-bt:hover {
    color: #0E0E0E;
}

.step .tabs__container .availability__li-close {
    color: #999;
}

.step .tabs__container .availability__li-close:hover {
    color: #0E0E0E;
}

.step .basket__sidebar._hide .basket__dl,
.step .basket__sidebar._hide .basket__promocode-box,
.step .basket__sidebar._hide .basket__sidebar-kredit,
.step .basket__sidebar._hide .basket__sidebar-result {
    display: flex;
}

.step .basket__sidebar._hide .basket__sidebar-massage {
    display: block;
}

.step__content {
    align-items: flex-start;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 20px;
    margin-bottom: 120px;
}

.step__items {
    display: flex;
    flex-flow: column;
    max-width: 1005px;
    width: 100%;
}

.step__sidebar {
    width: 445px;
    height: -moz-fit-content;
    height: fit-content;
}

.step__header {
    margin-bottom: 40px;
    padding: 17px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 50px;
    border: 1px solid #e1e1e3;
    border-radius: 12px;
}

.step__question-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    color: #0E0E0E;
}

.step__link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    color: #2a65c5;
}

.step__link * {
    pointer-events: none;
}

.step__link:hover {
    color: #0c47a7;
}

.step__radio {
    display: flex;
    flex-direction: row;
}

.step__tabs .tabs__list {
    border-radius: 10px;
    background-color: #f5f5f7;
}

.step__tabs .tabs__li {
    padding: 14px;
    height: 48px;
    background-color: transparent;
    border: 2px solid transparent;
    font-weight: 600;
    transition: color 0.3s;
}

.step__tabs .tabs__li._current {
    background-color: #fff;
    border: 2px solid #0E0E0E;
    border-radius: 8px;
}

.tooltip {
    position: absolute;
    font-size: 14px;
    left: var(--left);
    background: #fff;
    color: #0E0E0E;
    font-style: normal;
    padding: 16px;
    line-height: normal;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(225, 225, 225, 0.2), 0 0 46px 0 rgba(225, 225, 225, 0.12), 0 10px 38px 0 #e1e1e1;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    width: 286px;
    z-index: 9;
}

.tooltip:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    border: 21px solid transparent;
    border-bottom-color: #fff;
    z-index: 2;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
}

.tooltip__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 11px;
}

.tooltip__close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.tooltip__close * {
    pointer-events: none;
}

.tooltip__text {
    font-size: 12px;
}

.tooltip__bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0, 0, 0, 0.7);
}

.viewed {
    margin-bottom: 120px;
    margin-top: 64px;
}

.viewed__slider {
    padding: 25px;
    margin: -25px;
}

.viewed__slider-slide {
    width: 370px;
}

.viewed__slider-arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.viewed__slider-arrow:hover {
    border: 1.5px solid #999;
}

.viewed__slider-arrow.swiper-button-disabled {
    display: none;
}

.viewed__slider-arrow svg {
    width: 24px;
    height: 24px;
}

.viewed__slider-arrow:after {
    display: none;
}

.viewed__slider-arrow_next {
    right: 20px;
}

.viewed__slider-arrow_prev {
    left: 20px;
}

.viewed__slider-arrow_prev svg {
    transform: rotate(180deg);
}

.viewed .catalog-mini__item {
    transition: box-shadow 0.3s;
    border-radius: 12px;
}

.viewed .catalog-mini__item:hover {
    border: none;
}

.viewed .catalog-mini__link {
    padding: 12px 12px 13px;
    border: none;
}

.viewed .catalog-mini__link:hover {
    border: none;
}

.viewed .catalog-mini__ptice {
    font-weight: 600;
}

@media (min-width: 767px) {
    .f-fadeIn {
        animation: 0.2s both f-fadeIn;
    }

    .f-fadeOut {
        animation: 0.2s both f-fadeOut;
    }

    :root {
        --headH: 104px;
    }

    .button__font-small {
        font-size: 14px;
    }

    .basket-menu__price {
        font-size: 24px;
    }

    .basket-recommendation__arrow {
        display: flex;
    }

    .breadcrumps {
        font-size: 14px;
    }

    .card {
        margin-bottom: 78px;
    }

    .card h1 {
        margin-bottom: 20px;
    }

    .card__control {
        justify-content: flex-start;
        gap: 20px;
        margin-bottom: 20px;
    }

    .catalog-body__list {
        gap: 20px;
        margin: 24px 0 0;
        border: none;
        width: 100%;
    }

    .catalog-body__img-sl-slide img {
        max-width: 160px;
    }

    .catalog-body__name {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .catalog-body__control-icon {
        width: 36px;
        height: 36px;
    }

    .catalog-body_list .catalog-body__list {
        gap: 12px;
    }

    .catalog-body_list .catalog-body__desc {
        padding-top: 19px;
    }

    .catalog-body_list .catalog-body__name {
        margin-bottom: 12px;
        font-weight: 600;
    }

    .catalog-body_list .catalog-body__characteristics {
        display: block;
    }

    .catalog-body_list .catalog-body__rating {
        display: flex;
    }

    .catalog-body_list .catalog-body__sales {
        padding-top: 19px;
    }

    .catalog-body_list .catalog-body__control {
        flex-wrap: wrap;
    }

    .catalog-body_list .catalog-body__control-icon {
        width: 40px;
        height: 40px;
    }

    .catalog-body_list .catalog-body__control-icon.catalog-body__favorites:before {
        background-size: 33px 33px;
    }

    .catalog-body_list .catalog-body__control-icon svg {
        width: 33px;
        height: 33px;
    }

    .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
        grid-template-columns: 1fr 90px;
        gap: 18px;
    }

    .catalog-pagin__button {
        width: auto;
        margin: 42px 0;
    }

    .catalog {
        margin-top: 32px;
    }

    .categories-list {
        gap: 20px;
        margin-bottom: 80px;
    }

    .categories-list__li {
        width: calc(33.33% - 13.33px);
    }

    .city-search__list-main {
        width: 174px;
    }

    .insurance-min-select {
        margin-bottom: 24px;
        padding: 0;
        border: none;
    }

    .insurance-min-select__item {
        width: 50%;
    }

    .insurance-min-tab__info,
    .insurance-min-tab__specification {
        padding: 24px 0;
    }

    .insurance-min-tab__info-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .insurance-min-tab__button-box {
        padding: 12px 0;
    }

    .modal {
        padding: 48px;
    }

    .modal__city {
        padding: 40px 20px;
    }

    .modal__city .modal__title {
        font-size: 24px;
    }

    .modal__remove {
        padding: 40px 20px calc(var(--safe-area-inset-bottom, 0) + 40px);
    }

    .modal__s {
        padding: 20px;
        max-width: 440px;
    }

    .modal__xs {
        padding: 40px 20px 20px;
    }

    .modal__title {
        font-size: 19px;
    }

    .modal__desc {
        margin-bottom: 8px;
    }

    .modal.modal__credit {
        padding: 20px;
    }

    .modal__link-button {
        color: #2a65c5;
    }

    .modal__link-button:hover {
        color: #0c47a7;
    }

    .modal.modal__complect {
        padding: 20px;
    }

    .modal.modal__complect .modal__title {
        padding: 0 20px 20px;
        margin: 0 -20px;
    }

    .modal.modal__complect .catalog-body__list {
        gap: 12px;
    }

    .modal.modal__complect .catalog-body__item {
        width: calc(33.33% - 9px);
    }

    .modal__complect-content {
        padding: 20px 0 0;
    }

    .modal__best-price,
    .modal__best-price-form {
        padding: 20px;
    }

    .modal__best-price-conditions {
        padding: 56px 20px 20px;
    }

    .modal__back {
        left: 18px;
    }

    .modal__availability {
        padding: 20px;
    }

    .modal__availability .modal__title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .modal__insurance {
        padding: 20px;
    }

    .popular-slider__arrow {
        display: flex;
    }

    .receipts {
        gap: 16px;
    }

    .search-result__link-remove {
        opacity: 0;
    }

    .viewed__slider-arrow {
        display: flex;
    }
}

@media (min-width: 1023px) {
    .viewed .catalog-mini__item:hover {
        box-shadow: 0 16px 24px 0 rgba(195, 195, 195, 0.14), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 8px 10px 0 rgba(195, 195, 195, 0.2);
    }
}

@media (min-width: 1024px) {
    :root {
        --headH: 111px;
    }

    html {
        padding-top: var(--headH);
    }

    footer,
    main {
        z-index: 1;
    }

    .h1,
    h1 {
        font-size: 28px;
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .ballon .availability__button {
        display: inline-flex;
    }

    .ballon .availability__time,
    .basket-menu {
        display: none;
    }

    .breadcrumps {
        margin-top: 16px;
    }

    .card-sliders__main:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }

    .card h1 {
        margin-bottom: 28px;
    }

    .card__control-close,
    .card__control-select-mob,
    .card__control-select-title {
        display: none;
    }

    .catalog-body__list {
        margin: 16px 0 0;
        gap: 9px;
    }

    .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-body__name {
        font-size: 16px;
        margin-bottom: 19px;
    }

    .catalog-body__control-icon.catalog-body__compare:before,
    .catalog-body__control-icon.catalog-body__favorites:before {
        background-size: 33px 33px;
    }

    .basket__items .catalog-body__control-icon.catalog-body__favorites:before {
        background-size: 33px 33px;
    }

    .catalog-body__control-icon {
        width: 40px;
        height: 40px;
    }

    .catalog-body__control-icon svg {
        width: 33px;
        height: 33px;
    }

    .catalog-body_list .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-body_list .catalog-body__order {
        padding: 0 21.5px;
    }

    .catalog-body_list .catalog-body__img {
        position: static;
    }

    .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
        grid-template-columns: 1fr 102px;
        gap: 12px;
    }

    .catalog-head {
        padding-left: 10px;
    }

    .categories-list__li {
        width: calc(25% - 15px);
    }

    .categories-list__title {
        left: 16px;
        right: 16px;
        top: 20px;
        font-size: 16px;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .header__hhead-logo {
        display: none;
    }

    .menu__wrapper {
        height: 100%;
        max-height: none;
    }

    .modal {
        max-width: 862px;
    }

    .modal__city {
        padding: 40px 60px;
        max-width: 886px;
    }

    .modal__city .modal__title {
        font-size: 32px;
        font-weight: 700;
    }

    .modal__remove {
        max-width: 590px;
        padding: 40px 60px;
    }

    .modal__s {
        padding: 40px;
        max-width: 440px;
    }

    .modal__xs {
        padding: 40px;
        max-width: 400px;
    }

    .modal__title {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .modal__desc {
        margin-bottom: 12px;
    }

    .modal.modal__credit {
        padding: 40px;
    }

    .modal.modal__credit .modal__title {
        margin-bottom: 24px;
    }

    .modal.modal__complect {
        max-width: 1368px;
        max-height: 1070px;
        padding: 20px 48px;
    }

    .modal.modal__complect .modal__title {
        padding: 0 48px 20px;
        margin: 0 -48px;
        font-size: 32px;
        line-height: 40px;
    }

    .modal.modal__complect .catalog-body__item {
        width: calc(25% - 9px);
        padding: 12px;
    }

    .modal.modal__complect .catalog-body__control {
        gap: 28px;
    }

    .modal__complect-content {
        padding: 20px 30px 0;
        margin: 0 -30px;
        overflow: auto;
        height: 100%;
        scrollbar-width: thin;
        scrollbar-color: #c3c3c3 transparent;
        -ms-overflow-style: scrollbar;
        overflow-y: scroll;
    }

    .modal__complect-content::-webkit-scrollbar {
        width: 4px;
    }

    .modal__complect-content::-webkit-scrollbar-track {
        background: 0 0;
    }

    .modal__complect-content::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 27px;
    }

    .modal__best-price {
        max-width: 600px;
        padding: 40px;
    }

    .modal__best-price-title {
        text-align: center;
        margin-bottom: 16px;
    }

    .modal__best-price-desc {
        font-size: 16px;
        text-align: center;
        margin-bottom: 32px;
    }

    .modal__best-price-dl {
        font-size: 16px;
        padding: 18px 20px;
    }

    .modal__best-price-dl_first {
        font-size: 20px;
        padding: 18px 20px;
    }

    .modal__best-price-form {
        max-width: 440px;
        padding: 40px;
    }

    .modal__best-price-form-desc {
        font-size: 16px;
        margin-bottom: 32px;
    }

    .modal__best-price-conditions {
        max-width: 600px;
        padding: 40px;
    }

    .modal__best-price-conditions ul {
        font-size: 16px;
    }

    .modal__best-price-conditions-title.modal__title {
        text-align: center;
        font-size: 24px;
        margin-bottom: 24px;
    }

    .modal__sign-title.modal__title {
        text-align: center;
        font-size: 24px;
        margin-bottom: 16px;
    }

    .modal__back {
        width: 48px;
        height: 48px;
        top: 8px;
        left: 8px;
    }

    .modal__availability {
        max-width: 960px;
        padding: 40px;
        height: 566px;
    }

    .modal__availability .modal__title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .modal__insurance {
        max-width: 1368px;
        padding: 20px 40px 48px;
    }

    .modal__insurance-content_mobile {
        display: none;
    }

    .modal.modal__order-change {
        padding: 40px;
        max-width: 600px;
    }

    .receipts {
        flex-wrap: wrap;
    }

    .tooltip__bg {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    :root {
        --headH: 117px;
    }

    .breadcrumps {
        margin-top: 20px;
    }

    .card-sliders__thumb {
        display: flex;
        align-items: center;
    }

    .card h1 {
        margin-bottom: 20px;
    }

    .card__control {
        margin-bottom: 16px;
    }

    .catalog-body__list {
        margin-top: 8px;
        gap: 10px;
    }

    .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-body__term {
        width: 102px;
        font-size: 12px;
    }

    .catalog-body__control-icon {
        width: 40px;
        height: 40px;
    }

    .catalog-head {
        padding-left: 12px;
    }

    .categories-list {
        gap: 32px;
    }

    .categories-list__li {
        width: calc(20% - 25.6px);
    }

    .categories-list__title {
        left: 20px;
        right: 20px;
        top: 16px;
    }

    .categories-list__img {
        left: 24px;
        right: 24px;
    }

    .insurance-advantage {
        padding: 20px;
    }

    .modal.modal__complect .catalog-body__item {
        padding: 20px;
    }

    .modal__availability {
        height: 594px;
    }

    .modal__availability .modal__title {
        margin-bottom: 24px;
    }

    .modal__insurance {
        padding: 32px 60px 48px;
    }
}

@media (min-width: 1920px) {
    .basket-recommendation__arrow_next {
        right: 0;
    }

    .basket-recommendation__arrow_prev {
        left: 0;
    }

    .card__control {
        margin-bottom: 20px;
    }

    .catalog-body__list {
        gap: 16px;
    }

    .catalog-body__img-sl-slide img {
        max-width: 210px;
    }

    .catalog-body_list .catalog-body__img-sl-slide img {
        max-width: 210px;
    }

    .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
        gap: 32px;
        grid-template-columns: 1fr 112px;
    }

    .catalog-head {
        padding-left: 20px;
    }

    .categories-list {
        gap: 10px;
        margin-bottom: 120px;
    }

    .categories-list__li {
        width: calc(16.66% - 8.33px);
    }

    .viewed__slider-arrow_next {
        right: 0;
    }

    .viewed__slider-arrow_prev {
        left: 0;
    }
}

@media (max-width: 1919px) {
    .basket-complect__head {
        margin-bottom: 20px;
    }

    .basket-complect__head-check .checkbox__text {
        font-size: 20px;
        line-height: 24px;
    }

    .basket-complect .basket__item:not(:last-child) {
        margin-bottom: 20px;
    }

    .basket__control {
        margin-bottom: 40px;
    }

    .basket__item:not(:nth-last-child(1)) {
        margin-bottom: 20px;
    }

    .basket__sidebar {
        width: 435px;
        flex-shrink: 0;
    }

    .card-sliders {
        width: 542px;
    }

    .card-sliders__main-box {
        margin-top: 0;
    }

    .card-sliders__thumb-box_hide ~ .card-sliders__main-box {
        margin-left: 60px;
    }

    .card-sliders__thumb-box {
        margin-top: 16px;
    }

    .card__description {
        gap: 0 0;
    }

    .card__preview {
        width: calc(100% - 460px);
    }

    .cart-parameter {
        width: calc(100% - 554px);
        margin-top: 40px;
    }

    .cart-parameter__list {
        margin-bottom: 16px;
    }

    .cart-purchase {
        margin-top: 40px;
    }

    .footer__container {
        gap: 37px;
    }

    .footer__menu {
        justify-content: space-between;
    }

    .footer__menu-col {
        width: auto;
    }

    .footer__menu-col_catalog {
        margin-right: 0;
    }

    .step__sidebar {
        width: 445px;
    }

    .viewed {
        overflow: hidden;
        padding: 32px 0;
        margin: -32px 0 48px;
    }

    .viewed__slider-slide {
        width: 370px;
    }
}

@media (max-width: 1439px) {
    .basket-empty {
        margin: 80px 0;
    }

    .basket-empty__wrapper {
        padding: 0 20px;
    }

    .basket-empty__title {
        font-size: 32px;
        line-height: 40px;
    }

    .basket {
        margin-bottom: 80px;
    }

    .basket h1 {
        font-size: 32px;
        line-height: 40px;
        margin: 32px 0 28px;
    }

    .basket__content {
        margin-bottom: 80px;
    }

    .basket__items {
        width: 100%;
    }

    .basket__sidebar {
        position: relative;
        top: 0;
        display: none;
        width: 100%;
        margin-top: 80px;
    }

    .basket__sidebar._clone {
        display: block;
    }

    .basket__sidebar-sum-box {
        line-height: 28px;
    }

    .basket__sidebar-title {
        font-size: 24px;
        line-height: 28px;
    }

    .basket__sidebar-calc-detaile {
        grid-template-columns: 80px 1fr;
    }

    .basket__sidebar-calc-img img {
        width: 80px;
        height: 80px;
    }

    .basket .categories,
    .basket .popular-slider__content {
        margin-bottom: 80px;
    }

    .card-sliders {
        flex-flow: column;
        position: sticky;
        top: 120px;
        width: calc(100% - 448px);
    }

    .card-sliders__main-box {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .card-sliders__main {
        max-width: 380px;
        margin: 0 auto;
    }

    .card-sliders__thumb-box_hide ~ .card-sliders__main-box {
        margin-left: 0;
    }

    .card-sliders__thumb-box {
        order: 2;
        width: 100%;
        height: 90px;
        margin-top: 20px;
    }

    .card-sliders__thumb .slick-arrow {
        display: none !important;
    }

    .slick-arrow {
        display: none;
    }

    .card__description,
    .card__preview {
        width: 100%;
    }

    .card__tabs {
        display: none;
        margin-top: 20px;
        order: 3;
    }

    .card__tabs._mobile {
        display: block;
    }

    .cart-parameter {
        margin-top: 0;
        width: 428px;
        position: sticky;
        top: calc(var(--top1, 118px) + 118px);
    }

    .cart-parameter__characteristics-box {
        display: none;
    }

    .cart-parameter__characteristics-link {
        margin-top: 0;
    }

    .cart-purchase {
        display: none;
        width: 100%;
        position: relative;
        top: 0;
        margin-top: 20px;
    }

    .cart-purchase._mobile {
        display: block;
    }

    .catalog-body__characteristics {
        font-size: 12px;
    }

    .footer.footer-small {
        padding: 42.5px 0;
    }

    .footer {
        padding: 40px 0;
    }

    .footer__container {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer__menu {
        gap: 53px;
        flex-basis: 68%;
    }

    .footer__contacts {
        margin-right: 0;
        flex-basis: 25%;
    }

    .footer__info {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 29px 0 0;
        border-top: 1px solid #363636;
        align-items: center;
    }

    .footer__callback {
        margin-bottom: 0;
        width: 370px;
    }

    .footer__ya-market {
        margin-bottom: 0;
        margin-top: 35px;
    }

    .header__hhead {
        padding: 7px 0;
    }

    /*    .header__hhead-contacts {
      display: none;
  }*/
    .header__bhead {
        padding: 14px 0;
    }

    .header__bhead-left {
        width: calc(100% - 190px);
        gap: 22px;
    }

    .header__bhead-wrapper {
        gap: 10px;
    }

    .header__logo {
        width: 50px;
    }

    .header__search-input {
        height: 42px;
    }

    .header__bhead-right {
        width: 180px;
    }

    .header__menu-bt {
        height: 42px;
        padding: 0 9px;
    }

    .header__menu-bt span {
        display: none;
    }

    .popular_bg-gray {
        padding: 80px 0 48px;
    }

    .search-result,
    .search-result__container {
        gap: 49px;
    }

    .step__content {
        margin-bottom: 80px;
        display: block;
    }

    .step__items {
        max-width: none;
        width: 100%;
    }

    .step__question-title {
        font-size: 14px;
    }

    .tabs__container {
        padding: 20px 0;
    }

    .tabs__container dl dt {
        width: calc(100% - 142px);
    }

    .tabs__container dl dd {
        width: 140px;
    }

    .viewed {
        margin-bottom: 68px;
    }
}

@media (max-width: 1024px) {
    .modal__descr {
        font-size: 14px;
    }

    .modal__descr span {
        font-weight: 600;
    }

    .tooltip:before {
        display: none;
    }
}

@media (max-width: 1035px) {
    .button__border {
        border-width: 1px;
    }

    .input-text {
        font-size: 14px;
    }

    .input-text_sl {
        height: 42px;
    }

    .input-text_sl ~ .input-text__label-text {
        top: 13px;
    }

    .input-text:focus ~ .input-text__label-text,
    .input-text_type-3 ~ .input-text__label-text {
        font-size: 10px;
    }

    .input-text_focus ~ .input-text__label-text {
        top: -9px;
    }

    .input-text__label div.error {
        padding-left: 20px;
        font-size: 10px;
    }

    .input-text__label div.error:before {
        width: 12px;
        height: 12px;
        background-size: contain;
        top: 0;
    }

    .input-text__label-text,
    .textarea-text {
        font-size: 14px;
    }

    .textarea-text:focus ~ .textarea-text__label-text {
        font-size: 10px;
    }

    .textarea-text__label-text {
        font-size: 14px;
    }

    .form-desc {
        font-size: 12px;
    }

    .ballon.ballon_step {
        width: 280px;
    }

    .ballon.ballon_step .availability__button {
        display: none;
    }

    .ballon .availability__content {
        align-items: flex-end;
    }

    .ballon .availability__time {
        display: none;
    }

    .ballon .availability__warning-title {
        font-size: 12px;
    }

    .ballon .availability__radio {
        display: none;
    }

    .ballon .availability__btn-descr {
        display: none !important;
    }

    .radio__text {
        font-size: 14px;
    }

    .radio__label:hover .radio__text {
        color: #0E0E0E;
    }

    .availability-tabs {
        height: calc(100% - 64px);
    }

    .availability-tabs__links {
        display: flex;
    }

    .availability-tabs__box_map {
        width: 100%;
        height: 622px;
        max-height: calc(100% - 64px);
        margin-bottom: 37px;
    }

    .availability-tabs__box_list-box {
        width: 100%;
        max-height: calc(100% - 64px);
    }

    .availability-tabs__box {
        display: none;
    }

    .availability-tabs__box._show {
        display: block;
    }

    .availability-tabs.availability-tabs_step {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        max-height: 100%;
        height: 100vh;
    }

    .availability-tabs.availability-tabs_step .availability-tabs__box_list-box {
        width: 100%;
        max-height: 100%;
        height: -moz-max-content;
        height: max-content;
    }

    .availability-tabs.availability-tabs_step .availability-tabs__box_map {
        margin: 0;
        width: 100%;
        max-height: 100%;
        height: 100vh;
    }

    .availability-tabs.availability-tabs_step .availability-tabs__box_map .ymaps-2-1-79-map + .ymaps-2-1-79-map {
        display: none;
    }

    .availability-tabs.availability-tabs_step .availability__title {
        margin-bottom: 16px;
        font-size: 16px;
    }

    .availability-tabs.availability-tabs_step .availability__shop {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0;
        flex-direction: column;
        position: relative;
    }

    .availability-tabs.availability-tabs_step .availability__shop-box {
        margin: 0;
    }

    .availability-tabs.availability-tabs_step .availability__time {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .availability-tabs.availability-tabs_step .availability__status-descr {
        margin-top: 12px;
        font-size: 12px;
    }

    .availability-tabs.availability-tabs_step .availability__li {
        padding: 16px 12px 16px 44px;
        background-position: 12px 47% !important;
        background-size: 20px 20px !important;
    }

    .availability-tabs.availability-tabs_step .availability__li_active {
        background-position: 12px 16px !important;
    }

    .availability-tabs.availability-tabs_step .availability__li_active .availability__status-descr {
        display: none;
    }

    .availability-tabs.availability-tabs_step .availability__li_active .availability__warning {
        margin-top: 16px;
        display: block;
    }

    .availability-tabs.availability-tabs_step .availability__li_active .availability__radio {
        margin-left: -32px;
        display: flex;
    }

    .availability-tabs.availability-tabs_step .availability__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .availability-tabs.availability-tabs_step .availability__btn-descr,
    .availability-tabs.availability-tabs_step .availability__button {
        display: none;
    }

    .availability-tabs.availability-tabs_step .availability__maps {
        position: static;
    }

    .availability-tabs.availability-tabs_step .availability__info {
        width: 100%;
        display: block;
    }

    .availability__li {
        background: 0 0;
        padding: 16px 12px;
    }

    .availability__content {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .availability__address {
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 14px;
    }

    .availability__time-work {
        margin-bottom: 0;
    }

    .availability__info {
        width: 470px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .availability__sum {
        display: flex;
        width: 70px;
    }

    .availability__button-box {
        display: flex;
    }

    .availability__warning-item img {
        width: 40px;
        height: 40px;
    }

    .availability__warning-item span {
        width: 20px;
        height: 20px;
        font-size: 8px;
    }

    .availability__checkbox {
        margin-top: 20px;
    }

    .availability__checkbox .checkbox__text {
        font-size: 16px;
    }

    .availability__promocode {
        margin-top: 20px;
    }

    .availability__promocode .basket__promocode {
        height: 40px;
        line-height: 39px;
    }

    .availability__promocode .button__height-s {
        padding: 0 16px;
        height: 32px;
        font-size: 12px;
        border-radius: 8px;
    }

    .banner {
        display: none;
    }

    .basket-recommendation__ok {
        font-size: 16px;
        gap: 10px;
        bottom: 69px;
        transform: translateY(calc(100% + 69px));
        padding: 16px;
    }

    .basket-recommendation__ok_active {
        transform: translateY(0);
    }

    .basket h1 {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin: 24px 0 20px;
    }

    .basket__content {
        grid-template-columns: 100%;
    }

    .basket__sidebar {
        padding: 16px;
    }

    .basket__sidebar-sum-box {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .basket__sidebar-calc-detaile {
        grid-template-columns: 64px 1fr;
    }

    .basket__sidebar-calc-img img {
        width: 64px;
        height: 64px;
    }

    .basket__sidebar-calc-detaile-box {
        gap: 4px 190px;
        flex-wrap: wrap;
    }

    .basket__popular .h2,
    .basket__popular h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .breadcrumps__wrapper {
        gap: 4px;
    }

    .breadcrumps a {
        gap: 4px;
        font-size: 12px;
    }

    .card-sliders {
        width: calc(100% - 328px);
        top: 0;
    }

    .card-sliders__main {
        padding-bottom: 18px;
    }

    .card-sliders__main .card-sliders__main-pagination {
        display: flex;
        justify-content: center;
    }

    .card-sliders__main .slick-arrow {
        display: none;
    }

    .card-sliders .slick-dots {
        display: flex !important;
    }

    .card-sliders__thumb-box {
        display: none;
    }

    .card__control-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 27, 0.7);
        z-index: 98;
    }

    .card__control-select {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 99;
        border-radius: 12px 12px 0 0;
        box-shadow: none;
        transform: translateY(100%);
        padding-bottom: var(--safe-area-inset-bottom, 0);
    }

    .card__control-select-desk {
        display: none;
    }

    .card__control-select-link {
        padding: 12px 20px;
        border-bottom: 1px solid #e1e1e3;
    }

    .card__tabs {
        max-width: 886px;
    }

    .cart-parameter {
        width: 308px;
        top: var(--top1, 0);
    }

    .cart-parameter__characteristics-link {
        font-size: 14px;
    }

    .cart-purchase__buy {
        padding: 16px;
    }

    .cart-purchase__buy-price p {
        font-size: 24px;
        line-height: 1.14;
        font-weight: 600;
    }

    .cart-purchase__buy-price p + p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .cart-purchase__shop a {
        font-size: 14px;
    }

    .cart-purchase__benefit span {
        font-size: 12px;
    }

    .cart-purchase__benefit p {
        font-size: 14px;
    }

    .cart-purchase__guarantee {
        padding: 16px;
    }

    .cart-purchase__guarantee-link,
    .cart-purchase__guarantee-price,
    .cart-purchase__guarantee-text {
        font-size: 14px;
        line-height: 20px;
    }

    .cart-purchase__not-price {
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
    }

    .cart-purchase__buy-button svg {
        display: none;
    }

    .cart-purchase__complect {
        padding: 16px;
    }

    .cart-purchase__complect-foot {
        padding-top: 16px;
    }

    .cart-purchase__complect-foot dl + span {
        text-align: left;
    }

    .catalog-mini__item:not(:last-child) {
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 0.5px solid #e1e1e3;
    }

    .catalog-mini__ptice {
        font-size: 14px;
        font-weight: 800;
    }

    .catalog-mini__replace {
        font-size: 12px !important;
        width: 60px;
        bottom: 2px;
    }

    .catalog-mini_complect .catalog-mini__link {
        grid-template-columns: 70px 1fr;
        align-items: center;
        padding: 0;
        gap: 8px;
    }

    .catalog-mini_complect .catalog-mini__text {
        padding: 0;
    }

    .catalog-mini_complect .catalog-mini__ptice {
        margin-top: 0;
        font-size: 14px;
        gap: 8px;
    }

    .catalog-mini_complect .catalog-mini__ptice p + p {
        font-size: 12px;
    }

    .catalog-body__label._active .catalog-body__label-hide,
    .catalog-mini__controll {
        opacity: 1;
        visibility: visible;
    }

    .catalog-body__label._active .catalog-body__label-hide-bg {
        display: block;
    }

    .catalog-pagin__link {
        height: 42px;
    }

    .city-search__box {
        position: sticky;
        top: -4px;
        background: #fff;
        z-index: 1;
    }

    .city-search__box._sticky {
        border-bottom: 1px solid #e1e1e3;
    }

    .footer.footer-small {
        padding-bottom: calc(var(--safe-area-inset-bottom, 92.5px) + 92.5px);
    }

    .footer-small.footer-small_type-2 {
        padding-bottom: calc(var(--safe-area-inset-bottom, 98.5px) + 98.5px);
    }

    .footer-small.footer-small_type-2.bottom {
        padding-bottom: calc(var(--safe-area-inset-bottom, 98.5px) + 98.5px);
        margin: 0;
    }

    .footer {
        padding: 0 0 88px;
    }

    .footer__menu {
        width: 100%;
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: 24px;
        flex-grow: 1;
        flex-basis: 100%;
    }

    .footer__menu-col {
        width: 100%;
        border-bottom: 1px solid #363636;
    }

    .footer__menu-link-container {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        transition: max-height 0.3s, padding 0.3s;
    }

    .footer__menu-link-container_active {
        max-height: 1000px;
    }

    .footer__menu-title {
        position: relative;
        font-size: 14px;
        padding: 20px 0;
        margin: 0;
    }

    .footer__menu-title:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 24px;
        background: url(/ajax/auth/img/icon/arrow-bottom-wh.svg) 100% 50% no-repeat;
        height: 24px;
        margin-top: -12px;
        transition: transform 0.3s;
    }

    .footer__menu-title_active:before {
        transform: rotate(180deg);
    }

    .footer__menu-link-box {
        margin-bottom: 12px;
    }

    .footer__menu-link-box:last-child {
        margin-bottom: 20px;
    }

    .footer__container {
        align-items: center;
    }

    .footer__contacts {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .footer__contacts-title {
        display: none;
    }

    .footer__contacts-phone {
        font-size: 14px;
    }

    .footer__contacts-time {
        width: 100%;
    }

    .footer__sn-link_no-mob {
        display: none;
    }

    .footer__info {
        flex-flow: column;
        padding: 8px 0 0;
        border: none;
        align-items: flex-start;
    }

    .footer__info-title {
        font-size: 14px;
    }

    .footer__callback {
        width: 100%;
    }

    .footer__callback-form {
        width: 100%;
        max-width: 357px;
    }

    .footer__button-service {
        display: none;
    }

    .footer__button-service_tablet {
        display: inline-flex;
        margin: 0 0 24px;
        font-size: 14px;
        height: 42px;
        width: 240px;
    }

    .footer__ya-market {
        margin-top: 31px;
    }

    .header-small__content {
        padding: 21.5px 0;
    }

    .header-small__back {
        background: url(/ajax/auth/img/icon/header-small-back.svg) 50% 50% no-repeat;
        width: 24px;
        height: 24px;
    }

    .header-small__back * {
        display: none;
    }

    .header-small .header__logo {
        width: 98px;
        height: 42px;
    }

    .header-small__tel {
        background: url(/ajax/auth/img/icon/header-small-tel.svg) 50% 50% no-repeat;
        width: 24px;
        height: 24px;
        border: none;
        padding: 0;
    }

    .header-small__tel * {
        display: none;
    }

    .header__hhead {
        padding: 10.5px 0;
    }

    .header__buyers,
    .header__city-link span,
    .header__hhead-left i,
    .header__service,
    .header__shop {
        display: none;
    }

    .header__bhead {
        padding: 10px 0;
    }

    .header__bhead-left {
        width: 100%;
        gap: 20px;
    }

    .header__logo {
        display: none;
    }

    .header__search {
        position: static;
    }

    .header__bhead-right {
        display: none;
    }

    .header__menu-bt {
        height: 44px;
    }

    .header__menu-bt span {
        display: block;
    }

    .insurance-foot {
        padding: 20px 12px;
        border-top: 0.5px solid #e1e1e3;
    }

    .insurance-foot__title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .insurance-offers__title {
        margin-bottom: 20px;
    }

    .insurance-offers__list {
        gap: 16px 8px;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .insurance-offers__li {
        width: calc(50% - 4px);
    }

    .menu-bg {
        display: none;
        transition: opacity 0.3s 0.1s;
    }

    .menu__wrapper {
        overflow: auto;
    }

    .modal__remove-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
    }

    .modal__xs .button {
        width: 100%;
    }

    .modal__xs-title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 24px;
    }

    .modal__xs-text {
        font-size: 14px;
    }

    .modal.modal__credit {
        max-width: none;
        width: 100%;
    }

    .modal.modal__credit .modal__text {
        margin-bottom: 16px;
    }

    .modal.modal__credit .modal__text ul {
        margin-bottom: 4px;
    }

    .modal.modal__credit .modal__text p {
        margin-bottom: 16px;
    }

    .modal.modal__credit .modal__text p:not([class]) {
        font-size: 14px;
    }

    .modal.modal__credit .modal__text .bold {
        margin-bottom: 12px;
    }

    .modal__link-button {
        margin-bottom: 20px;
    }

    .modal .cart-purchase__benefit p {
        font-size: 14px;
    }

    .modal .cart-purchase__benefit span {
        font-size: 12px;
    }

    .modal__sign-in,
    .modal__sign-up {
        padding: 60px 20px;
        max-width: none;
        height: 100vh;
    }

    .modal__sign-in .modal__back,
    .modal__sign-up .modal__back {
        top: 20px;
        left: 20px;
    }

    .modal__sign-in .is-close-btn,
    .modal__sign-up .is-close-btn {
        width: 24px !important;
        height: 24px !important;
        top: 20px !important;
        right: 20px !important;
    }

    .modal__sign-in-title {
        text-align: left;
    }

    .modal__sign-in-btn {
        height: 40px;
        font-size: 14px;
    }

    .modal__sign-in-sms-wrap .sms-input {
        min-height: 40px;
    }

    .modal__sign-in-sms-timer,
    .modal__sign-in-sms-timer-btn {
        padding: 8px 0;
        font-size: 14px;
    }

    .modal__sign-up-checkbox-text {
        font-size: 14px;
    }

    .modal__sign-up-form {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: auto;
        height: calc(var(--vh, 1vh) * 100 - 221px);
    }

    .modal__sign-up-footer {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .modal__availability_step .availability__button-box {
        padding: 22px 0 0;
        border: none;
        position: relative;
    }

    .modal__availability_step .availability__button-box .availability__radio {
        margin: 0 0 20px;
        width: 100%;
    }

    .modal__availability_step .availability__radio .radio__label:before {
        top: 6px;
        transform: none;
    }

    .modal__availability_step .availability__button-box-wrapper {
        padding: 20px 20px 8px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top: 0.5px solid #e1e1e3;
        border-radius: 12px 12px 0 0;
    }

    .modal__availability_step .availability__btn-descr,
    .modal__availability_step .availability__button {
        display: block;
    }

    .modal__insurance-title {
        font-size: 20px;
        line-height: 24px;
    }

    .modal__insurance-content_desktop {
        display: none;
    }

    .modal__max-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
    }

    .modal.modal__order-change .modal__credit-basket-title {
        padding: 0;
        font-size: 20px;
        border: none;
        text-align: left;
    }

    .modal.modal__order-change .modal__credit-basket-body {
        padding: 16px 0 32px;
    }

    .modal.modal__order-change .modal__credit-basket-text-title {
        font-size: 14px;
    }

    .modal.modal__order-change .modal__credit-basket-text {
        font-size: 12px;
    }

    .modal.modal__order-change .modal__credit-basket-text-box {
        margin-bottom: 32px;
        padding: 12px;
    }

    .modal.modal__order-change .modal__credit-basket-item {
        gap: 4px 20px;
        grid-template-columns: 64px 1fr;
        grid-template-areas: "a b" "a c";
    }

    .modal.modal__order-change .modal__credit-basket-item-name {
        margin-top: 12px;
        grid-area: b;
    }

    .modal.modal__order-change .modal__credit-basket-item-price-box {
        grid-area: c;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
    }

    .modal.modal__order-change .modal__credit-basket-item-price {
        margin-bottom: 12px;
    }

    .modal.modal__order-change .modal__credit-basket-item-img {
        grid-area: a;
    }

    .modal.modal__order-change .modal__credit-basket-item-img img {
        width: 64px;
        height: 64px;
    }

    .modal.modal__order-change .modal__credit-basket-item-img span {
        width: 20px;
        height: 20px;
        font-size: 8px;
        right: -6px;
        bottom: -6px;
    }

    .modal.modal__order-change .modal__credit-basket-item-name {
        font-size: 12px;
    }

    .modal.modal__order-change .modal__credit-basket-foot {
        padding: 16px 0 0;
    }

    .modal.modal__order-change .modal__credit-basket-bt-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .modal.modal__order-change .button {
        height: 40px;
        font-size: 14px;
    }

    .popular-slider .catalog-body__img-sl-wrapper {
        pointer-events: none;
    }

    .popular-slider .catalog-body__img-sl-pagination {
        display: none;
    }

    .popular_bg-gray {
        padding: 60px 0 28px;
    }

    /* .search-result-output {
      margin-top: 24px;
  }
  .search-result-output__title {
      font-size: 24px;
  }
  .search-result-output__text {
      font-size: 14px;
      line-height: 20px;
  }
  .search-result-output__category {
      margin: 0 -12px -12px;
      padding: 0 12px 12px;
  }
  .search-result-output__category-box {
      flex-wrap: nowrap;
      gap: 8px;
  }
  .search-result {
      padding: 24px 20px;
      width: 100%;
      top: calc(100% + 1px);
      max-height: calc(var(--vh, 1vh) * 100 - 163px);
      border-radius: 0;
      box-shadow: 0 10px 10px 0 rgba(175, 175, 175, 0.2), 0 15px 15px 0 rgba(0, 0, 0, 0.12), 0 12px 12px 0 rgba(0, 0, 0, 0.14);
  } */
    .select-box-js__current {
        display: flex;
        align-items: center;
        border: none;
        height: 24px;
        background: url(/ajax/auth/img/icon/sort.svg) 0 28% no-repeat;
        padding: 0 0 0 28px;
        min-width: 0;
    }

    .select-box-js__current:after {
        display: none;
    }

    .step {
        margin-bottom: 64px;
    }

    .step h2 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .step .availability-tabs.availability-tabs_step {
        display: block;
        max-height: none;
        height: auto;
    }

    .step .availability-tabs.availability-tabs_step._mob {
        display: block;
    }

    .step .availability-tabs__box {
        height: -moz-max-content;
        height: max-content;
    }

    .step .availability__button-box {
        border: none;
    }

    .step .tabs__container .availability__title {
        margin-bottom: 16px;
        font-size: 16px;
    }

    .step .tabs__container .availability__status-btn {
        margin-top: 12px;
        display: block;
        font-size: 14px;
    }

    .step .tabs__container .availability__list {
        padding: 0;
    }

    .step .tabs__container .availability__li,
    .step .tabs__container .availability__li .availability__radio,
    .step .tabs__container .availability__li .availability__warning {
        display: none;
    }

    .step .tabs__container .availability__li .availability__status-descr {
        display: block;
    }

    .step .tabs__container .availability__li_active {
        display: flex;
    }

    .step .tabs__container .availability__maps {
        position: static;
    }

    .step .tabs__container .availability__address {
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 14px;
    }

    .step .basket__sidebar-title {
        font-size: 20px;
        line-height: 24px;
    }

    .step .basket__dl dd,
    .step .basket__sidebar-calc-cost,
    .step .basket__sidebar-calc-link {
        font-size: 14px;
    }

    .step .basket__sidebar-result {
        margin-bottom: 16px;
    }

    .step .basket__sidebar-result dt {
        font-size: 16px;
    }

    .step .basket__sidebar-result dd {
        font-size: 20px;
    }

    .step .basket__sidebar-buy {
        height: 40px;
        font-size: 14px;
    }

    .step__content {
        grid-template-columns: 100%;
    }

    .step__header {
        padding: 7px 22px;
    }

    .step__link {
        font-size: 14px;
    }

    .step__tabs .tabs__li {
        padding: 8px 14px;
        height: 36px;
    }

    .tabs__li {
        font-size: 14px;
        padding: 8px;
    }

    .tabs__container {
        padding: 16px 0;
    }

    .tooltip {
        position: fixed;
        pointer-events: auto;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        height: 140px;
        box-shadow: none;
        z-index: 9;
        padding: 25px 20px max(25px, var(--safe-area-inset-bottom, 0));
        border-radius: 8px 8px 0 0;
        transform: translateY(100%);
    }

    .price-info {
        margin-bottom: calc(var(--vh, 1vh) + 10px);
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .tooltip__text {
        font-size: 14px;
    }

    .viewed {
        margin-bottom: 48px;
    }

    .viewed__slider-slide {
        width: 304px;
    }

    .viewed .catalog-mini__link {
        padding: 10px 16px 10px 10px;
    }

    .viewed .catalog-mini__text {
        justify-content: center;
    }

    .viewed .catalog-mini__name {
        order: 2;
        margin-bottom: 0;
    }

    .viewed .catalog-mini__ptice {
        margin-bottom: 4px;
        font-weight: 800;
    }
}

@media (max-width: 767px) {
    .card h1 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

@media (max-width: 790px) {
    .catalog {
        margin-top: 0;
    }

    .swiper-slide img {
        max-height: 100% !important;
    }

    .card__description {
        margin-bottom: 0px !important;
    }

    .button__height-s {
        font-size: 14px;
        height: 36px;
    }

    .availability-tabs {
        gap: 16px;
    }

    .availability-tabs.availability-tabs_step .availability-tabs__box_map,
    .availability-tabs.availability-tabs_step .availability-tabs__links {
        margin: 0 0 0 -12px;
        width: calc(100% + 24px);
    }

    .availability-tabs.availability-tabs_step .availability__shop-box {
        width: 100%;
    }

    .availability-tabs.availability-tabs_step .availability__time,
    .availability-tabs.availability-tabs_step .availability__time-work {
        font-size: 12px;
    }

    .availability-tabs.availability-tabs_step .availability__time-work {
        margin: 0;
    }

    .availability-tabs.availability-tabs_step .availability__time {
        position: static;
        transform: none;
    }

    .availability-tabs.availability-tabs_step .availability__li {
        padding: 12px 12px 12px 40px;
        background-position: 12px 12px !important;
    }

    .availability-tabs.availability-tabs_step .availability__li_active {
        background-position: 12px 12px !important;
    }

    .availability-tabs.availability-tabs_step .availability__address {
        max-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .availability__time-work {
        margin-bottom: 2px;
    }

    .availability__info {
        width: 100%;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
    }

    .availability__sum {
        position: absolute;
        bottom: 12px;
        right: 16px;
    }

    .basket-complect .basket__order {
        width: 100%;
        margin-left: 0;
    }

    .basket-complect .basket__insurance-link {
        margin-left: -106px;
        margin-top: 18px;
    }

    .basket-complect .basket__price {
        text-align: left;
    }

    .basket-recommendation {
        margin: 10px -12px 0;
        padding: 0 12px;
        overflow: hidden;
    }

    .basket-recommendation__slider {
        overflow: visible;
    }

    .basket-recommendation__slide {
        max-width: 292px;
    }

    .basket-recommendation__slide_all {
        max-width: 44px;
    }

    .basket-recommendation__slide_all span {
        display: none;
    }

    .basket-recommendation__img {
        width: 60px;
    }

    .basket-recommendation__name {
        font-size: 12px;
        margin-bottom: -4px;
    }

    .basket-recommendation__link {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .basket {
        margin-bottom: 42px;
    }

    .basket h1 {
        margin-top: 16px;
    }

    .basket__control {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .basket__remove-all span {
        display: none;
    }

    .basket__content {
        margin-bottom: 42px;
    }

    .basket__item:not(:nth-last-child(1)) {
        padding-bottom: 20px;
    }

    .basket__item_not-available .basket__desc-box {
        display: none;
    }

    .basket__photo {
        width: 80px;
        height: 80px;
    }

    .basket__name {
        font-size: 14px;
        font-weight: 400;
        width: calc(100% - 35px);
    }

    .basket__order {
        gap: 8px;
        grid-template-columns: 20px 80px 1fr;
        align-items: flex-start;
    }

    .basket__info {
        padding: 0;
        grid-template-columns: 1fr;
    }

    .basket__counter-text {
        width: 23px;
    }

    .basket__price {
        order: -1;
        width: auto;
    }

    .basket__price p {
        font-size: 16px;
        line-height: 20px;
    }

    .basket__box,
    .basket__control-bt {
        display: none;
    }

    .basket__box._clone {
        display: block;
    }

    .basket__desc-box {
        margin-left: -116px;
        margin-top: 10px;
    }

    .basket__price-box {
        justify-content: space-between;
    }

    .basket__insurance {
        margin-left: 0;
        flex-flow: column;
        align-items: flex-start;
    }

    .basket__insurance-text {
        font-size: 12px;
    }

    .basket__insurance-control {
        width: 100%;
        justify-content: space-between;
        margin-top: 12px;
    }

    .basket__control-open {
        display: block;
    }

    .basket__sidebar {
        margin-top: 42px;
    }

    .basket__dl {
        margin-top: 16px;
    }

    .basket__popular .h2,
    .basket__popular h2,
    .basket__sidebar-result {
        margin-bottom: 16px;
    }

    .basket .categories,
    .basket .popular-slider__content {
        margin-bottom: 42px;
    }

    .card-sliders {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

    .card__control-link span {
        display: none;
    }

    .card__tabs {
        display: block;
        margin-top: 0;
        order: 0;
    }

    .card__tabs._mobile {
        display: none;
    }

    .cart-parameter {
        width: 100%;
        position: relative;
        top: 0;
    }

    .cart-parameter__characteristics-box {
        display: block;
    }

    .cart-parameter__characteristics-dt {
        width: calc(100% - 142px);
        margin-top: 0;
    }

    .cart-parameter__characteristics-dd {
        width: 140px;
    }

    .cart-parameter__characteristics-link {
        margin-top: 20px;
    }

    .cart-purchase {
        margin-top: 42px;
    }

    .cart-purchase__tradein-link {
        font-size: 14px;
    }

    .cart-purchase__buy-button {
        background-image: none !important;
        height: 40px !important;
    }

    .cart-purchase__buy-button:hover,
    .cart-purchase__buy-button_active {
        color: #0E0E0E !important;
    }

    .cart-purchase__buy-button svg {
        display: none;
    }

    .cart-purchase__buy-button span {
        display: block;
        font-size: 14px;
    }

    .cart-purchase__complect {
        display: none;
    }

    .cart-purchase__complect._mobile {
        display: block;
        margin-top: 26px;
        margin-bottom: 0;
    }

    .catalog-body__label ~ .catalog-body__label {
        display: none;
    }

    .catalog-body__label.catalog-body__label_big ~ .catalog-body__label {
        display: block;
    }

    .catalog-body__order {
        height: 30px;
        font-size: 11px;
        padding: 0 10px;
    }

    .catalog-body__basket-complect {
        height: 32px;
    }

    .catalog-body__basket {
        font-size: 0 !important;
        background-image: url(/ajax/auth/img/icon/basket.svg);
        min-width: 70px;
        height: 30px;
    }

    .catalog-body__basket_active,
    .catalog-body__basket_active:hover {
        background-image: url(/ajax/auth/img/icon/basket-ok.svg);
        color: transparent;
    }

    .catalog-body__massage {
        font-size: 11px;
        height: 30px;
    }

    .catalog-body__term {
        font-size: 11px;
        width: 80px;
    }

    .catalog-pagin__nav {
        gap: 6px;
        margin-bottom: 12px;
    }

    .catalog-pagin__link {
        width: 32px;
        height: 32px;
    }

    .city-search__input-icon {
        right: auto;
        left: 28px;
    }

    .city-search__clear {
        right: 28px;
        border: none;
    }

    .city-search__input {
        padding-left: 40px;
    }

    .city-search__input.input-text-focus {
        padding-left: 16px;
    }

    .city-search__input.input-text-val ~ .city-search__input-icon {
        right: auto;
        left: 28px;
    }

    .footer.footer-small .footer-small__content {
        flex-flow: column;
        gap: 12px;
        align-items: flex-start;
    }

    .footer__wrapper {
        padding: 20px;
    }

    .footer__menu {
        margin-bottom: 20px;
        border-top: 1px solid #363636;
    }

    .footer__sn {
        width: 100%;
    }

    .footer__sn + .footer__sn {
        margin-left: 0;
    }

    .footer__container {
        gap: 0;
    }

    .footer__info {
        padding: 0;
        margin-bottom: 15px;
    }

    .footer__callback-form {
        max-width: none;
    }

    .footer__button-service_mobile {
        display: inline-flex;
        margin: 20px 0;
    }

    .footer__button-service_tablet {
        display: none;
    }

    .footer__ya-market {
        margin-top: 20px;
    }

    .header-small__content {
        padding: 12.5px 0;
    }

    .header-small .header__logo {
        width: 52px;
        height: 23px;
    }

    .header__bhead {
        padding: 7px 0;
    }

    .header__bhead-left {
        gap: 8px;
    }

    .header__bhead-wrapper {
        padding: 0 12px;
    }

    .header__search {
        order: -1;
        height: 42px;
    }

    .header__search_focus .header__search-form {
        position: fixed;
        display: flex;
        align-items: center;
        gap: 8px;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 7px 12px;
        z-index: 9;
        border-bottom: 0.5px solid #e1e1e3;
    }

    .header__search_focus .header__search-cancel {
        display: inline-flex;
    }

    .header__search_focus .header__search-button {
        left: 22px;
    }

    .header__search_focus .header__search-clear {
        right: 62px;
    }

    .header__search-clear {
        right: 0;
        border-right: none;
    }

    .header__search-input {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header__search-button {
        right: auto;
        left: 8px;
    }

    .header__menu-bt {
        height: 42px;
    }

    .header__menu-bt span {
        display: none;
    }

    .insurance-foot__title {
        margin-bottom: 16px;
    }

    .insurance-offers__li {
        width: 100%;
    }

    .menu__wrapper {
        padding: 0;
    }

    .modal__remove-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .modal .is-close-btn {
        width: 24px;
        height: 24px;
        top: 20px;
        right: 12px;
    }

    .modal.modal__credit {
        overflow: auto;
    }

    .modal__credit-content {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        overflow: auto;
    }

    .modal__link-button {
        width: 100%;
        height: 48px;
        min-height: 48px;
        padding: 0 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        font-size: 16px;
        background: 0 0;
        border: 2px solid #0E0E0E;
        color: #0E0E0E;
        margin-bottom: 20px;
    }

    .modal__link-button:hover {
        border-color: #3a3a3c;
    }

    .modal.modal__complect .catalog-body__list {
        width: 100%;
    }

    .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect,
    .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect_active,
    .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect_active:hover {
        font-size: 0 !important;
        background-image: url(/ajax/auth/img/icon/basket.svg);
        min-width: 70px;
        height: 30px;
        background-color: #0E0E0E;
    }

    .modal.modal__complect .catalog-body__list_basket .catalog-body__control {
        grid-template-columns: 1fr 24px 24px;
    }

    .modal.modal__complect .catalog-body__list_basket .catalog-body__compare {
        display: inline-flex;
    }

    .modal.modal__complect .catalog-body__control {
        grid-template-columns: 1fr 24px;
        gap: 12px;
    }

    .modal.modal__complect .catalog-body__compare {
        display: none;
    }

    .modal__complect-content {
        width: calc(100% + 24px);
    }

    .modal__sign-in,
    .modal__sign-up {
        padding: 60px 12px;
    }

    .modal__availability_step .availability__button-box {
        padding: 0;
    }

    .modal__availability_step .availability__button-box-wrapper {
        padding: 12px 12px 0;
    }

    .modal__availability_step .availability-tabs__box_map {
        border-radius: none;
    }

    .modal__insurance-title {
        margin-bottom: 0;
        padding: 0 12px 20px;
    }

    .modal__max-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .popular-slider__wrapper {
        border: none;
    }

    /* .search-result-output {
      margin: 16px 0 24px;
  }
  .search-result-output__title {
      font-size: 20px;
      line-height: normal;
  }
  .search-result {
      min-height: calc(var(--vh, 1vh) * 100 - 104px);
      padding: 12px 12px var(--safe-area-inset-bottom, 0) 12px;
      position: fixed;
      top: 55px;
  }
  .search-result__container {
      gap: 20px;
      display: flex;
      flex-flow: column;
  }
  .search-result__head {
      margin-bottom: 12px;
      font-size: 14px;
  }
  .search-result__link {
      max-width: none;
      padding: 0 6px;
  }
  .search-result__box:not(:last-child) {
      margin-bottom: 20px;
  }
  .search-result__box {
      padding: 0;
  }
  .search-result__box_history {
      order: -1;
      margin-bottom: 20px;
  }
  .search-result__box_history + .search-result__box {
      margin-bottom: 0;
  }
  .search-result__box_found {
      margin: 0 -12px;
  }
  .search-result__box_found .search-result__link {
      padding: 0 12px;
      border-bottom: 1px solid #e1e1e3;
  }
  .search-result__button {
      margin-top: 24px;
  }
  .search-result__clue {
      margin-bottom: 20px;
  }
  .search-result .catalog-mini {
      margin: 0 -12px;
  } */
    .step h2 {
        margin-bottom: 16px;
    }

    .step .tabs__container {
        padding: 26px 0 0;
    }

    .step .step__title span {
        display: block;
    }

    .step__content {
        margin-bottom: 42px;
    }

    .step__header {
        padding: 12px 20px;
    }

    .step__radio {
        padding-right: 60px;
        flex-wrap: wrap;
        gap: 0 20px;
    }

    .tabs__li {
        padding: 10px;
    }

    .viewed {
        margin-bottom: 10px;
    }

    .viewed__slider {
        overflow: visible;
    }
}

@media (max-width: 374px) {
    .button__height-s {
        font-size: 11px;
        height: 30px;
    }

    .basket-recommendation__ok {
        bottom: 0;
        left: 10px;
        width: calc(100vw - 20px);
    }

    .popular_bg-gray {
        padding: 42px 0 0;
    }
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg);
    }
}

.modal__sign-in-sms-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none;
}

.sms-input {
    pointer-events: auto;
}

.modal__sign-in-sms-wrap *:not(.sms-input) {
    pointer-events: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.salons {
    margin-bottom: 120px;
}

.salons .availability__header {
    margin: 16px 0 32px;
}

.salons .availability__title {
    margin-top: 0;
    font-size: 36px;
    font-weight: 700;
}

@media screen and (max-width: 1023px) {
    .salons .availability__title {
        font-size: 24px;
        font-weight: 600;
    }
}

.salons .availability__list {
    height: 646px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

.salons .availability__list::-webkit-scrollbar {
    width: 4px;
    height: 100%;
    -webkit-appearance: none;
}

.salons .availability__list::-webkit-scrollbar-track {
    background: transparent;
}

.salons .availability__list::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.salons .availability__li {
    padding: 11px 12px;
    background-image: none;
}

.salons .availability__li_active {
    pointer-events: all;
}

.salons .availability__info {
    position: relative;
}

.salons .availability__shop {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: flex-end;
}

@media screen and (max-width: 479px) {
    .salons .availability__shop {
        grid-template-columns: 140px 1fr;
    }
}

.salons .availability__shop-info {
    grid-column: 2/3;
    grid-row: 2/3;
}

.salons .availability__shop-info-items {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
}

@media screen and (max-width: 479px) {
    .salons .availability__shop-info-items {
        margin-top: 4px;
    }
}

.salons .availability__shop-info-item {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    transition: color 0.3s;
    color: #999;
}

.salons .availability__shop-info-item svg {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.salons .availability__shop-info-item:hover, .salons .availability__shop-info-item:focus {
    color: #0E0E0E;
}

.salons .availability__shop-info-item:hover svg stroke, .salons .availability__shop-info-item:focus svg stroke {
    color: inherit;
}

.salons .availability__shop-info-link {
    display: none;
}

.salons .availability__shop-info-link svg {
    width: 24px;
    height: 24px;
}

.salons .availability__shop-info-link:hover {
    color: inherit;
}

.salons .availability__shop-link {
    grid-column: 1/3;
    grid-row: 1/2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.salons .availability__shop .availability__time-work {
    margin-bottom: 0;
    grid-column: 1/2;
    grid-row: 2/3;
}

.salons .availability__shop .availability__shop-info-link {
    display: none;
}

@media screen and (max-width: 1023px) {
    .salons .availability__shop .availability__shop-info-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 44px;
        height: 44px;
    }
}

@media screen and (max-width: 767px) {
    .salons .availability__shop .availability__shop-info-link {
        width: 20px;
        height: 20px;
    }
}

.salons .availability__address {
    letter-spacing: -0.3px;
}

.salons .availability__button_salons {
    display: none;
}

.salons .availability__li-close {
    display: none;
}

.salons .availability-tabs {
    gap: 16px 20px;
}

.salons .availability-tabs__box_list-box {
    padding: 8px 8px 28px 8px;
    width: 498px;
    height: 684px;
    border: 1px solid #e1e1e3;
    border-radius: 14px;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .salons .availability-tabs__box_list-box {
        padding: 0;
        width: 100%;
        height: auto;
        border: none;
        border-radius: 0;
    }
}

.salons .availability-tabs__box_list-box._one {
    padding-right: 0;
}

.salons .availability-tabs__box_map {
    width: calc(100% - 518px);
    border-radius: 8px;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .salons .availability-tabs__box_map {
        margin-bottom: 0;
        width: 100%;
        max-height: none;
        height: 708px;
    }
}

.salons .ballon .availability__content {
    display: block;
}

.salons .ballon .availability__shop-info-link {
    display: none;
}

.salons .ballon .availability__info {
    flex-direction: row;
    align-items: flex-end;
}

.salons .ballon .availability__address {
    margin: 0 50px 10px 0;
}

.salons .ballon .availability__time-work {
    font-size: 12px;
}

.salons .ballon .availability__shop-info-items {
    bottom: -2px;
}

.salons .ballon .availability__shop-info-item:hover {
    color: #999;
}

.salons .ballon .availability__button_salons {
    margin-top: 20px;
    display: inline-flex;
}

.salons .ballon .availability__li-close {
    display: block;
    top: 12px;
    right: 12px;
}

.salons .breadcrumps__wrapper {
    padding: 8px;
}

/*# sourceMappingURL=style.css.map */

.symbol_ruble {
    font-family: "rubleBitrix", Arial, sans-serif;
}

.basket-checkout-container {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    margin-bottom: 20px;
    padding: 15px 25px;
    border: 1px solid #e2dfdf;
    border-radius: 2px;
    background-color: #fff;
    opacity: 1;
    transition: opacity 250ms ease;
    justify-content: space-between;
    flex-wrap: wrap;
}

.basket-checkout-container.basket-checkout-container-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}

.basket-checkout-container.basket-checkout-container-fixed-hide {
    opacity: 0;
}

/*region Coupon*/
.basket-coupon-section {
    flex: 2;
}

.basket-coupon-block-field-description {
    color: #a1a1a1;
    font: 400 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-coupon-block-field {
    padding-right: 10px;
    min-width: 235px;
    flex: 1;
}

.basket-coupon-block-coupon-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -4px;
    padding: 0;
    width: 8px;
    height: 8px;
    border: none;
    border-right: 2px solid #8da3ad;
    border-bottom: 2px solid #8da3ad;
    border-radius: 0;
    background-color: transparent;
    content: "";
    cursor: pointer;
    transform: rotate(-45deg);
}

.basket-coupon-alert-section {
    width: 100%;
}

.basket-coupon-alert {
    display: flex;
    -ms-flex-align: start;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 0;
    width: 100%;
    font: 400 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.basket-coupon-text {
    position: relative;
    display: block;
    word-break: break-all;
    word-break: break-word;
}

.text-muted .basket-coupon-text:after {
    position: absolute;
    top: 0;
    left: 2px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #7ad500;
    border-bottom: 2px solid #7ad500;
    content: "";
    transform: rotate(45deg);
}

.basket-coupon-alert .close-link {
    margin-left: 10px;
    border-bottom: 1px dotted;
    color: var(--primary);
    text-decoration: none;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 1;
    cursor: pointer;
    transition: 220ms ease all;
}

.basket-coupon-alert .close-link:hover {
    border-color: transparent;
}

@media (max-width: 991px) {
    .basket-checkout-container {
        flex-direction: column;
    }

    .basket-coupon-section {
        -ms-flex-order: 1;
        max-width: 100%;
        width: 100%;
        order: 1;
    }

    .basket-coupon-alert-section {
        -ms-flex-order: 2;
        margin-bottom: 15px;
        order: 2;
    }

    .basket-coupon-block-field {
        padding-right: 0;
        min-width: 100%;
    }

    .basket-coupon-block-field .form-group {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }

    .basket-coupon-block-field .form-control {
        display: block;
        width: 100%;
    }
}

/*endregion*/
/*region Checkout*/
.basket-checkout-section {
    flex: 5;
}

.basket-checkout-section-inner {
    display: flex;
    justify-content: flex-end;
}

/**/
.basket-checkout-block-total {
    padding-top: 23px;
    padding-right: 10px;
    text-align: right;
}

.basket-checkout-block-total-inner {
    display: inline-block;
    max-width: 100%;
    text-align: left;
}

.basket-checkout-block-total-title {
    color: #2f3435;
    font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-checkout-block-total-description {
    color: #a1a1a1;
    font: 400 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-total-price {
    padding-left: 10px;
    text-align: right;
}

.basket-checkout-block-total-price-inner {
    position: relative;
    display: inline-block;
    padding-top: 17px;
    text-align: right;
}

.basket-coupon-block-total-price-current {
    margin-bottom: 7px;
    color: #2f3435;
    text-align: right;
    white-space: nowrap;
    font: 36px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
    transition: 180ms text-shadow ease, 180ms color ease;
}

.basket-coupon-block-total-price-old {
    position: absolute;
    top: 3px;
    right: 0;
    color: #a1a1a1;
    text-align: right;
    font: 400 18px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-coupon-block-total-price-old:after {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
    background-size: 100% 100%;
    content: "";
}

.basket-coupon-block-total-price-difference {
    display: inline-block;
    padding: 5px 6px 6px;
    background: #d1ecf1;
    color: #179ebb;
    text-align: center;
    font: 400 13px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-btn {
    padding-top: 13px;
    padding-left: 15px;
    text-align: right;
}

.basket-btn-checkout {
    border-radius: 2px;
    font-weight: var(--ui-font-weight-bold);
    font-size: 16px;
}

.basket-notification-section {
    width: 100%;
}

.basket-block-notification {
    position: relative;
    display: block;
    margin-top: 10px;
    padding: 8px 15px;
    min-width: 100%;
    width: 100%;
    border-radius: 1px;
    background-color: #edf8e0;
    color: #6a9997;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-block-notification:after {
    position: absolute;
    top: -7px;
    right: 80px;
    width: 16px;
    height: 16px;
    background-color: #edf8e0;
    content: "";
    transform: rotate(45deg);
    transform-origin: 50% 50%;
}

@media (max-width: 991px) {
    .basket-checkout-block-btn {
        flex: 1;
    }

    .basket-checkout-section {
        order: 3;
    }

    .basket-notification-section {
        order: 4;
    }
}

@media (max-width: 767px) {
    .basket-checkout-block-btn {
        padding-left: 0;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex: auto;
    }

    .basket-checkout-section-inner {
        flex-wrap: wrap;
    }

    .basket-checkout-block-total {
        min-width: 150px;
    }

    .basket-checkout-block-total-price {
        text-align: right;
    }

    .basket-btn-checkout {
        margin: 10px 0;
        width: 100%;
    }

    .basket-block-notification:after {
        top: -3px;
        right: auto;
        left: 50%;
        transform: rotate(45deg) translateX(-50%);
    }
}

@media (max-width: 460px) {
    .basket-checkout-block {
        display: block;
        min-width: 100%;
        width: 100%;
    }

    .basket-checkout-block-total {
        padding-top: 0;
        text-align: left;
    }

    .basket-checkout-block-total-price-inner {
        padding-top: 2px;
    }

    .basket-coupon-block-total-price-old {
        top: auto;
        position: relative;
        display: inline-block;
    }
}

/*endregion*/
/*region Basket item list wrapper*/
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
    border: 1px solid #e2dfdf;
}

/*header*/
.basket-items-list-header {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    padding: 13px 25px;
    border-bottom: 1px solid #e2dfdf;
    background: #f2f2f2;
    transition: 300ms padding ease;
    align-items: center;
}

.basket-items-list-header.basket-items-list-header-fixed {
    position: fixed;
    top: 0;
    z-index: 99;
    margin-left: -1px;
    border: 1px solid #e2dfdf;
}

.basket-items-list-wrapper-light .basket-items-list-header {
    display: none !important;
}

.basket-items-list-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
    flex: 1;
}

.basket-items-search-field + .basket-items-list-header-title {
    padding-left: 10px;
}

.basket-items-search-field + .basket-items-list-header-filter {
    padding-left: 10px;
    text-align: right;
    flex: 3;
}

.basket-items-search-field .form-control {
    z-index: 1;
}

.basket-items-list-header-filter-item {
    margin-left: 5px;
    border-bottom: 1px dotted;
    color: var(--primary);
    text-decoration: none;
    font: var(--ui-font-weight-bold) 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: 220ms ease;
}

.basket-items-list-header-filter-item:hover {
    color: var(--theme-color-second);
    text-decoration: none;
}

.basket-items-list-header-filter-item.active {
    border-bottom: none;
    color: #2f3435;
    text-decoration: none;
    cursor: default;
}

.basket-items-search-field {
    position: relative;
    transition: 300ms all ease;
    flex: 1;
}

.basket-items-search-field .input-group-addon {
    white-space: nowrap;
    -ms-flex-wrap: wrap;
}

.basket-items-search-clear-btn {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    border: none;
    background: none;
    color: #777;
    vertical-align: middle;
    font-weight: var(--ui-font-weight-bold);
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    transition: 250ms linear all;
    transform: translateY(-50%);
}

.basket-items-search-clear-btn:hover {
    color: #c04e4e;
}

@media (max-width: 991px) {
    .basket-items-list-header {
        padding: 10px 9px 11px;
    }

    .basket-items-list-header-title {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (max-width: 767px) {
    .basket-items-list-header {
        flex-direction: column;
    }

    .basket-items-search-field {
        width: 100%;
    }
}

/*endregion*/
.basket-items-list-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    margin-bottom: 5rem;
}

.basket-items-list-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    opacity: 0.7;
    animation-name: ShowOverlay;
    animation-duration: 200ms;
}

@keyframes ShowOverlay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.7;
    }
}

.basket-items-list {
    position: relative;
    padding: 0 25px;
}

.basket-items-list-table {
    width: 100%;
    border-collapse: collapse;
}

.basket-items-list-item-container {
    position: relative;
}

.basket-items-list-item-container > td {
    border-top: 1px solid #f2f2f2;
}

.basket-items-list-wrapper-compact .basket-items-list-item-container > td {
    padding-bottom: 12px;
}

.basket-items-list-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    opacity: 0.7;
}

.basket-items-list-item-container.basket-items-list-item-container-gift,
.basket-items-list-item-container.basket-items-list-item-container-gift > td,
.basket-items-list .basket-items-list-item-container:first-child > td {
    border-top: none !important;
}

@media (max-width: 767px) {
    .basket-items-list-item-container.basket-items-list-item-container-gift,
    .basket-items-list-item-container.basket-items-list-item-container-gift > td,
    .basket-items-list .basket-items-list-item-container:first-child > td {
        margin: 0;
        padding-top: 0;
        border-top: none !important;
    }
}

.basket-items-list-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    opacity: 0.7;
}

.basket-items-list-item-descriptions {
    -ms-flex-order: 1;
    padding-top: 20px;
    width: 100%;
    vertical-align: top;
    order: 1;
}

.basket-items-list-item-descriptions-inner {
    position: relative;
    display: flex;
}

/*region Image*/
.basket-item-block-image {
    position: relative;
    -ms-flex-order: 1;
    -ms-flex-order: 1;
    -ms-flex-align: center;
    padding-right: 15px;
    padding-bottom: 10px;
    min-width: 48px;
    max-width: 148px;
    width: 100%;
    align-items: center;
    flex: 1;
    order: 1;
}

.basket-items-list-wrapper-compact .basket-item-block-image {
    display: block;
    padding-bottom: 0;
    min-width: 32px;
    max-width: 50px;
    width: auto;
    height: auto;
}

.basket-item-image-link {
    position: relative;
    display: inline-block;
}

.basket-item-image {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    transition: 300ms all ease;
}

.basket-items-list-wrapper-compact .basket-item-image {
    max-width: 50px;
    max-height: 50px;
}

.basket-item-image:hover {
    border-color: #ee9200;
}

@media (max-width: 580px) {
    .basket-item-block-image {
        margin-top: 10px;
        margin-bottom: 15px;
        padding-right: 0;
        max-width: 100%;
        width: 100%;
    }

    .basket-item-image {
        margin: 10px auto 15px;
        padding-right: 0;
        max-width: 230px;
        max-height: 400px;
        width: auto;
        height: auto;
    }

    .basket-items-list-item-descriptions-inner {
        flex-direction: column;
        webkit-box-orient: vertical;
    }

    .basket-items-list-wrapper-compact .basket-item-block-image {
        margin-top: 0;
        padding-right: 10px;
    }

    .basket-items-list-wrapper-compact .basket-items-list-item-descriptions-inner {
        flex-direction: row;
    }
}

/*endregion*/
/*region lable*/
/*Label*/
.basket-item-label-text,
.basket-item-label-ring {
    position: absolute;
    z-index: 90;
    opacity: 1;
    transition: opacity 450ms ease;
}

.basket-items-list-wrapper-compact .basket-item-label-text,
.basket-items-list-wrapper-compact .basket-item-label-ring {
    display: none;
}

.basket-item-label-text span,
.basket-item-label-ring {
    display: inline-block;
    clear: both;
    margin-bottom: 2px;
    background: #f42c2c;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    transition: all 250ms ease;
}

.bx-red .basket-item-label-text span,
.bx-red .basket-item-label-ring {
    background-color: #fba90c;
}

.basket-item-label-text > div,
.basket-item-label-ring > div {
    line-height: 0;
}

/* TEXT */
.basket-item-label-text span {
    padding: 2px 5px;
    vertical-align: middle;
    font-weight: var(--ui-font-weight-bold);
}

.basket-item-label-text.basket-item-label-small span {
    margin-bottom: 1px;
    padding: 2px 7px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.basket-item-label-text.basket-item-label-big span {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 17px;
}

@media (max-width: 767px) {
    .basket-item-label-text > div {
        line-height: 0;
    }

    .basket-item-label-text.basket-item-label-small span {
        margin-bottom: 1px;
        padding: 2px 7px;
        font-size: 11px;
        line-height: 14px;
    }

    .basket-item-label-text.basket-item-label-big span {
        margin-bottom: 1px;
        padding: 3px 12px;
        font-size: 13px;
        line-height: 16px;
    }
}

/*RING*/
.basket-item-label-ring {
    box-sizing: border-box;
    border-radius: 50%;
    font-weight: var(--ui-font-weight-bold);
}

.basket-item-label-ring.basket-item-label-small {
    width: 40px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
}

.basket-item-label-ring.basket-item-label-big {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}

@media (max-width: 767px) {
    .basket-item-label-ring.basket-item-label-small {
        width: 24px;
        height: 24px;
        font-size: 8px;
        line-height: 24px;
    }

    .basket-item-label-ring.basket-item-label-big {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }
}

.basket-item-label-top {
    top: -2px;
}

.basket-item-label-center {
    left: 50%;
    transform: translateX(-50%);
}

.basket-item-label-center > div {
    text-align: center;
}

.basket-item-label-left {
    left: -2px;
}

.basket-item-label-left > div {
    text-align: left;
}

.basket-item-label-bottom {
    bottom: -2px;
}

.basket-item-label-middle {
    top: 50%;
    transform: translateY(-50%);
}

.basket-item-label-right {
    right: -2px;
}

.basket-item-label-right > div {
    text-align: right;
}

.basket-item-label-center.product-item-label-middle {
    transform: translateY(-50%) translateX(-50%);
}

/*endregion*/
/*region Info*/
.basket-item-block-info {
    -ms-flex-order: 2;
    padding: 0;
    flex: 3;
    order: 2;
}

@media (max-width: 580px) {
    .basket-item-block-info {
        flex: 6;
    }
}

/*region Name*/
.basket-item-info-name,
.basket-item-info-name-link {
    margin: 0;
    padding: 0 20px 0 0;
    color: #2f3435;
    text-decoration: none;
    word-break: break-all;
    word-break: break-word;
    font: 16px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
    transition: 300ms all ease;
}

h2.basket-item-info-name {
    margin-bottom: 5px;
    padding-top: 0;
}

.basket-item-highlighted {
    background: #ff0;
}

.basket-items-list-wrapper-compact .basket-item-info-name {
    margin-bottom: 5px;
}

.basket-item-info-name-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 768px) {
    .basket-item-info-name,
    .basket-item-info-name-link {
        vertical-align: middle;
        font-size: 15px;
        line-height: 17px;
    }

    .basket-item-info-name {
        padding-top: 10px;
    }
}

/*endregion*/
.basket-item-block-common {
    display: flex;
    -ms-flex-order: 4;
    -ms-flex-pack: end;
    -ms-flex-align: start;
    -ms-flex: 2;
    -ms-flex-wrap: nowrap;
    -ms-flex-line-pack: baseline;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-box-align: start;
    -webkit-box-ordinal-group: 5;
    -webkit-box-flex: 2;
    justify-content: flex-end;
    align-content: baseline;
    align-items: flex-start;
    flex: 2;
    order: 4;
}

.basket-items-list-wrapper-compact .basket-item-block-common {
    -ms-flex-pack: end;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .basket-item-block-common {
        padding: 5px 0;
        min-width: 100%;
    }

    .basket-items-list-wrapper .basket-item-block-common {
        justify-content: flex-end;
    }

    .basket-items-list-wrapper .basket-item-block-common > div {
        flex: none;
    }

    .basket-items-list-wrapper-compact .basket-item-block-common {
        -ms-flex-pack: end;
        padding: 17px 0;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

@media (max-width: 460px) {
    .basket-items-list-wrapper .basket-item-block-common {
        flex-direction: column;
        align-items: flex-end;
    }

    .basket-item-price-current {
        text-align: right;
    }
}

/*region Properties*/
.basket-item-block-properties {
    flex: 5;
}

.basket-item-property,
.basket-item-property-custom {
    display: flex;
    -ms-flex-align: center;
    padding-bottom: 4px;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.basket-items-list-wrapper-compact .basket-item-property,
.basket-items-list-wrapper-compact .basket-item-property-custom {
    display: inline-flex;
    margin-right: 10px;
    padding-bottom: 0;
    align-content: center;
}

.basket-item-property-name,
.basket-item-property-custom-name {
    margin-right: 5px;
    color: #a1a1a1;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-property-value,
.basket-item-property-custom-value {
    color: #4a4a4a;
    font: var(--ui-font-weight-bold) 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*region Custom Column*/
.basket-item-property-custom {
    padding-right: 15px;
}

.basket-item-property-custom-content {
    padding: 3px 0;
}

.basket-item-property-custom.basket-item-property-custom-photo {
    display: block;
}

.basket-item-property-custom-photo .basket-item-property-custom-value {
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: stretch;
    min-height: 64px;
    word-spacing: 0;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.basket-item-property-custom-photo .basket-item-property-custom-value span {
    display: inline-block;
}

.basket-item-custom-block-photo-link {
    display: block;
    margin-right: 5px;
}

.basket-item-custom-block-photo-item {
    margin-right: 3px;
    width: auto;
    height: 64px;
    border: 1px solid #e4e4e4;
    transition: 300ms all ease;
}

.basket-item-custom-block-photo-item:hover {
    border-color: #ee9200;
}

@media (max-width: 580px) {
    .basket-item-property-custom {
        padding-right: 0;
    }

    .basket-items-list-wrapper-compact .basket-item-property-custom {
        padding-right: 10px;
    }
}

/*endregion*/
/*scu*/
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-text,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-image,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-scu-color {
    display: inline-flex;
}

.basket-item-property.basket-item-property-scu-text,
.basket-item-property.basket-item-property-scu-image,
.basket-item-property.basket-item-scu-color {
    display: block;
}

.basket-item-scu-list {
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.basket-item-scu-item,
.basket-item-scu-item.not-available:hover {
    position: relative;
    display: inline-block;
    margin: 2px 3px 3px 0;
    padding: 0;
    border: 1px solid #eeecef;
    cursor: pointer;
    transition: 300ms all ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.basket-item-scu-item:hover,
.basket-item-scu-item.selected,
.basket-item-scu-item.not-available:hover {
    border-color: var(--primary);
}

.basket-item-scu-item.selected:hover {
    cursor: default;
}

.basket-item-scu-item.not-available:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%220%22%20stroke-width%3D%221%22%20stroke%3D%22%23a1a1a1%22/%3E%0A%3C/svg%3E);
    background-size: 100% 100%;
    content: "";
}

.basket-item-scu-item-inner {
    display: block;
    transition: 300ms all ease;
}

.basket-item-scu-item.not-available .basket-item-scu-item-inner {
    opacity: 0.5;
}

.basket-item-scu-color .basket-item-scu-item-inner,
.basket-item-property-scu-image .basket-item-scu-item-inner {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner,
.basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
    padding: 3px 5px;
    min-width: 30px;
    text-align: center;
    font: var(--ui-font-weight-bold) 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-items-list-wrapper-compact .basket-item-property-scu-text .basket-item-scu-item-inner {
    padding: 1px 2px;
    font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
    .basket-item-property-name,
    .basket-item-property-value {
        font-size: 11px;
    }
}

@media (max-width: 580px) {
    .basket-item-block-properties {
        margin-bottom: 10px;
    }

    .basket-items-list-wrapper-compact .basket-item-block-properties {
        margin-bottom: 0;
    }

    .basket-item-property-scu-image .basket-item-scu-item-inner,
    .basket-item-scu-color .basket-item-scu-item-inner {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
    }

    .basket-item-property-scu-text .basket-item-scu-item-inner {
        padding: 2px 3px;
        min-width: 25px;
        text-align: center;
        font: var(--ui-font-weight-bold) 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

/*endregion*/
/*region Amount*/
.basket-items-list-item-amount {
    -ms-flex-order: 2;
    padding-top: 20px;
    vertical-align: top;
    order: 2;
}

.basket-item-block-amount {
    position: relative;
    display: flex;
    -ms-flex-pack: end;
    -ms-flex-align: start;
    padding: 0 10px;
    align-content: flex-start;
    justify-content: flex-end;
}

.basket-items-list-wrapper-compact .basket-item-block-amount {
    margin-bottom: 0;
    padding-bottom: 0;
}

.basket-item-amount-filed-block {
    position: relative;
}

.basket-item-amount-filed,
.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
    padding: 0;
    width: 60px;
    height: 28px;
    outline: none;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    vertical-align: middle;
    text-align: center;
    font: var(--ui-font-weight-bold) 18px/27px "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
}

.basket-item-block-amount.disabled .basket-item-amount-filed {
    background-color: #f3f3f3;
}

.basket-item-amount-filed:hover,
.basket-item-amount-filed:focus {
    border-color: var(--primary);
}

.basket-item-amount-filed::-webkit-outer-spin-button,
.basket-item-amount-filed::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    margin: 0;
    -webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.basket-item-amount-filed.basket-updated {
    animation-name: basketAmountFiledUpdated;
    animation-duration: 600ms;
}

@keyframes basketAmountFiledUpdated {
    0%, 100% {
        border-color: #e4e4e4;
    }
    50% {
        border-color: #ee9200;
    }
}

.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
    position: relative;
    width: 28px;
    height: 28px;
    cursor: pointer;
    transition: 300ms all ease;
    -webkit-user-select: none;
}

.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover {
    background-color: #efefef;
}

.basket-item-block-amount.disabled .basket-item-amount-btn-plus,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus {
    background-color: transparent;
    cursor: default;
}

.basket-item-amount-btn-plus:before,
.basket-item-amount-btn-plus:after,
.basket-item-amount-btn-minus:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
    width: 10px;
    height: 2px;
    background-color: #979797;
    content: "";
    transition: 300ms all ease;
}

.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after {
    background-color: #535353;
}

.basket-item-block-amount.disabled .basket-item-amount-btn-plus:before,
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:after,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus:after {
    background-color: #f3f3f3;
}

.basket-item-amount-btn-plus:before {
    margin-top: -5px;
    margin-left: -1px;
    width: 2px;
    height: 10px;
}

.basket-item-amount-field-description {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    color: #a1a1a1;
    text-align: center;
    font: italic 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 991px) {
    .basket-item-block-amount {
        position: relative;
        -ms-flex-pack: center;
        margin-bottom: 13px;
        justify-content: center;
    }

    .basket-item-amount-btn-plus,
    .basket-item-amount-btn-minus {
        border: 1px solid #e4e4e4;
        background-color: #f5f6f7;
    }

    .basket-item-amount-btn-plus {
        border-left: none;
        border-radius: 0 1px 1px 0;
    }

    .basket-item-amount-btn-minus {
        border-right: none;
        border-radius: 1px 0 0 1px;
    }
}

@media (max-width: 767px) {
    .basket-item-block-amount {
        padding-top: 19px;
    }
}

@media (max-width: 580px) {
    .basket-item-block-amount {
        padding-top: 0;
    }
}

/*endregion*/
/*region Price*/
.basket-items-list-item-price {
    -ms-flex-order: 4;
    padding-top: 0;
    vertical-align: top;
    order: 4;
}

.basket-items-list-item-price-for-one {
    order: 2;
}

.basket-item-block-price {
    position: relative;
    padding-top: 20px;
    text-align: right;
    white-space: nowrap;
}

.basket-item-price-title {
    padding-top: 1px;
    color: #a1a1a1;
    text-align: right;
    font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-price-current {
    padding-top: 1px;
    color: #2f3435;
    vertical-align: bottom;
    line-height: 24px;
}

.basket-item-price-current-text {
    letter-spacing: -0.33px;
    font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 180ms text-shadow ease, 180ms color ease;
}

.basket-item-price-old {
    position: absolute;
    top: 5px;
    right: 0;
    color: #a1a1a1;
    vertical-align: middle;
    line-height: 15px;
}

.basket-item-price-old-text {
    position: relative;
    display: inline-block;
    font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-price-old-text:after {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
    background-size: 100% 100%;
    content: "";
}

.basket-item-price-difference {
    padding: 3px;
    max-width: 100%;
    background: #d1ecf1;
    color: #179ebb;
    text-align: center;
    white-space: normal;
    font: 400 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
    .basket-items-list-item-container {
        display: flex;
        align-items: flex-start;
    }

    .basket-items-list-item-descriptions {
        min-width: 100%;
    }
}

@media (max-width: 580px) {
    .basket-items-list-item-price {
        -ms-flex-order: 5;
        vertical-align: top;
        order: 5;
    }

    .basket-items-list-item-price-for-one {
        order: 4;
    }

    .basket-item-block-price {
        flex-direction: column;
        margin-bottom: 10px;
        min-width: 0;
        flex: 1;
    }

    .basket-item-price-old {
        right: 10px;
    }

    .basket-items-list-item-amount {
        display: block;
        padding: 0 0 20px;
        min-width: 100%;
    }

    .basket-item-block-price {
        padding-right: 10px;
        padding-left: 10px;
    }

    .basket-items-list-wrapper-compact .basket-item-block-price {
        min-width: 0;
        text-align: right;
    }

    .basket-items-list-wrapper-compact .basket-item-block-price > div {
        text-align: right;
    }

    .basket-item-block-price .basket-item-price-difference {
        -ms-flex-order: 1;
        padding: 5px 6px 6px;
        order: 1;
    }
}

/*endregion*/
/*region Actions*/
.basket-items-list-item-remove {
    padding-top: 17px !important;
    vertical-align: top;
}

.basket-item-block-actions {
    position: relative;
    opacity: 0;
    transition: 300ms opacity ease;
}

.bx-touch .basket-item-block-actions,
.basket-items-list-item-container:hover .basket-item-block-actions {
    opacity: 1;
}

.basket-item-actions-remove {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.basket-item-actions-remove:after,
.basket-item-actions-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #d0021b;
    content: "";
    transition: 300ms background-color ease;
}

.basket-item-actions-remove:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.basket-item-actions-remove:before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.basket-item-actions-remove:hover:after,
.basket-item-actions-remove:hover:before {
    background-color: #7e000f;
}

.basket-item-block-info .basket-item-actions-remove {
    position: absolute;
    top: -4px;
    right: 0;
}

.basket-items-list-wrapper-compact .basket-item-block-actions {
    position: relative;
    top: auto;
    right: auto;
    padding-left: 10px;
}

/*endregion*/
/*endregion*/
@media (max-width: 767px) {
    .basket-items-list-table,
    .basket-items-list-table thead,
    .basket-items-list-table tbody,
    .basket-items-list-table tr {
        display: block !important;
    }

    tr.basket-items-list-item-container {
        display: flex !important;
        -ms-flex-pack: center;
        -ms-flex-align: start;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #f2f2f2;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
    }

    .basket-items-list-table tr.basket-items-list-item-container:first-child,
    .basket-items-list-table tbody tr.basket-items-list-item-container:first-child {
        border: none;
    }

    .basket-items-list .basket-items-list-item-container > td {
        border-top: none;
    }

    td.basket-items-list-item-amount,
    td.basket-items-list-item-price,
    td.basket-items-list-item-remove {
        display: inline-block;
    }

    td.basket-items-list-item-descriptions {
        padding-bottom: 10px;
        min-width: 100%;
    }

    td.basket-items-list-item-descriptions,
    td.basket-items-list-item-notification {
        display: block;
        padding-top: 0;
    }

    .basket-items-list-item-price {
        padding: 3px 0;
    }

    td.basket-items-list-item-remove {
        padding: 34px 0 0 !important;
    }
}

@media (max-width: 580px) {
    .basket-items-list-item-price .basket-item-block-price .basket-item-price-title {
        display: block;
    }

    td.basket-items-list-item-remove {
        display: block;
        padding: 0;
    }

    td.basket-items-list-item-remove {
        padding: 0 !important;
        text-align: center;
    }

    .basket-item-block-actions {
        display: inline-block;
    }
}

.basket-items-list-item-notification-inner {
    position: relative;
    transition: 220ms all ease;
}

/**/
.basket-items-list-item-container.basket-items-list-item-container-expend {
    display: table-row;
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
    position: relative;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    padding: 10px 0;
    border-radius: 2px;
    background-color: #e6f8fe;
    color: #333;
    text-align: center;
    transition: 300ms all ease;
    align-items: center;
    justify-content: space-between;
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
    padding: 0 10px;
    text-align: left;
}

@keyframes ShowNote {
    0% {
        opacity: 0;
    }
    0%, 50% {
        background-color: #fff;
    }
    50%, 100% {
        opacity: 1;
    }
    100% {
        background-color: #e6f8fe;
    }
}

@media (max-width: 768px) {
    .basket-items-list-item-container-collapse .basket-items-list-item-removed-container {
        flex-direction: column;
    }

    .basket-items-list-item-container-collapse .basket-items-list-item-removed-container div {
        text-align: center;
    }
}

.basket-items-list-item-container-collapse .basket-item-block-info,
.basket-items-list-item-container-collapse .basket-item-block-common,
.basket-items-list-item-container-collapse .basket-item-block-image {
    opacity: 0;
}

.basket-items-list-item-container.basket-items-list-item-container-collapse > td > div {
    overflow: hidden;
    height: 80px;
    opacity: 0;
}

.basket-items-list-item-removed-block {
    display: inline-flex;
    align-items: center;
}

.basket-items-list-item-removed-block .faded {
    color: #ccc;
    cursor: default;
}

.basket-items-list-item-removed-anchor {
    border-bottom: 1px dashed;
    color: #333;
    font-weight: var(--ui-font-weight-bold);
}

.basket-items-list-item-clear-btn {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.basket-items-list-item-clear-btn:after,
.basket-items-list-item-clear-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #d0021b;
    content: "";
    transition: 300ms background-color ease;
}

.basket-items-list-item-clear-btn:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.basket-items-list-item-clear-btn:before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.basket-items-list-item-clear-btn:hover:after,
.basket-items-list-item-clear-btn:hover:before {
    background-color: #7e000f;
}

.basket-items-list-item-double {
    margin: 10px 0;
}

.basket-items-list-item-double > div {
    margin-bottom: 10px;
    padding: 5px 35px 5px 15px;
}

.basket-items-list-item-double-anchor,
.basket-items-list-item-double-anchor:visited {
    border-bottom: 1px dashed;
    color: #333;
    text-decoration: none;
}

.basket-items-list-item-double-anchor:hover {
    color: #23527c;
}

.basket-items-list-item-warning-container {
    margin: 10px 0;
}

.basket-items-list-item-warning-container > div {
    margin-bottom: 10px;
    padding: 5px 35px 5px 15px;
}

.basket-items-list-wrapper-compact .basket-items-list-item-container {
    -ms-flex-align: start;
    padding: 17px 0;
    align-items: flex-start;
}

/*region Gifts*/
.basket-item-gifts-list-container {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #fceb9f;
    background: #fffef8;
}

.basket-item-gifts-list-container:after {
    position: absolute;
    top: -10px;
    left: 90px;
    display: block;
    width: 17px;
    height: 17px;
    background-color: #fceb9f;
    content: "";
    transform: rotate(45deg);
}

.basket-item-gifts-list-title {
    padding: 12px 17px;
    background-color: #fceb9f;
    color: #5b5848;
    font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gifts-list {
    padding: 15px;
}

.basket-items-list-gift-item {
    display: flex;
    -ms-flex-align: center;
    border-bottom: 1px solid #f3f2ed;
    align-items: center;
    flex-wrap: nowrap;
}

.basket-item-gifts-list .basket-items-list-gift-item:last-child {
    border-bottom: none;
}

/*region Gift image*/
.basket-item-gift-image-container {
    padding: 10px 0;
    min-width: 48px;
    max-width: 100%;
    width: 168px;
    text-align: center;
    flex: 1;
}

.basket-item-gift-image-link {
    display: inline-block;
}

.basket-item-gift-image {
    display: inline-block;
    max-width: 100%;
    max-height: 69px;
    width: auto;
    height: auto;
}

/*endregion*/
/*region Gift title*/
.basket-item-gift-title-container {
    padding: 5px 15px;
    width: 100%;
    flex: 9;
}

.basket-item-gift-title-link {
    color: #333;
    font: 15px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
    transition: 300ms all ease;
}

@media (max-width: 580px) {
    .basket-item-gift-title-link {
        font-size: 13px;
    }
}

/*endregion*/
/*region Gift price*/
.basket-item-gift-price-container {
    text-align: right;
    flex: 2;
}

.basket-item-gift-price-current {
    color: #2f3435;
    font: 400 22px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-old {
    color: #a1a1a1;
    text-decoration: line-through;
    font: 400 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-difference {
    display: flex;
    -ms-flex-align: center;
    padding: 5px 6px 6px;
    background: #e2f0cb;
    color: #525c69;
    text-align: center;
    text-transform: uppercase;
    font: var(--ui-font-weight-bold) 9px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    align-items: center;
}

@media (max-width: 580px) {
    .basket-items-list-gift-item {
        flex-wrap: wrap;
    }

    .basket-item-gift-price-container {
        min-width: 100%;
    }
}

/*endregion*/
/*endregion*/
/*region Gift-container*/
.basket-gifts-list-wrapper,
.basket-gifts-list-wrapper-compact {
    margin-bottom: 15px;
    border: 1px solid #e2dfdf;
}

.basket-gifts-list-header {
    padding: 18px 25px 20px;
    border-bottom: 1px solid #e2dfdf;
    background: #f2f2f2;
    font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 300ms all ease;
}

.basket-clear {
    cursor: pointer;
    pointer-events: auto;
}

.basket-clear:after,
.basket-clear:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #a1a1a1;
    content: "";
    transition: 300ms background-color ease;
}

.basket-clear:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.basket-clear:before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.basket-clear:hover:after,
.basket-clear:hover:before {
    background-color: #333;
}

@media (max-width: 991px) {
    .basket-gifts-list-header {
        padding: 10px 9px 11px;
        font-size: 12px;
        line-height: 15px;
    }
}

.basket-gifts-list {
    padding: 0 25px;
}

.basket-gifts-description-container {
    padding: 11px;
    color: #868d96;
    text-align: center;
    font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gifts-list-item-container {
    position: relative;
    display: flex;
    -ms-flex-align: center;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #f2f2f2;
    transition: 300ms all ease;
    flex-wrap: wrap;
    align-items: center;
}

.basket-gifts-list-item-container:first-child {
    border-top: none;
}

.basket-gift-block-image {
    padding: 5px 15px 5px 0;
    min-width: 50px;
    max-width: 50px;
}

.basket-gift-image-link {
    display: inline-block;
}

.basket-gift-image {
    display: inline-block;
    max-width: 100%;
    max-height: 168px;
    width: auto;
    height: auto;
    transition: 300ms all ease;
}

.basket-gift-block-info {
    flex: 1;
}

.basket-gift-info-name,
.basket-gift-info-name-link {
    margin: 0;
    padding: 0;
    color: #2f3435;
    text-decoration: none;
    font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
    transition: 300ms all ease;
}

.basket-gift-info-name-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.basket-gift-block-common {
    display: flex;
    -ms-flex-align: center;
    flex-wrap: wrap;
    align-content: center;
}

.basket-gift-item-select-btn-container {
    display: flex;
    -ms-flex-align: center;
    flex-wrap: nowrap;
    align-items: center;
}

.basket-gift-item-selected {
    padding: 0 10px;
    color: #b6bbbf;
    font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gift-item-select-btn-label {
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 0;
    align-items: center;
}

.basket-gift-item-select-input {
    display: none;
}

.basket-gift-item-select-btn-radio {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 10px solid #fff;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 1px #828b95;
    cursor: pointer;
    transition: 190ms all ease;
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-radio {
    border-width: 5px;
}

.basket-gift-item-select-btn-text {
    text-transform: lowercase;
    font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.basket-gift-item-select-btn-checkbox {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    width: 19px;
    height: 19px;
    border: 1px solid #828b95;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
}

.basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-btn-checkbox:before {
    position: absolute;
    background-color: #fff;
    content: "";
    opacity: 0;
    transition: 190ms all ease;
}

.basket-gift-item-select-btn-checkbox:after {
    top: 5px;
    left: 5px;
    z-index: 15;
    width: 3px;
    height: 9px;
    border-radius: 1px;
    transform: rotate(-45deg);
}

.basket-gift-item-select-btn-checkbox:before {
    top: -1px;
    left: 11px;
    z-index: 10;
    width: 5px;
    height: 17px;
    border: 1px solid #fff;
    border-radius: 2px;
    transform: rotate(45deg);
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before {
    background-color: var(--primary);
    opacity: 1;
}

@media (max-width: 797px) {
    .basket-gift-item-select-btn-container {
        flex-direction: column;
        align-items: flex-end;
    }

    .basket-gift-item-selected {
        -ms-flex-order: 2;
        padding-right: 0;
        text-align: right;
        order: 2;
    }

    .basket-gift-item-select-btn-label {
        -ms-flex-order: 1;
        text-align: right;
        order: 1;
    }
}

.bx-step-opacity {
    transition: 500ms opacity ease;
}

/*endregion*/
/*region not found*/
.basket-search-not-found {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 0;
    transform: translate3d(-50%, -50%, 0);
}

.basket-search-not-found-icon {
    margin: 0 auto 80px;
    width: 180px;
    height: 180px;
    background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22182px%22%20height%3D%22182px%22%20viewBox%3D%220%200%20182%20182%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.2%22%20fill%3D%22%23A7ABB0%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2C70.5%20C17%2C40.9473747%2040.9473747%2C17%2070.5%2C17%20C100.052625%2C17%20124%2C40.9473747%20124%2C70.5%20C124%2C100.052625%20100.052625%2C124%2070.5%2C124%20C40.9473747%2C124%2017%2C100.052625%2017%2C70.5%20M178.408149%2C160.192955%20L129.280894%2C111.056302%20C129.216524%2C111.017683%20129.152154%2C110.991937%20129.100658%2C110.953317%20C136.979557%2C99.5348706%20141.614204%2C85.7220257%20141.614204%2C70.8020936%20C141.614204%2C31.6935917%20109.905496%2C0%2070.8071019%2C0%20C31.7087076%2C0%200%2C31.6935917%200%2C70.8020936%20C0%2C109.910596%2031.7087076%2C141.604187%2070.8071019%2C141.604187%20C85.7152154%2C141.604187%2099.5419113%2C136.969868%20110.948292%2C129.091526%20C110.999788%2C129.143019%20111.012662%2C129.220257%20111.064158%2C129.27175%20L160.204287%2C178.408403%20C164.993422%2C183.197199%20172.846573%2C183.197199%20177.635708%2C178.408403%20L178.408149%2C177.623143%20C183.197284%2C172.834347%20183.197284%2C164.981751%20178.408149%2C160.192955%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
    background-size: cover;
}

.basket-search-not-found-text {
    color: #c0c5ca;
    text-align: center;
    font: 30px/35px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*endregion*/
.bx-sbb-empty-cart-image {
    margin: 50px auto 42px;
    width: 131px;
    height: 116px;
    background: url(images/empty_cart.svg) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
}

.bx-sbb-empty-cart-text {
    margin-bottom: 42px;
    color: #bababa;
    text-align: center;
    font-size: 36px;
}

.bx-sbb-empty-cart-desc {
    margin-bottom: 42px;
    color: #000;
    text-align: center;
    font-size: 16px;
}

.catalog-block-header {
    font-size: 14px;
    font-weight: var(--ui-font-weight-bold);
    text-align: left;
    margin: 5px 0;
    padding: 5px 15px;
    border-bottom: 2px solid #d9dee6;
    color: #000;
}

body.bx-theme-blue .catalog-block-header {
    border-color: #006cc0;
}

body.bx-theme-green .catalog-block-header {
    border-color: #63aa28;
}

body.bx-theme-red .catalog-block-header {
    border-color: #da3737;
}

body.bx-theme-yellow .catalog-block-header {
    border-color: #f4b236;
}

.basket__sidebar._clone .basket-menu {
    transition: transform 0.2s ease, opacity 0.2s ease;
    will-change: transform;
}

.basket__sidebar-sale-detaile dt a {
    color: #2a65c5;
}

.basket__sidebar._clone .basket-menu {
    transition: transform 0.2s ease, opacity 0.2s ease;
    will-change: transform;
}

@media (max-width: 766px) {
    .basket-empty {
        margin: 24px 0 42px 0 !important;
        text-align: left !important;
    }

    .basket-empty__wrapper {
        padding: 0 12px;
    }

    .basket-empty__title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .basket-empty__bt-box {
        flex-flow: column;
    }

    .basket-empty__button {
        width: 100%;
    }

}

/*# sourceMappingURL=style.css.map */

.btn {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    border-radius: 8px;
}

.h0 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2222222222;
    margin: 0px;
}

.breadcrumbs {
    margin: 16px 0;
}

.contacts-main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    list-style: none;
}

.contacts-main__media {
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #d7d7d7;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contacts-main__media:hover {
    border-color: transparent;
}

.contacts-main__media svg {
    width: 100%;
    height: 100%;
}

.contacts-main__media rect,
.contacts-main__media stop,
.contacts-main__media path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contacts-main .inst stop {
    stop-color: white;
}

.contacts-main .inst path {
    fill: #0E0E0E;
}

.contacts-main .inst:hover stop:nth-child(1) {
    stop-color: #f9ed32;
}

.contacts-main .inst:hover stop:nth-child(2) {
    stop-color: #ee2a7b;
}

.contacts-main .inst:hover stop:nth-child(3) {
    stop-color: #d22a8a;
}

.contacts-main .inst:hover stop:nth-child(4) {
    stop-color: #8b2ab2;
}

.contacts-main .inst:hover stop:nth-child(5) {
    stop-color: #1b2af0;
}

.contacts-main .inst:hover stop:nth-child(6) {
    stop-color: #002aff;
}

.contacts-main .inst:hover path {
    fill: white;
}

.contacts-main .youtube rect {
    fill: #fff;
}

.contacts-main .youtube path {
    fill: #0E0E0E;
}

.contacts-main .youtube:hover rect {
    fill: #f40000;
}

.contacts-main .youtube:hover path {
    fill: #fff;
}

.contacts-main .vk rect {
    fill: #fff;
}

.contacts-main .vk path {
    fill: #0E0E0E;
}

.contacts-main .vk:hover rect {
    fill: #0077ff;
}

.contacts-main .vk:hover path {
    fill: #fff;
}

.contacts-main .tg rect {
    fill: #fff;
}

.contacts-main .tg path {
    fill: #0E0E0E;
}

.contacts-main .tg:hover rect {
    fill: #27a6e5;
}

.contacts-main .tg:hover path {
    fill: #fff;
}

.contacts-main .wht rect {
    fill: #fff;
}

.contacts-main .wht path {
    fill: #0E0E0E;
}

.contacts-main .wht:hover rect {
    fill: #48c95f;
}

.contacts-main .wht:hover path {
    fill: #fff;
}

.contacts-main .dzen rect {
    fill: #fff;
}

.contacts-main .dzen path {
    scale: 0.7;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    fill: #0E0E0E;
}

.contacts-main .dzen:hover rect {
    fill: #2c3036;
}

.contacts-main .dzen:hover path {
    scale: 1;
    fill: #fff;
}

.contacts-page {
    margin-bottom: 120px;
}

.contacts-page__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}

.contacts-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.contacts-page__upper {
    padding: 60px;
    background-color: #f5f5f7;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}

.contacts-main__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.contacts-main__header {
    list-style: none;
}

.contacts-main__header span {
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1.25;
}

.contacts-main__link {
    white-space: nowrap;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #0E0E0E;
    border-bottom: 2px solid transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 2px;
    font-weight: 600;
}

.contacts-main__link:active {
    border-color: #0E0E0E;
}

.contacts-main__footer a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #0E0E0E;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contacts-main__footer a:hover {
    background-color: #3a3a3c;
    color: #fff;
}

.contacts-main__footer a:active {
    background-color: #fff;
    border: 1px solid #0E0E0E;
    color: #0E0E0E;
}

.contacts-list {
    border-left: 1px solid #e1e1e3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    row-gap: 40px;
    padding: 37px 0;
    padding-left: 60px;
}

.contacts-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.contacts-list__item h5 {
    font-size: 16px;
    line-height: 1.25;
    color: #7d7d7d;
    font-weight: 400;
}

.contacts-list__item a {
    font-size: 600px;
    font-size: 20px;
}

.contacts-down {
    border: 1px solid #e1e1e3;
    border-radius: 12px;
    padding: 32px 60px;
}

.contacts-down__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
}

.contacts-down__wrapper div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    line-height: 1.25;
}

.contacts-down__wrapper div span {
    color: #7d7d7d;
}

.contacts-down__wrapper div p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.contacts-down__wrapper div p span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.contacts-down__wrapper div p,
.contacts-down__wrapper div a {
    color: #0E0E0E;
}

.contacts-down__wrapper div strong {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
}

.contacts-down__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}

.contacts-down__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    line-height: 1.25;
}

.contacts-down__list li span {
    color: #7d7d7d;
}

.contacts-down__list li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.contacts-down__list li p span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.contacts-down__list li p,
.contacts-down__list li a {
    color: #0E0E0E;
}

.contacts-modal__content {
    border-radius: 12px;
}

.contacts-modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 32px;
    padding: 40px;
    width: 440px;
}

.contacts-modal__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1666666667;
    color: #0E0E0E;
}

.contacts-modal__main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}

.contacts-modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.contacts-modal__list input {
    border-color: #e1e1e3;
}

.contacts-modal__list textarea {
    background-color: #f5f5f7;
}

.contacts-modal__list .app-input:has(textarea).filled label {
    top: 0;
}

.contacts-modal__list .app-input:has(textarea) label {
    top: 21px;
    background-color: #f5f5f7;
}

.contacts-modal__list textarea {
    padding-top: 12px;
    height: 140px;
}

.contacts-modal__btn {
    width: 100%;
}

.app-input {
    position: relative;
    list-style: none;
}

.app-input.filled label {
    font-size: 12px;
    line-height: 1.3333333333;
    top: 0;
}

.app-input input {
    background-color: #fff;
    height: 48px;
}

.app-input input,
.app-input textarea {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    border: 1px solid #7d7d7d;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.25;
    color: #0E0E0E;
}

.app-input label {
    position: absolute;
    pointer-events: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fff;
    z-index: 1;
    left: 15px;
    top: 50%;
    translate: 0 -50%;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1.25;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.app-btn {
    background-color: #0E0E0E;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.app-btn:hover {
    background-color: #3a3a3c;
}

.app-btn:active {
    background-color: #fff;
    border: 1px solid #0E0E0E;
    color: #0E0E0E;
}

.app-input div.error {
    display: none;
}

.requisites-btn {
    padding: 10px 20px;
    color: #0A53FF;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.requisites-btn.active {
    color: #6E6E6E;
}

.contacts-down {
    opacity: 0;
    display: none;
    overflow: hidden;
    transition: opacity 0.3s ease-out;
}

.contacts-down.show {
    opacity: 1;
    display: flex;
}

.contacts-main__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.requisites-btn.mobile {
    display: none;
}

@media (max-width: 1608px) {
    .contacts-page__upper {
        padding: 40px;
        gap: 40px;
    }

    .contacts-list {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        padding-left: 40px;
    }
}

@media (max-width: 1440px) {
    .contacts-down {
        padding: 32px 40px;
    }

    .contacts-down__wrapper {
        gap: 40px;
    }

    .contacts-down__list {
        gap: 80px;
    }
}

@media (max-width: 1300px) {
    .contacts-list {
        row-gap: 20px;
        padding-left: 40px;
        padding-top: 13px;
        padding-bottom: 13px;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }

    .contacts-down__wrapper {
        gap: 135px;
    }

    .contacts-down__wrapper div strong {
        margin-bottom: 32px;
    }

    .contacts-down__wrapper div p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px;
    }

    .contacts-down__list {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .contacts-page {
        margin-bottom: 80px;
    }

    .contacts-page__wrapper {
        gap: calc(20px + 8 * (100vw - 768px) / 256);
    }

    .contacts-page__content {
        gap: calc(12px + 8 * (100vw - 768px) / 256);
    }

    .contacts-page__upper {
        padding: calc(20px + 20 * (100vw - 768px) / 256);
        gap: calc(28px + 12 * (100vw - 768px) / 256);
    }

    .contacts-main {
        gap: calc(28px + 4 * (100vw - 768px) / 256);
    }

    .contacts-main__header {
        gap: calc(8px + 4 * (100vw - 768px) / 256);
    }

    .contacts-main__header span {
        gap: calc(14px + 2 * (100vw - 768px) / 256);
    }

    .contacts-main__link {
        font-size: calc(24px + 12 * (100vw - 768px) / 256);
    }

    .contacts-main__main ul {
        gap: calc(8px + 8 * (100vw - 768px) / 256);
    }

    .contacts-main__footer a {
        height: calc(40px + 8 * (100vw - 768px) / 256);
        font-size: calc(14px + 2 * (100vw - 768px) / 256);
        padding: 0 calc(20px + 20 * (100vw - 768px) / 256);
    }

    .contacts-list {
        -webkit-column-gap: calc(32px + 8 * (100vw - 768px) / 256);
        -moz-column-gap: calc(32px + 8 * (100vw - 768px) / 256);
        column-gap: calc(32px + 8 * (100vw - 768px) / 256);
        row-gap: 20px;
        padding-left: calc(28px + 12 * (100vw - 768px) / 256);
    }

    .contacts-list__item h5 {
        font-size: calc(12px + 4 * (100vw - 768px) / 256);
    }

    .contacts-list__item a {
        font-size: calc(14px + 6 * (100vw - 768px) / 256);
    }
}

@media (max-width: 992px) {
    .contacts-down {
        padding: 20px;
    }

    .contacts-down__wrapper div {
        gap: 4px;
    }

    .contacts-down__wrapper div strong {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .contacts-down__wrapper div span {
        font-size: 12px;
        line-height: 1.3333333333;
    }

    .contacts-down__wrapper div p span {
        font-size: 14px;
        line-height: 1.4285714286;
    }

    .contacts-down__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .contacts-down__list li {
        gap: 4px;
    }

    .contacts-down__item span {
        font-size: 12px;
        line-height: 1.3333333333;
    }

    .contacts-down__item p,
    .contacts-down__item a {
        font-size: 14px;
        line-height: 1.4285714286;
    }
}

@media (max-width: 768px) {
    .h0 {
        font-size: 24px;
    }

    .contacts-page__wrapper {
        gap: 20px;
    }

    .contacts-page__content {
        gap: 12px;
    }

    .contacts-page__upper {
        padding: 20px;
        gap: 28px;
    }

    .contacts-main {
        gap: 28px;
    }

    .contacts-main__header {
        gap: 8px;
    }

    .contacts-main__header span {
        gap: 14px;
    }

    .contacts-main__link {
        font-size: 24px;
    }

    .contacts-main__main ul {
        gap: 8px;
    }

    .contacts-main__footer a {
        height: 40px;
        font-size: 14px;
        padding: 0 20px;
    }

    .contacts-list {
        width: 100%;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
        row-gap: 20px;
        padding-left: 28px;
    }

    .contacts-list__item h5 {
        font-size: 12px;
    }

    .contacts-list__item a {
        font-size: 14px;
    }

    .contacts-modal__wrapper {
        height: 100%;
        width: 100%;
        padding-top: 44px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 46px;
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 40px;
    }

    .contacts-modal__main {
        height: 100%;
    }

    .contacts-modal__title {
        font-size: 20px;
    }

    .contacts-modal__list {
        gap: 12px;
    }

    .app-input.filled label {
        font-size: 10px;
        line-height: 1.3333333333;
    }

    .app-input label {
        font-size: 12px;
        line-height: 1.3333333333;
    }

    .app-input input {
        height: 40px;
    }

    .app-input input,
    .app-input textarea {
        font-size: 14px;
        line-height: 1.4285714286;
    }

    .app-input label {
        font-size: 14px;
        line-height: 1.4285714286;
    }
}

@media (max-width: 760px) {
    .contacts-page__upper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 28px;
    }

    .contacts-main {
        width: 100%;
    }

    .contacts-main ul {
        gap: 8px;
    }

    .contacts-main ul span {
        font-size: 14px;
    }

    .contacts-main__footer a {
        width: 100%;
    }

    .contacts-main__main ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contacts-list {
        padding: 0;
        padding-left: 0;
        padding-top: 28px;
        border-left: 0;
        border-top: 1px solid #e1e1e3;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .contacts-list__item {
        gap: 4px;
    }
}

@media (max-width: 650px) {
    .contacts-page {
        margin-bottom: 42px;
    }

    .contacts-down {
        padding: 20px 13px;
    }

    .contacts-down__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 28px;
    }

    .contacts-down__wrapper div strong {
        margin-bottom: 8px;
    }
}

@media (max-width: 568px) {
    .contacts-modal__wrapper {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 20px;
        padding-bottom: 42px;
    }

    .requisites-btn.desktop {
        display: none !important;
    }

    .requisites-btn.mobile {
        display: flex;
    }
}

@media (hover: hover) {
    .contacts-main__link:hover {
        border-color: #0E0E0E;
        color: #0E0E0E;
    }
}


:root {
    --blue-color: #2A65C5;
    --tg-color: #27A6E5;
    --vk-color: #0077FF;
    --wa-color: #48C95F;
    --black-color: #0E0E0E;
    --dark-color: #3A3A3C;
    --gray-color: #F5F5F7;
    --gray-light-color: #7D7D7D;
    --gray-lighter-color: #D7D7D7;
    --silver-color: #E1E1E3;
    --white-color: #fff;
}

.container {
    width: 100%;
    max-width: 1660px;
    padding: 0 46px;

    margin: 0 auto;
}

.go-back-wrapper {
    position: relative;
    width: 100%;
    padding: 48px 0px 18px;
}

.go-back-wrapper a {
    color: var(--blue-color);
    display: flex;
    align-items: center;
}

.go-back-wrapper a span {
    margin-left: 14px;
}

.go-back-wrapper a svg {
    transform: rotateY(180deg);
}

.btn_dark {
    display: flex;
    padding: 8px 16px;
    color: var(--black-color);
    background-color: var(--gray-color);
    border-radius: 8px;
}

.btn_dark:hover, .btn_dark.active {
    background-color: var(--black-color);
    color: var(--white-color);
}

.tabs-wrapper {
    position: relative;
    display: flex;
    column-gap: 6px;
}

/* -- Promo / Actions / News ------------------------------------------------ */
.promos {
    margin-bottom: 120px;
}

.promos__cards {
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
}

.promos__card {
    overflow: hidden;
    border-radius: 12px;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.promos__card:hover {
    -webkit-box-shadow: 0px 8px 10px 0px rgba(195, 195, 195, 0.2), 0px -11px 30px 0px rgba(195, 195, 195, 0.12), 0px 16px 24px 0px rgba(195, 195, 195, 0.14);
    box-shadow: 0px 8px 10px 0px rgba(195, 195, 195, 0.2), 0px -11px 30px 0px rgba(195, 195, 195, 0.12), 0px 16px 24px 0px rgba(195, 195, 195, 0.14);
}

.promos__card:hover .promos__card-img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.promos__card.done {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.promos__card.done .promos__card-imglink,
.promos__card.done .promos__card-namelink {
    pointer-events: none;
}

.promos__card.done .promos__card-img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.promos__card.done .promo-date {
    color: #999999;
}

.promos__card.done .promos__card-name {
    font-size: 16px;
    color: var(--gray-light-color);
}

.promos__card.done .promos__card-descr {
    color: var(--gray-light-color);
}

.promos__card-imgbox {
    overflow: hidden;
    border-radius: 12px;
}

.promos__card-img {
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}

.promos__card-imglink > img.promos__card-img {
    width: 100%;
}

.promos__card-info {
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px 0;
}

.promos__card-namelink {
    margin-bottom: 8px;
    display: inline-block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.promos__card-name {
    font-weight: 600;
    letter-spacing: -0.2px;
    font-size: 14px;
    margin-bottom: 0px;
}

.promos__card-descr {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    font-size: 14px;
    line-height: 20px;
}

.promos__card-tag {
    color: var(--blue-color);
    font-size: 14px;
    margin-right: 8px;
}

.promo-date {
    font-size: 14px;
    color: var(--gray-light-color);
    letter-spacing: -0.4px;
}

.onepromo {
    margin-bottom: 120px;
}

.promo-detalis {
    margin-bottom: 120px;
    position: relative;
}

.promo-detalis .news-list_short-wrapper {
    margin-top: 120px;
}

.promo-detalis.done .promo-date {
    color: #999999;
}

.promo-detalis__info {
    margin-top: 32px;
}

.promo-detalis__date {
    margin-bottom: 16px;
}

.promo-detalis__box {
    margin-bottom: 32px;
}

.promo-detalis__box:last-child {
    margin-bottom: 0;
}

.promo-detalis__title {
    margin-bottom: 20px;
}

.promo-detalis__item {
    margin-bottom: 16px;
    padding-left: 16px;
    position: relative;
}

.promo-detalis__item::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0E0E0E;
    top: 5px;
    left: 1px;
}

.promo-detalis__item:last-child {
    margin-bottom: 0;
}

.promo-detalis__headline {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.promo-detalis__img {
    position: relative;
    min-height: 420px;
    border-radius: 20px;
    background-color: var(--black-color);
    overflow: hidden;
}

.promo-detalis__img img {
    object-fit: cover;
}

.promo-detalis__img picture {
    position: relative;
    z-index: 10;
}

.news-detail-info {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 128px;
    z-index: 15;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 734px;
}

.news-detail-info .news-type {
    font-size: 14px;
}

.news-detail-info h1 {
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    margin: 24px 0px;
}

.deatil-news-more {
    display: flex;
    column-gap: 16px;
}

.deatil-news-more .promos__card-shows {
    margin-left: 0px;
    color: var(--white-color);
    line-height: 20px;
}

.deatil-news-more .promos__card-shows svg {
    position: relative;
    top: 2px;
}

.deatil-news-more .promos__card-shows svg path {
    fill: var(--white-color);
}

.deatil-news-more .promos__card-shows::before {
    display: none;
}

.promo-detalis__wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

.promo-detalis__wrapper .promo-detalis__text {
    width: 66.45%;
    overflow-x: hidden;
}

.promo-detalis__sidebar {
    width: 240px;
}

.promo-detalis__wrapper .sticky-block {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}

.promo-detalis__next-page {
    font-size: 16px;
    line-height: 20px;
    color: var(--black-color);
    border: 2px solid var(--black-color);
    border-radius: 8px;
    padding: 14px 25px;
    text-align: center;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.promo-detalis__next-page:hover {
    border-color: var(--dark-color);
    background-color: var(--silver-color);
    color: var(--black-color);
}

.promo-detalis__next-page span {
    margin-right: 18px;
}

.share-block {
    margin-top: 32px;
}

.share-block ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    column-gap: 16px;
}

.share-block ul li {
    border-radius: 50px;
    border: 1px solid var(--gray-lighter-color);
    transition: .3s all ease;
}

.share-block ul li.vk-icon:hover {
    border-color: var(--vk-color);
    background-color: var(--vk-color);
}

.share-block ul li.tg-icon:hover {
    border-color: var(--tg-color);
    background-color: var(--tg-color);
}

.share-block ul li.wa-icon:hover {
    border-color: var(--wa-color);
    background-color: var(--wa-color);
}

.share-block ul li.link-icon:hover {
    background-color: var(--gray-lighter-color);
}

.share-block ul li:hover svg path {
    fill: var(--white-color);
}

.share-block ul li.link-icon:hover svg path {
    fill: var(--black-color);
}

.share-block ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-block p {
    font-size: 20px;
    line-heignt: 24px;
    margin-bottom: 16px;
}

.news-detail-info .promos__card-date {
    font-size: 14px;
    line-height: 20px;
}

.news-main-block-wrapper {
    margin-bottom: 120px;
}

.news-main-block-list {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.news-main-block {
    display: grid;
    gap: 40px 1.7%;
    grid-template-columns: repeat(5, 1fr);
}

.news-main-block .promos__card:first-child {
    grid-column-start: span 3;
}

.news-main-block .promos__card:nth-child(2) {
    grid-column-start: span 2;
}

.news-main-block .promos__card-imgbox {
    height: 155px;
}

.news-main-block .promos__card-img {
    max-width: none;
    /*margin-left: 80px;*/
    /*left: -50%;*/
    position: relative;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.news-main-block .promos__card:first-child .promos__card-imgbox,
.news-main-block .promos__card:nth-child(2) .promos__card-imgbox {
    height: 404px;
    position: relative;
}

.news-main-block .promos__card:first-child img,
.news-main-block .promos__card:nth-child(2) img {
    height: 404px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    position: absolute;
    width: 100%;
}

.promos__card-wrapper {
    display: flex;
    flex-direction: row;
}

.promos__card-shows {
    margin-left: auto;
    font-size: 14px;
    color: var(--gray-light-color);
    position: relative;
}

.promos__card-shows::before {
    content: "";
    background: transparent url('../img/icons/eye.svg');
    position: absolute;
    top: 2px;
    left: -23px;
    width: 19px;
    height: 13px;
}

.show-all-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

.show-all-wrapper a {
    color: var(--blue-color);
    margin-right: 22px;
}

.show-all-wrapper a > span {
    margin-right: 14px;
}

.news-list_short-wrapper {
    margin-top: 95px;
    position: relative;
}

.news-list_short-wrapper .show-all-wrapper {
    justify-content: space-between;
    align-items: baseline;
}

.news-list_short-wrapper .swiper-wrapper {
    align-items: stretch;
}

.news-list_short-wrapper .swiper-slide {
    height: auto;
}

.news-list_short-wrapper .swiper {
    padding: 0px 15px 25px 15px;
    margin-left: -15px;
    margin-right: -15px;
}

.news-list-wrapper {
    margin-top: 60px;
}

.news-list_short-wrapper .popular-slider__arrow_prev {
    left: -17px;
}

.news-list_short-wrapper .popular-slider__arrow_next {
    right: -19px;
}

.news-list-section {
    padding-bottom: 120px;
}

.show-1440 {
    display: none;
}

.news-main-block-wrapper .show-all-wrapper {
    margin-top: 40px;
}

@media (max-width: 1440px) {
    .news-main-block .promos__card-imgbox {
        height: auto;
    }

    .news-main-block .promos__card .promos__card-img,
    .news-main-block .promos__card .promos__card-img {
        left: 0px;
        max-width: 100%;
        margin: 0px;
    }

    .promo-detalis__img {
        min-height: 320px;
    }

    .news-detail-info {
        margin-left: 60px;
    }
}

@media (max-width: 1439px) {
    .show-1440 {
        display: block;
    }

    .hide-1440 {
        display: none;
    }

    .news-main-block {
        grid-template-columns: repeat(3, 1fr);
    }

    .news-main-block .promos__card:nth-child(2) {
        grid-column-start: 1;
    }

    .news-main-block .promos__card:first-child img {
        width: 100%;
        height: auto;
    }

    .news-main-block .promos__card:nth-child(2) img {
        height: auto;
    }

    .news-list-wrapper {
        margin-top: 40px;
    }

    .news-main-block .promos__card:first-child .promos__card-imgbox,
    .news-main-block .promos__card:nth-child(2) .promos__card-imgbox {
        height: auto;
    }

    .news-main-block .promos__card:first-child img,
    .news-main-block .promos__card:nth-child(2) img {
        position: relative;
        left: 0px;
        top: 0px;
        transform: none;
    }
}

@media (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }

    .promo-detalis__img {
        margin-left: -20px;
        width: calc(100% + 40px);
        min-height: 300px;
        border-radius: 0px;
    }

    .news-main-block-wrapper {
        margin-bottom: 80px;
    }

    .news-list-wrapper {
        margin-top: 20px;
    }

    .promo-detalis__wrapper {
        flex-direction: column;
    }

    .promo-detalis__wrapper .sticky-block {
        position: relative;
        top: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .promo-detalis__wrapper .promo-detalis__text {
        width: 100%;
    }

    .promo-detalis__wrapper .promo-detalis__sidebar {
        width: 100%;
        padding-top: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .promo-detalis__sidebar .share-block {
        display: flex;
        align-items: center;
        column-gap: 20px;
        margin-top: 20px;
        justify-content: center;
    }

    .promo-detalis__sidebar .share-block p {
        margin-bottom: 0px;
    }

    .news-detail-info h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .news-detail-info {
        width: auto;
        left: 0px;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    .go-back-wrapper {
        padding-top: 28px;
    }

    .onepromo {
        margin-bottom: 80px;
    }

    .news-list-section {
        padding-bottom: 80px;
    }

    .promos {
        margin-bottom: 80px;
    }

    .promos__cards {
        margin-bottom: 50px;
        gap: 40px 20px;
    }

    .promos__card {
        border-radius: 0;
    }

    .promos__card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .promos__card-info {
        padding: 8px 0 0;
        gap: 8px 0;
    }

    .promos__card-namelink {
        margin-bottom: 2px;
    }

    .promos__card-name {
        font-size: 14px;
    }

    .promos__card-descr {
        font-size: 12px;
        line-height: 16px;
    }

    .promo-date, .promos__card-tag, .promos__card-shows {
        font-size: 10px;
        line-height: 14px;
    }

    .promo-detalis {
        margin-bottom: 40px;
    }

    .promo-detalis__info {
        margin-top: 20px;
    }

    .promo-detalis__date {
        font-size: 12px;
    }

    .promo-detalis__title {
        margin-bottom: 12px;
    }

    .promo-detalis__item {
        margin-bottom: 9px;
        font-size: 14px;
        line-height: 20px;
    }

    .promo-detalis__item::before {
        top: 6px;
    }

    .promo-detalis__headline {
        margin-bottom: 12px;
        font-size: 16px;
    }

    .promo-detalis__img {
        width: calc(100% + 40px);
        min-height: 230px;
    }

    .onepromo .page-title {
        margin-bottom: 16px;
    }

    .news-main-block .promos__card:first-child img {
        height: auto;
    }

    .promos__card-shows::before {
        background: transparent url('../img/icons/eye-small.svg');
        top: 1px;
        left: -18px;
        width: 15px;
        height: 10px;
    }

    .show-all-wrapper a {
        font-size: 14px;
    }

    .promo-detalis__wrapper .promo-detalis__sidebar {
        align-items: normal;
    }

    .promo-detalis__next-page {
        justify-content: center;
    }

    .promo-detalis__sidebar .share-block {
        align-self: center;
    }

    .promo-detalis__wrapper {
        margin-top: 16px;
    }

    .promo-detalis__wrapper .sticky-block {
        display: block;
    }
}

@media (max-width: 767px) {
    .news-main-block {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-main-block .promos__card:first-child {
        grid-column-start: span 2;
    }

    .news-list_short-wrapper {
        margin-top: 42px;
    }

    .show-all-wrapper a {
        margin-right: 0px;
    }

    .show-all-wrapper a span {
        display: none;
    }
}

@media (max-width: 500px) {
    .container {
        padding: 0 12px;
    }

    .promos {
        margin-bottom: 40px;
    }

    .onepromo {
        margin-bottom: 40px;
    }

    .promos__cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .promo-detalis__img {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .promo-detalis img {
        width: 100%;
    }
}

@media (max-width: 376px) {

}

/* -- \Promo / Actions / News ----------------------------------------------- */
@media screen and (max-width: 1023px) {
    .catalog .catalog-filter .bx-filter-section form .bx-filter-button-box .bx-filter-parameters-box-container .btn-reset {
        display: none !important;
    }
}

.bx-filter-block__show_item_full .bx-filter-parameters-box-container {
    max-height: inherit !important;
}

/*

.bx-filter-block:not(.bx-filter-block__show_item_full) .checkbox.disabled{
    display: none !important;
}
.bx-filter-block.bx-filter-block__show_item_full .checkbox.disabled{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
*/
/*
.catalog-filter .bx-filter .checkbox .bx-filter-param-label.disabled{
    display: none !important;
}
*/
.bx-filter-parameters-box.disabled {
    display: none !important;

}


@charset "UTF-8";
:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --scrollMenu: 0;
    --headH: 96px;
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: 2s linear infinite f-spinner-rotate;
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none;
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1);
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: 2s ease-in-out infinite f-spinner-dash;
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.f-zoomInUp {
    animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    animation: 0.2s ease-out both f-zoomOutDown;
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

.f-throwOutUp {
    animation: 175ms ease-out both f-throwOutUp;
}

.f-throwOutDown {
    animation: 175ms ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0;
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0;
    }
}

.f-fadeIn {
    z-index: 2;
    animation: 0.2s both f-fadeIn-mob;
}

.f-fadeOut {
    animation: 0.2s both f-fadeOut-mob;
}

button,
a,
img {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

a:focus,
button:focus,
img:focus,
a:active,
button:active,
img:active {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

.with-fancybox body {
    overflow: hidden;
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeIn-mob {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeOut-mob {
    100% {
        transform: translateY(100%);
    }
}

.f-fadeSlowIn {
    animation: 0.5s both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    animation: 0.5s both f-fadeSlowOut;
    z-index: 1;
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

.f-fadeFastIn {
    animation: 0.2s ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    animation: 0.2s ease-out both f-fadeFastOut;
    z-index: 2;
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

.f-crossfadeIn {
    animation: 0.2s ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    animation: 0.1s linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

.f-slideIn.from-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%);
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%);
    }
}

.f-classicIn.from-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0;
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0;
    }
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
    outline: 0;
}

.f-button:focus-visible {
    outline: 0;
    /* -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) */
    box-shadow: none !important;
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.f-button[disabled] {
    cursor: default;
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg);
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(0, 0, 0, 0.15);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: 1050;
    outline: 0;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
    --fancybox-bg: rgba(17, 24, 28, 0.8);
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    box-sizing: inherit;
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
}

.fancybox__viewport {
    width: 100%;
    height: 100%;
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%;
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
    overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible;
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto;
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
}

.is-loading .fancybox__content {
    opacity: 0;
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out;
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    filter: blur(0);
    will-change: transform, width, height;
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 4px 11px 0 rgba(22, 51, 85, 0.4);
    border-radius: 5px;
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden;
}

.is-compact .fancybox__caption {
    padding-bottom: 0;
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    opacity: 1;
}

.is-loading .fancybox__content > .f-button.is-close-btn,
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: 0.25s;
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
}

.is-idle .fancybox__nav {
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > :not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > :not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false] > :not(.fancybox__backdrop, .fancybox__carousel) {
    animation: 0.25s 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: 0.35s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > :not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > :not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true] > :not(.fancybox__backdrop, .fancybox__carousel) {
    animation: 0.15s forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: 0.35s forwards f-fadeOut;
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
}

.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
}

.f-thumbs .f-spinner svg {
    display: none;
}

.f-thumbs.is-vertical {
    height: 100%;
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.f-thumbs__track {
    display: flex;
    will-change: transform;
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
}

.f-thumbs__slide.is-loading img {
    opacity: 0;
}

.is-classic .f-thumbs__viewport {
    height: 100%;
}

.is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content;
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0) * 1px);
    width: calc(100% - var(--width, 0) * 1px);
    cursor: pointer;
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(
            0 calc(
                    (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 *
                    (1 - var(--progress, 0))
            ) round var(--f-thumb-border-radius, 0)
    );
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}

.is-modern .f-thumbs__slide > * {
    clip-path: var(--clip-path);
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none;
}

.is-modern.is-resting .f-thumbs__slide,
.is-modern.is-resting .f-thumbs__slide > * {
    transition: 0.33s;
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity 0.2s;
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0;
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: 0.2s ease-out f-fadeIn;
    z-index: 10;
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-hidden {
    max-height: 0 !important;
}

.is-closing .fancybox__thumbs {
    transition: none !important;
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20;
}

.fancybox__toolbar :focus-visible {
    z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.fancybox__infobar span {
    padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
    position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex;
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
    overflow: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

@media screen and (max-width: 1599px) {
    .swiper-button-next,
    .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 50%);
    }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-lock {
    display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    z-index: 3;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    margin: 0 auto;
    height: inherit;
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
}

.slick-track {
    opacity: 0;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/inter/Inter-ThinBETA.woff) format("woff"), url(../fonts/inter/Inter-ThinBETA.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/inter/Inter-ExtraLightBETA.woff) format("woff"), url(../fonts/inter/Inter-ExtraLightBETA.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/inter/Inter-LightBETA.woff) format("woff"), url(../fonts/inter/Inter-LightBETA.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter/Inter-Regular.woff) format("woff"), url(../fonts/inter/Inter-Regular.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/inter/Inter-Medium.woff) format("woff"), url(../fonts/inter/Inter-Medium.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/inter/Inter-SemiBold.woff) format("woff"), url(../fonts/inter/Inter-SemiBold.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/inter/Inter-Bold.woff) format("woff"), url(../fonts/inter/Inter-Bold.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/inter/Inter-ExtraBold.woff) format("woff"), url(../fonts/inter/Inter-ExtraBold.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/inter/Inter-Black.woff) format("woff"), url(../fonts/inter/Inter-Black.woff2) format("woff2");
}

* {
    outline: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

:after,
:before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.2;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: Inter;
    background-color: #fff;
    color: #0E0E0E;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - (var(--headH)));
}

body._fixed {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

footer,
main {
    position: relative;
}

.page {
    flex: 1 0 auto;
}

a {
    background-color: transparent;
    color: #0E0E0E;
    transition: 0.3s ease-out;
    text-decoration: none;
}

b,
strong {
    font-weight: 700;
}

label {
    cursor: pointer;
    display: block;
}

button {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

button:focus {
    outline: 0;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}

button,
select {
    text-transform: none;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

.w-16 {
    width: 16.6666%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33.3333%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-66 {
    width: 66.6666%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-100 {
    width: 100%;
}

.flex {
    display: flex;
}

.flex--row {
    flex-direction: row;
}

.flex--reverse {
    flex-direction: row-reverse;
}

.flex--column {
    flex-direction: column;
}

.flex--j-between {
    justify-content: space-between;
}

.flex--j-around {
    justify-content: space-around;
}

.flex--j-center {
    justify-content: center;
}

.flex--j-start {
    justify-content: flex-start;
}

.flex--j-end {
    justify-content: flex-end;
}

.flex--center {
    justify-content: center;
}

.flex--a-center {
    align-items: center;
}

.flex--a-stretch {
    align-items: stretch;
}

.flex--a-start {
    align-items: flex-start;
}

.flex--a-end {
    align-items: flex-end;
}

.flex--wrap {
    flex-wrap: wrap;
}

.hidden,
[hidden] {
    display: none;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1340px;
    padding: 0 20px;
}

.blockScroll {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--top);
}

a:hover {
    text-decoration: none;
    color: #2a65c5;
}

@media screen and (max-width: 767px) {
    a:hover {
        color: #0E0E0E;
    }
}

a svg {
    transition: ease-out;
}

.button {
    display: inline-flex;
    height: 48px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 16px;
    background: #0E0E0E;
    color: #fff;
    border: none;
    box-sizing: border-box;
}

.button:hover {
    background-color: #2c2c2c;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .button:hover {
        background-color: #0E0E0E;
    }
}

.button__border {
    background: 0 0;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.button__border:hover {
    border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
    .button__border:hover {
        border-color: #0E0E0E;
    }
}

.button__border._disabled,
.button__border:disabled {
    border-color: #999;
    pointer-events: none;
}

.button__border-lighten {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff;
}

.button__border-lighten:hover {
    border-color: #fff;
}

.button__border-lighten._disabled,
.button__border-lighten:disabled {
    border-color: #999;
    pointer-events: none;
}

.button__font-small {
    font-size: 12px;
}

.button__gray {
    background: #eeeef0;
    color: #0E0E0E;
}

.button__gray:hover {
    color: #0E0E0E;
    background: #e4e4e6;
}

.button__gray-light {
    background: #f5f5f7;
    color: #0E0E0E;
}

.button__gray-light:hover {
    color: #0E0E0E;
    background: #e4e4e6;
}

.button__height-s {
    height: 40px;
}

.button__height-m {
    height: 42px;
}

.button__full {
    width: 100%;
}

.button._disabled,
.button:disabled {
    background-color: #d7d7d7;
    pointer-events: none;
}

.wrapper {
    /*max-width: 1606px;*/
    max-width: 1660px;
    padding: 0 46px;
    margin: 0 auto;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

input {
    font-family: Inter;
}

.input-text {
    width: 100%;
    height: 44px;
    padding: 4px 16px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #eeeef0;
    background: #eeeef0;
    transition: border-color 0.3s, background-color 0.3s;
}

.input-text.error {
    border-color: #c74031;
}

.input-text.error ~ .input-text__label-text {
    color: #c74031;
}

.input-text_sl {
    height: 48px;
}

.input-text_ss {
    height: 38px;
    font-size: 14px;
}

.input-text.input-text-val {
    background: #fff;
    border-color: #0E0E0E;
}

.input-text.input-text-val ~ .input-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.input-text:hover {
    border-color: #999;
}

.input-text:focus {
    border-color: #0E0E0E;
    background: #fff;
}

.input-text:focus ~ .input-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.input-text::-moz-placeholder {
    opacity: 1;
    color: #999;
}

.input-text::placeholder {
    opacity: 1;
    color: #999;
}

.input-text:focus::-moz-placeholder {
    opacity: 0;
}

.input-text:focus::placeholder {
    opacity: 0;
}

.input-text_type-2 {
    border: 1px solid #e1e1e3;
    background: #f5f5f7;
}

.input-text__label {
    position: relative;
    margin-bottom: 24px;
}

.input-text__label div.error {
    color: #c74031;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    padding-left: 24px;
}

.input-text__label div.error:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/icon/error.svg) 50% 50% no-repeat;
    top: -1px;
    left: 0;
}

.input-text__label-text {
    position: absolute;
    pointer-events: none;
    color: #7d7d7d;
    top: 15px;
    left: 20px;
    pointer-events: none;
    transition: 0.3s;
}

.input-text__label-text span {
    color: #2a65c5;
}

.textarea-text {
    width: 100%;
    height: 145px;
    padding: 14px 19px;
    color: #000;
    border-radius: 8px;
    border: 1px solid #eeeef0;
    background: #eeeef0;
    transition: border-color 0.3s, background-color 0.3s;
    resize: none;
}

.textarea-text_type-2 {
    border: 1px solid #e1e1e3;
    background: #f5f5f7;
}

.textarea-text.error {
    border-color: #c74031;
}

.textarea-text.error ~ .input-text__label-text {
    color: #c74031;
}

.textarea-text.textarea-text-val {
    background: #fff;
    border-color: #0E0E0E;
}

.textarea-text.textarea-text-val ~ .textarea-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.textarea-text:hover {
    border-color: #999;
}

.textarea-text:focus {
    border-color: #0E0E0E;
    background: #fff;
}

.textarea-text:focus ~ .textarea-text__label-text {
    font-size: 12px;
    top: -9px;
    left: 15px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 44px;
}

.textarea-text::-moz-placeholder {
    opacity: 1;
    color: #999;
}

.textarea-text::placeholder {
    opacity: 1;
    color: #999;
}

.textarea-text:focus::-moz-placeholder {
    opacity: 0;
}

.textarea-text:focus::placeholder {
    opacity: 0;
}

.textarea-text__label {
    position: relative;
    margin-bottom: 24px;
}

.textarea-text__label div.error {
    color: #c74031;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    padding-left: 24px;
}

.textarea-text__label div.error:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/icon/error.svg) 50% 50% no-repeat;
    top: -1px;
    left: 0;
}

.textarea-text__label-text {
    position: absolute;
    pointer-events: none;
    color: #7d7d7d;
    top: 15px;
    left: 20px;
    pointer-events: none;
    transition: 0.3s;
}

.textarea-text__label-text span {
    color: #2a65c5;
}

.h1,
h1 {
    color: #0E0E0E;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 700;
    margin-top: 8px;
}

.h1 sup,
h1 sup {
    color: #7d7d7d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.h2,
h2 {
    color: #0E0E0E;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 16px;
}

._center {
    text-align: center;
}

.form-desc {
    text-align: center;
    color: #7d7d7d;
    font-size: 14px;
}

.form-desc a {
    color: #2a65c5;
}

.form-desc a:hover {
    color: #0E0E0E;
}

.form-button {
    margin-bottom: 24px;
}

.head-hide .menu-footer,
.head-hide-fix .menu-footer {
    display: none;
}

.ballon {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%);
    width: 330px;
    padding: 16px;
    border-radius: 8px;
    background: var(--WHITE, #fff);
    box-shadow: 0 24px 38px 0 rgba(111, 113, 114, 0.14), 0 9px 46px 0 rgba(111, 113, 114, 0.12), 0 11px 15px 0 rgba(111, 113, 114, 0.2);
}

.baloon-inOrder {
    background: white;
    padding: 0.2rem 0.4rem;
    border-radius: 6px;
    border: 0.7px solid #999;
    white-space: nowrap;
    font-size: 12px;
    color: #000;
    margin-bottom: 3px;
    width: 75px;
}

@media screen and (max-width: 384px) {
    .ballon {
        width: 240px;
        padding: 14px 12px;
    }

    .availability__address,
    .availability__time-work {
        font-size: 12px;
    }

    .ballon .availability__sum {
        position: static;
        align-items: end;
    }
}

.ballon p:not([class]) {
    display: none;
}

.ballon:before {
    content: "";
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-21px);
    border: 22px solid transparent;
    border-bottom-color: #fff;
}

.ballon .availability__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.ballon .availability__sum {
    display: flex;
    box-sizing: border-box;
    margin-bottom: 4px;
}

.ballon .availability__button {
    display: none;
    margin-top: 20px;
}

.ballon .availability__info {
    flex-flow: column;
    align-items: flex-start;
    width: auto;
    gap: 4px;
    flex: 1;
}

.ballon .availability__time {
    width: 100%;
    font-size: 12px;
}

.availability-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    height: 100%;
}

.availability-tabs__links {
    display: none;
    list-style: none;
    width: 100%;
}

.availability-tabs__links li {
    width: 50%;
}

.availability-tabs__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    color: #7d7d7d;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-bottom: 2px solid #e1e1e3;
}

.availability-tabs__link._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
}

.availability-tabs__box_map {
    width: calc(100% - 300px);
}

.availability-tabs__box_list-box {
    max-height: 100%;
    overflow: auto;
    width: 288px;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

.availability-tabs__box_list-box::-webkit-scrollbar {
    width: 4px;
}

.availability-tabs__box_list-box::-webkit-scrollbar-track {
    background: 0 0;
}

.availability-tabs__box_list-box::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.availability__list {
    list-style: none;
    padding-right: 8px;
}

.availability__li {
    position: relative;
    border-radius: 8px;
    border: 1px solid transparent;
    background: url(../img/icon/modal-point.svg) 8px 12px no-repeat;
    padding: 12px 12px 12px 40px;
    cursor: pointer;
    line-height: 20px;
    transition: border-color 0.3s, background-color 0.3s;
}

.availability__li:hover {
    background-color: #f5f5f7;
}

.availability__li_active {
    border-color: #0E0E0E;
    background-color: #fff;
    cursor: default;
    pointer-events: none;
}

.availability__address {
    margin-bottom: 8px;
}

.availability__time-work {
    font-size: 14px;
    color: #999;
    margin-bottom: 4px;
}

.availability__time {
    font-size: 14px;
}

.availability__list-box {
    max-height: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

.availability__list-box::-webkit-scrollbar {
    width: 4px;
}

.availability__list-box::-webkit-scrollbar-track {
    background: 0 0;
}

.availability__list-box::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.availability__maps {
    position: relative;
    width: 100%;
    height: 100%;
}

.availability__sum {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
}

.availability__sum span {
    color: #7d7d7d;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.availability__sum-dotted {
    display: flex;
    padding: 1.5px 2.5px;
    gap: 2px;
    width: 40px;
    height: 14px;
    border-radius: 24px;
    border: 0.5px solid #e1e1e3;
    background: #f5f5f7;
    margin-bottom: 2px;
}

.availability__sum-dotted i {
    display: inline-block;
    background: #0E0E0E;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.availability__button {
    display: none;
}

.availability__button-bt {
    height: 40px;
    font-size: 14px;
}

.availability__button-box {
    display: none;
    padding: 12px 0;
    border-top: 0.5px solid #e1e1e3;
}

.banner {
    width: 100%;
    margin-top: 28px;
}

.banner img {
    width: 100%;
}

.basket-complect {
    margin: 20px 0 0;
}

.basket-complect__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
}

.basket-complect__head-title {
    display: flex;
    flex-flow: column;
}

.basket-complect__head-check {
    margin-bottom: 8px;
}

.basket-complect__head-check .checkbox__text {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.basket-complect__benefit {
    display: inline-block;
    color: #3c82ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 46px;
    border: 1px solid #5aa0f5;
    background: #fff;
    padding: 4px 12px;
}

.basket-complect__price {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    margin-top: 4px;
}

.basket-complect__price p {
    margin-bottom: 8px;
}

.basket-complect__remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #999;
}

.basket-complect__remove:hover {
    color: #0E0E0E;
}

.basket-complect__remove * {
    pointer-events: none;
}

.basket-complect .basket__order {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 8px;
    width: calc(100% - 32px);
    margin-left: 32px;
}

.basket-complect .basket__item:not(:last-child) {
    border-bottom: none;
    padding: 0;
    margin-bottom: 32px;
}

.basket-empty {
    margin: 120px 0;
    text-align: center;
}

.basket-empty__wrapper {
    max-width: 869px;
    padding: 0 46px;
    margin: 0 auto;
}

.basket-empty__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px;
}

.basket-empty__text {
    line-height: 20px;
    margin-bottom: 32px;
}

.basket-empty__bt-box {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.basket-empty__button {
    padding: 0 40px;
}

.basket-menu {
    position: fixed;
    width: 100%;
    height: 65px;
    left: 0;
    bottom: calc(var(--safe-area-inset-bottom, 49px) + 49px);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    padding: 8px 20px;
    border-top: 1px solid #e1e1e3;
    background: #fff;
    z-index: 7;
}

.basket-menu__empty {
    display: none;
    color: #7d7d7d;
    line-height: 20px;
}

.basket-menu__left {
    flex-flow: column;
    gap: 4px;
    display: flex;
}

.basket-menu__price-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket-menu__price {
    font-size: 20px;
    font-weight: 600;
}

.basket-menu__price-old {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through;
}

.basket-menu__sum {
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.basket-menu._hide .basket-menu__empty {
    display: block;
}

.basket-menu._hide .basket-menu__left {
    display: none;
}

.basket-recommendation {
    margin: 8px 0 0 32px;
}

.basket-recommendation._hide {
    display: none;
}

.basket-recommendation__slider {
    width: 100%;
    overflow: hidden;
}

.basket-recommendation__slide {
    display: flex;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    max-width: 330px;
}

.basket-recommendation__slide_all {
    max-width: 80px;
    padding: 0;
    border: none;
}

.basket-recommendation__img {
    width: 64px;
    margin-right: 8px;
}

.basket-recommendation__img img {
    max-width: 100%;
    height: auto;
}

.basket-recommendation__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
    width: calc(100% - 32px);
}

.basket-recommendation__name:hover {
    color: #7d7d7d;
}

.basket-recommendation__price {
    display: flex;
    align-items: center;
    gap: 4px;
}

.basket-recommendation__price p {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.basket-recommendation__price p + p {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

.basket-recommendation__content {
    width: calc(100% - 72px);
}

.basket-recommendation__box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.basket-recommendation__bt {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: 50% 50% no-repeat #0E0E0E;
    border: 1px solid #0E0E0E;
    color: #fff;
}

.basket-recommendation__bt:hover {
    color: #0E0E0E;
    background-color: #fff;
}

.basket-recommendation__bt._active {
    background-color: #fff;
    background-image: url(../img/icon/plus-check.svg);
}

.basket-recommendation__bt._active svg {
    opacity: 0;
}

.basket-recommendation__bt * {
    pointer-events: none;
}

.basket-recommendation__link {
    display: block;
    width: 100%;
    height: 80px;
    padding: 12px 6px;
    border-radius: 12px;
    background: #f5f5f7;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.basket-recommendation__link span {
    display: block;
    width: 100%;
}

.basket-recommendation__link svg {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

.basket-recommendation__link * {
    pointer-events: none;
}

.basket-recommendation__arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.basket-recommendation__arrow:hover {
    border: 1.5px solid #999;
}

.basket-recommendation__arrow.swiper-button-disabled {
    display: none;
}

.basket-recommendation__arrow svg {
    width: 24px;
    height: 24px;
}

.basket-recommendation__arrow:after {
    display: none;
}

.basket-recommendation__arrow_next {
    right: 20px;
}

.basket-recommendation__arrow_prev {
    left: 20px;
}

.basket-recommendation__arrow_prev svg {
    transform: rotate(180deg);
}

.basket-recommendation__ok {
    position: fixed;
    display: inline-flex;
    padding: 24px;
    align-items: center;
    gap: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    z-index: 14;
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    transition: 0.3s, opacity 0.3s;
}

.basket-recommendation__ok img {
    width: 24px;
}

.basket-recommendation__ok_active {
    opacity: 1;
    transform: translateY(0);
}

.basket {
    margin-bottom: 120px;
}

.basket h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin: 40px 0 24px;
}

.basket__checkbox-item {
    height: 80px;
    display: flex;
    align-items: center;
}

.basket__control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e1e1e3;
    width: 100%;
}

.basket__remove * {
    pointer-events: none;
}

.basket__remove-all {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.basket__remove-all:hover {
    color: #0E0E0E;
}

.basket__remove-all svg {
    width: 24px;
    height: 24px;
}

.basket__remove-all span {
    color: #0E0E0E;
}

.basket__remove-all * {
    pointer-events: none;
}

.basket__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 120px;
}

.basket__items {
    display: flex;
    flex-flow: column;
    width: 1100px;
}

.basket__item:not(:nth-last-child(1)) {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__item.basket__item_kit {
    border-bottom-color: transparent;
}

.basket__item.basket__item_kit:not(.basket__item_kit_base) {
    padding-left: 120px;
}

@media screen and (max-width: 767px) {
    .basket__item.basket__item_kit:not(.basket__item_kit_base) {
        padding-left: 0;
    }
}

.basket__checkbox_item_hidden,
.basket__counter_hidden,
.basket__insurance_counter_hidden {
    visibility: hidden;
}

.basket__item_show_full_not {
    display: none !important;
}

.basket__item_not-available .basket__checkbox-item,
.basket__item_not-available .basket__insurance-link,
.basket__item_not-available .basket__recommendation-link {
    opacity: 0;
    visibility: hidden;
}

.basket__item_not-available .basket__photo {
    opacity: 0.4;
}

.basket__item_not-available .basket__name {
    color: #999;
}

.basket__item_not-available .basket__price {
    color: #999;
    margin-bottom: 16px;
}

.basket__item._active .basket__control-mob-bg {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.basket__item._active .basket__control-mob {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.basket__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}

.basket__name {
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.basket__name:hover {
    color: #7d7d7d;
}

.basket__recommendation-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    margin-right: 20px;
}

.basket__recommendation-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

@media screen and (max-width: 767px) {
    .basket__recommendation-link:hover {
        background: none;
    }
}

.basket__recommendation-link * {
    pointer-events: none;
}

.basket__recommendation-link svg {
    transition: transform 0.3s;
}

.basket__recommendation-link._active {
    background: #eeeef0;
    border-color: #eeeef0;
}

.basket__recommendation-link._active svg {
    transform: rotate(180deg);
}

.basket__insurance-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 0;
    white-space: nowrap;
}

.basket__insurance-link svg {
    margin-top: 1px;
    transform: rotate(-90deg);
}

.basket__insurance-link._hide {
    display: none;
}

.basket__order {
    display: grid;
    grid-template-columns: 20px 100px 1fr;
    gap: 8px;
    width: 100%;
}

.basket__counter {
    display: flex;
    align-items: center;
}

.basket__counter-bt {
    display: flex;
    position: relative;
    width: 32px;
    height: 32px;
    color: #0E0E0E;
    border-radius: 8px;
    background: #f5f5f7;
}

.basket__counter-bt:hover {
    color: #0E0E0E;
    background: #e1e1e3;
}

.basket__counter-bt._disabled {
    background: #fafafb;
    color: #e1e1e3;
    pointer-events: none;
}

.basket__counter-bt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 1.5px;
    background: currentColor;
    border-radius: 6px;
}

.basket__counter-bt_plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5px;
    height: 14px;
    background: currentColor;
    border-radius: 6px;
}

.basket__info {
    display: grid;
    grid-template-columns: 1fr 256px;
    gap: 8px;
    padding: 8px 0 8px 8px;
    align-items: flex-start;
}

.basket__counter-text {
    border: none;
    outline: 0;
    width: 40px;
    height: 32px;
    background: #fff;
    text-align: center;
}

.basket__price {
    text-align: right;
    width: 144px;
}

.basket__price p {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.basket__price p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: line-through;
}

.basket__price p:not(:last-of-type) {
    margin-bottom: 4px;
}

.basket__control-bt {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.basket__control-bt i {
    width: 1px;
    height: 24px;
    background: #e1e1e3;
}

.basket__control-bt a {
    width: 24px;
    height: 24px;
    color: #999;
}

.basket__control-bt a:hover {
    color: #0E0E0E;
}

.basket__box {
    display: flex;
    gap: 8px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.basket__box._clone {
    display: none;
}

.basket__desc {
    position: relative;
}

.basket__desc-box {
    display: flex;
}

.basket__price-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket__insurance {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 16px 0 0 144px;
}

.basket__insurance-box {
    font-size: 14px;
    line-height: 16px;
}

.basket__insurance-title {
    font-weight: 600;
    margin-bottom: 8px;
}

.basket__insurance-text {
    font-size: 14px;
}

.basket__insurance-remove {
    width: 24px;
    height: 24px;
    color: #999;
}

.basket__insurance-remove:hover {
    color: #0E0E0E;
}

.basket__insurance-remove * {
    pointer-events: none;
}

.basket__insurance-price {
    font-weight: 600;
    line-height: 20px;
}

.basket__insurance-control {
    display: flex;
    align-items: center;
    gap: 4px;
}

.basket__control-mob-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 25, 27, 0.7);
    z-index: 21;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}

.basket__control-open {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(../img/icon/open-control.svg) 50% 50% no-repeat;
}

.basket__control-mob {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0;
    top: auto;
    border-radius: 12px 12px 0 0;
    background: #fff;
    padding-bottom: var(--safe-area-inset-bottom, 0);
    overflow: hidden;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
    z-index: 22;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.basket__control-mob-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.basket__control-mob-title-box {
    position: relative;
    padding: 20px 12px 16px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__control-mob-close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.basket__control-mob-close * {
    pointer-events: none;
}

.basket__control-mob-link {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #0E0E0E;
    font-size: 14px;
    white-space: nowrap;
    padding: 12px;
    height: 48px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__control-mob-link_remove {
    color: #d70015;
}

.basket__control-mob-link * {
    pointer-events: none;
}

.basket__control-mob-remove {
    display: none;
    padding: 20px 12px;
}

.basket__control-mob-title-text {
    line-height: 20px;
    margin-bottom: 32px;
}

.basket__control-mob-remove .basket__control-mob-title-box {
    padding: 0;
    border: none;
    margin-bottom: 12px;
}

.basket__control-mob-remove .basket__control-mob-close {
    top: 0;
    right: 0;
}

.basket__sidebar {
    position: sticky;
    top: 140px;
    width: 440px;
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
}

.basket__sidebar._hide .basket__dl,
.basket__sidebar._hide .basket__promocode-box,
.basket__sidebar._hide .basket__sidebar-kredit,
.basket__sidebar._hide .basket__sidebar-result {
    display: none;
}

.basket__sidebar._hide .basket__sidebar-massage {
    display: block;
}

.basket__sidebar._clone {
    display: none;
}

.basket__sidebar-sum-box {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e1e1e3;
}

.basket__sidebar-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.basket__sidebar-massage {
    display: none;
    color: #7d7d7d;
    margin-top: 8px;
}

.basket__dl {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 24px;
}

.basket__dl::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dotted #afafaf;
}

.basket__dl dt {
    position: relative;
    background: #fff;
    z-index: 1;
}

.basket__dl dd {
    position: relative;
    background: #fff;
    font-weight: 600;
    z-index: 1;
}

.basket__sidebar-sale dd {
    color: #d70015;
}

.basket__sidebar-sale._active .basket__sidebar-sale-link {
    color: #7d7d7d;
}

.basket__sidebar-sale._active .basket__sidebar-sale-link svg {
    transform: rotate(180deg);
}

.basket__sidebar-sale._active ~ .basket__sidebar-sale-detaile-container {
    display: block;
}

.basket__sidebar-sale-detaile {
    font-size: 14px;
    margin: 8px 0 0;
}

.basket__sidebar-sale-detaile dd {
    font-weight: 400;
    color: #d70015;
}

.basket__sidebar-sale-link {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket__sidebar-sale-link:hover {
    color: #7d7d7d;
}

.basket__sidebar-sale-link * {
    pointer-events: none;
}

.basket__sidebar-sale-link svg {
    width: 20px;
    height: 20px;
    transition: transform 0.2s;
}

.basket__sidebar-sale-detaile-container {
    display: none;
}

.basket__sidebar-kredit {
    margin-top: 8px;
}

.basket__sidebar-result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.basket__sidebar-result dt {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.basket__sidebar-result dd {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.basket__promocode-box {
    position: relative;
    margin-bottom: 24px;
}

.basket__promocode-box._ok:before {
    content: attr(data-ok);
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    padding-left: 24px;
    background: url(../img/icon/promo-ok.svg) 0 50% no-repeat;
    color: #5c9cfc;
    font-size: 12px;
    line-height: 16px;
}

.basket__promocode-box._ok .basket__promocode {
    border-color: #e1e1e3;
}

.basket__promocode-box._ok .basket__promocode-button {
    display: none;
}

.basket__promocode-box._error {
    border-color: red;
}

.basket__promocode-box._error:before {
    content: attr(data-error);
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    padding-left: 24px;
    background: url(../img/icon/promo-error.svg) 0 50% no-repeat;
    color: #d70015;
    font-size: 12px;
    line-height: 16px;
}

.basket__promocode-box._error .basket__promocode {
    border-color: #d70015;
}

.basket__promocode-box._error .basket__promocode-button {
    display: none;
}

.basket__promocode-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    opacity: 0;
    visibility: hidden;
}

.basket__promocode {
    width: 100%;
    border-radius: 8px;
    border: 0.5px solid #e1e1e3;
    background: #f5f5f7;
    height: 48px;
    line-height: 47px;
    font-size: 16px;
    color: #000;
    padding: 0 20px;
}

.basket__promocode::-moz-placeholder {
    color: #7d7d7d;
}

.basket__promocode::placeholder {
    color: #7d7d7d;
}

.basket__promocode:focus::-moz-placeholder {
    color: transparent;
}

.basket__promocode:focus::placeholder {
    color: transparent;
}

.basket__promocode._active,
.basket__promocode:focus {
    border-color: #7d7d7d;
    background: #fff;
}

.basket__promocode._active ~ .basket__promocode-button,
.basket__promocode:focus ~ .basket__promocode-button {
    opacity: 1;
    visibility: visible;
}

.basket__popular,
.basket__popular .popular-slider__content {
    margin-bottom: 0;
}

.basket .categories,
.basket .popular-slider__content {
    margin-bottom: 120px;
}

.basket .categories h1,
.basket .popular-slider__content h1 {
    margin-top: 0;
}

.basket .viewed {
    margin-bottom: 0;
}

.breadcrumps {
    color: #7d7d7d;
    margin-top: 12px;
    font-size: 12px;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.breadcrumps::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}

.breadcrumps::-webkit-scrollbar-track {
    background: 0 0;
    width: 0;
    height: 0;
}

.breadcrumps::-webkit-scrollbar-thumb {
    background-color: transparent;
    width: 0;
    height: 0;
}

.breadcrumps__wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding-bottom: 4px;
}

.breadcrumps span {
    display: inline-flex;
    white-space: nowrap;
}

.breadcrumps a {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 10px;
    white-space: nowrap;
}

.breadcrumps a:before {
    content: "";
    width: calc(100% - 24px);
    height: 1px;
    background: 0 0;
    position: absolute;
    top: calc(100% + 3px);
    left: -1px;
    transition: background-color 0.3s;
}

.breadcrumps a:hover {
    color: #0E0E0E;
}

.breadcrumps a:hover:before {
    background-color: #0E0E0E;
}

.breadcrumps a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon/arrow-right-bl.svg) 50% 50%/contain no-repeat;
}

.card-sliders {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 605px;
    justify-content: space-between;
    z-index: 2;
}

.card-sliders__main-wrapper {
    opacity: 0;
}

.card-sliders__main-wrapper.slick-initialized {
    opacity: 1;
}

.card-sliders__main-box {
    position: relative;
    width: calc(100% - 102px);
    max-width: 457px;
    margin-top: 25px;
}

.card-sliders__main {
    margin: 0;
}

.card-sliders__main .slick-arrow {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
    transition: border 0.2s, opacity 0.2s, visibility 0.2s;
    z-index: 2;
}

.card-sliders__main .slick-arrow svg {
    width: 24px;
    height: 24px;
}

.card-sliders__main .slick-arrow.slick-next {
    left: auto;
    right: 0;
    transform: rotate(0);
}

.card-sliders__main .slick-arrow.slick-prev {
    left: 0;
    transform: rotate(180deg);
}

.card-sliders__main .slick-arrow:hover {
    border: 1.5px solid #999;
}

.card-sliders__main .slick-arrow_prev {
    transform: rotate(180deg);
}

.card-sliders .slick-dots {
    display: none !important;
    align-items: center;
    justify-content: center;
    bottom: 0 !important;
    width: 204px;
    font-size: 0;
    list-style: none;
    margin: 0 auto;
    gap: 8px;
}

.card-sliders .slick-dots li {
    width: 40px;
}

.card-sliders .slick-dots li button {
    width: 100%;
    height: 2px;
    padding: 10px 0;
    border: none;
    opacity: 1;
    background: 0 0;
}

.card-sliders .slick-dots li button:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    border-radius: 2px;
    background: #e1e1e3;
    opacity: 1;
    border: none;
}

.card-sliders .slick-dots li.slick-active button:before {
    background: #0E0E0E;
}

.card-sliders__thumb-box {
    position: relative;
    width: 90px;
    height: 408px;
    margin-top: 40px;
}

.card-sliders__thumb-box_hide {
    display: none;
}

.card-sliders__thumb-box_hide ~ .card-sliders__main-box {
    margin-left: 86px;
}

.card-sliders__thumb {
    height: 100%;
    margin: 0;
}

.card-sliders__thumb .slick-arrow {
    border: none !important;
    left: 50%;
    transition: transform 0.3s;
}

.card-sliders__thumb .slick-arrow.slick-next {
    bottom: -40px;
    transform: translateX(-50%) rotate(90deg);
}

.card-sliders__thumb .slick-arrow.slick-next:hover {
    transform: translateX(-50%) translateY(5px) rotate(90deg);
}

.card-sliders__thumb .slick-arrow.slick-prev {
    top: -40px;
    transform: translateX(-50%) rotate(-90deg);
}

.card-sliders__thumb .slick-arrow.slick-prev:hover {
    transform: translateX(-50%) translateY(-5px) rotate(-90deg);
}

.card-sliders__thumb .slick-arrow svg {
    width: 24px;
    height: 24px;
    color: #0E0E0E;
}

.card-sliders__thumb_small .slick-list {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.card-sliders .slick-current .card-sliders__thumb-slide-content {
    border-color: #0E0E0E;
}

.card-sliders__thumb-slide {
    border-radius: 8px;
    width: 90px;
}

.card-sliders__thumb-slide-content {
    border: 2px solid transparent;
    transition: border-color 0.3s;
    width: 90px;
    border-radius: 8px;
}

.card-sliders__thumb-slide-content:hover {
    border-color: #7d7d7d;
}

.slick-arrow {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s, opacity 0.2s, visibility 0.2s;
    left: 50%;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 43px;
}

.slick-arrow::after,
.slick-arrow:before {
    display: none;
}

.slick-arrow * {
    pointer-events: none;
}

.slick-arrow.slick-next {
    transform: translateX(-50%) rotate(180deg);
}

.slick-arrow svg {
    width: 24px;
    height: 24px;
    color: #0E0E0E;
}

.card {
    margin-bottom: 42px;
}

.card h1 {
    margin-bottom: 12px;
}

.card__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 2;
}

.card__description {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 36px;
    gap: 0 31px;
}

.card__control {
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 0;
}

.card__control-select-title {
    padding: 16px;
    border-bottom: 1px solid #e1e1e3;
    font-size: 19px;
    font-weight: 700;
}

.card__control-link-box {
    position: relative;
    z-index: 6;
}

.card__control-link-box._active .card__control-select {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.card__control-link-box._active .card__control-bg {
    display: block;
}

.card__control-link {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    color: #0E0E0E;
    font-size: 14px;
}

.card__control-link * {
    pointer-events: none;
}

.card__control-link:hover {
    color: #7d7d7d;
}

.card__control-link svg {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.card__control-link_compare:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.card__control-link_compare_active {
    color: #0E0E0E !important;
}

.card__control-link_compare_active:before {
    opacity: 1;
}

.card__control-link_favorites:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icon/favorite-fill-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.card__control-link_favorites_active {
    color: #0E0E0E !important;
}

.card__control-link_favorites_active:before {
    opacity: 1;
}

.card__control-bg {
    display: none;
}

.card__control-select {
    position: absolute;
    top: 100%;
    left: -20px;
    display: flex;
    flex-flow: column;
    width: 204px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    overflow: hidden;
}

.card__control-select-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    font-size: 14px;
}

.card__control-select-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

@media screen and (max-width: 767px) {
    .card__control-select-link:hover {
        background: none;
    }
}

.card__control-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    color: #7d7d7d;
}

.card__control-close svg {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.card__preview {
    position: sticky;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 480px);
}

.card__tabs._mobile {
    display: none;
}

.cart-fixed {
    position: fixed;
    top: 105px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 12px 0;
    box-shadow: 0 24px 38px 0 rgba(155, 155, 155, 0.14), 0 9px 46px 0 rgba(155, 155, 155, 0.12), 0 11px 15px 0 rgba(155, 155, 155, 0.2);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.cart-fixed._show {
    opacity: 1;
    visibility: visible;
}

.cart-fixed__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-fixed__item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-fixed__item-text {
    width: calc(100% - 56px);
}

.cart-fixed__item-img {
    width: 48px;
    height: 48px;
}

.cart-fixed__item-name {
    font-weight: 600;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-fixed__item-controll {
    display: flex;
    gap: 16px;
}

.cart-fixed__item-controll a {
    font-weight: 600;
    font-size: 14px;
    color: #2a65c5;
}

.cart-fixed__item-controll i {
    display: block;
    width: 1px;
    height: 17px;
    background: #e1e1e3;
}

.cart-fixed__price-content {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 280px;
}

.cart-fixed__price-box {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.cart-fixed__price-box p:not([class]) {
    font-size: 24px;
    font-weight: 800;
    white-space: nowrap;
}

.cart-fixed__price-box p:not([class]) span {
    font-size: 16px;
}

.cart-fixed__price-box p:not([class]) + p:not([class]) {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    margin-left: 8px;
}

.cart-fixed__buy {
    display: flex;
    align-items: center;
}

.cart-fixed .cart-fixed__buy-button {
    width: 229px;
    font-size: 16px;
    margin-left: 24px;
}

.cart-fixed .cart-fixed__buy-button * {
    pointer-events: none;
}

.cart-fixed .cart-fixed__buy-button.catalog-body__basket_active {
    color: #0E0E0E;
}

.cart-fixed .cart-fixed__buy-button:hover {
    background-image: none;
}

.cart-fixed .cart-fixed__buy-button_small {
    display: none;
    font-size: 16px;
    margin-left: 24px;
}

.cart-fixed .cart-fixed__buy-button_small * {
    pointer-events: none;
}

.cart-fixed__buy-controll {
    display: flex;
    gap: 16px;
    margin-left: 16px;
}

.cart-fixed__buy-controll .catalog-body__control-icon {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 1023px) {
    .swiper-slide .catalog-body__control-icon-box-wrapper {
        right: 3px;
        top: 10px;
    }
}

.catalog-body__control-icon-box-wrapper {
    position: absolute;
    top: 20px;
    right: 14px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@media screen and (max-width: 1023px) {
    .catalog-body__control-icon-box-wrapper {
        right: 12px;
        top: 12px;
    }
}

.catalog-body__control-icon-box {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 5px;
    z-index: 1;
}

.cart-fixed__price-order {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
    max-width: 120px;
    font-size: 14px;
}

.cart-fixed__price-order a {
    color: #2a65c5;
}

.cart-fixed__price-order._active .cart-fixed__price-order-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cart-fixed__price-order._active .cart-fixed__price-order-tooltip-bg {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cart-fixed__price-order-tooltip {
    position: absolute;
    top: calc(100% + 20px);
    left: 34px;
    width: 286px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: 0.3s;
}

.cart-fixed__price-order-tooltip:before {
    content: "";
    left: 38px;
    position: absolute;
    border: 22px solid transparent;
}

.cart-fixed__price-order-tooltip-bg {
    display: none;
}

.cart-fixed__price-order-tooltip-container {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 38px 0 #e1e1e1, 0 0 46px 0 rgba(225, 225, 225, 0.12), 0 0 15px 0 rgba(225, 225, 225, 0.2);
    padding: 16px;
}

.cart-fixed .cart-fixed__price-order-tooltip-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    color: #999;
}

.cart-fixed .cart-fixed__price-order-tooltip-close * {
    pointer-events: none;
}

.cart-fixed .cart-fixed__price-order-tooltip-close:hover {
    color: #0E0E0E;
}

.cart-fixed__price-order-tooltip-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}

.cart-fixed__price-order-tooltip-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px;
}

.cart-fixed__price-order-tooltip-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-fixed__price-order-tooltip-box span {
    color: #0E0E0E;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.cart-fixed__price-order-tooltip-box .cart-purchase__guarantee-link-remove {
    width: 24px;
    height: 24px;
    color: #999;
}

.cart-fixed__price-order-tooltip-box .cart-purchase__guarantee-link-remove:hover {
    color: #0E0E0E;
}

.head-hide .cart-fixed {
    display: none;
}

.cart-parameter {
    width: 398px;
    margin-top: 64px;
}

.cart-parameter__title {
    font-size: 14px;
    margin-bottom: 8px;
}

.cart-parameter__color-tooltip {
    width: auto !important;
    font-size: 14px;
    pointer-events: none;
}

.cart-parameter__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.cart-parameter__color-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #999;
}

.cart-parameter__color-item._active {
    border: 2px solid #7d7d7d;
}

.cart-parameter__color-item_bg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.cart-parameter__color-item_bg:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--color);
    border-radius: 50%;
    border: 1px solid #fff;
}

.cart-parameter__color-item:hover {
    border-color: #0E0E0E;
}

.cart-parameter__radio {
    border-radius: 8px;
    border: 1px solid #7d7d7d;
    background: #fff;
    font-size: 14px;
    padding: 0 12px;
    height: 36px;
    line-height: 34px;
}

.cart-parameter__radio:hover {
    color: #0E0E0E;
    border-color: #0E0E0E;
}

.cart-parameter__radio._active {
    border: 2px solid #0E0E0E;
}

.cart-parameter__title-big {
    margin-bottom: 12px;
    font-weight: 700;
}

.cart-parameter__characteristics-dl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    gap: 2px;
}

.cart-parameter__characteristics-dt {
    position: relative;
    color: #7d7d7d;
    width: 50%;
    padding-right: 16px;
}

.cart-parameter__characteristics-dt:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 0.5px dashed #b9b9b9;
    top: 13px;
    left: 0;
}

.cart-parameter__characteristics-dt .cart-parameter__info {
    top: auto;
    bottom: -2px;
    position: absolute;
    right: -21px;
    width: 19px;
    height: 19px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 0;
}

.cart-parameter__characteristics-dt span {
    position: relative;
    display: inline;
    background: #fff;
    z-index: 1;
}

.cart-parameter__characteristics-dd {
    width: calc(50% - 2px);
}

.cart-parameter__characteristics-link {
    display: inline-block;
    margin-top: 8px;
    color: #2a65c5;
}

.cart-parameter__characteristics-link:hover {
    color: #0c47a7;
}

.cart-parameter__info {
    position: relative;
    top: 0px;
    right: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: color 0.3s;
    color: #999;
}

.cart-parameter__info._active {
    color: #0E0E0E;
}

.cart-parameter__info svg {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.cart-purchase {
    width: 440px;
    position: sticky;
    top: var(--top, 118px);
    margin-top: 64px;
}

.cart-purchase._mobile {
    display: none;
}

.cart-purchase__box {
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
    padding: 24px;
    margin-bottom: 8px;
}

.cart-purchase__buy {
    padding: 32px;
}

.cart-purchase__buy-insurance {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
}

.cart-purchase__order {
    font-size: 14px;
    margin-bottom: 16px;
}

.cart-purchase__buy-price {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 16px;
}

.cart-purchase__buy-price p {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

.cart-purchase__buy-price p + p {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
    margin-bottom: 4px;
}

.cart-purchase__buy-credit {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px 4px 12px;
    border-radius: 8px;
    background: #f5f5f7;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
}

.cart-purchase__buy-credit p {
    padding: 4px 0;
}

.cart-purchase__buy-credit a {
    color: #2a65c5;
}

.cart-purchase__buy-credit a:hover {
    color: #0c47a7;
}

.cart-purchase .cart-parameter__info {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    right: 0;
    top: -2px;
}

.cart-purchase .cart-parameter__info svg {
    width: 16px;
    height: 16px;
}

.cart-purchase__shop {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    margin-bottom: 12px;
}

.cart-purchase__shop a {
    font-size: 16px;
    color: #2a65c5;
}

.cart-purchase__shop a:hover {
    color: #0c47a7;
}

.cart-purchase__benefit {
    display: block;
    position: relative;
    border-radius: 8px;
    background: #f5f5f7;
    font-weight: 500;
    line-height: 1.125;
    letter-spacing: -0.078px;
    color: #0E0E0E;
    padding: 12px 16px;
}

.cart-purchase__benefit:hover {
    background: #e1e1e3;
    color: #0E0E0E;
}

.cart-purchase__benefit:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 12px;
    background: url(../img/icon/arrow-left-link.svg) 50% 50% no-repeat;
}

.cart-purchase__benefit span {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.286;
}

.cart-purchase__benefit p {
    margin-bottom: 4px;
}

.cart-purchase__guarantee {
    padding: 24px 24px 16px;
    overflow: hidden;
}

.cart-purchase__guarantee-text {
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 12px;
}

.cart-purchase__guarantee-price {
    line-height: 1.25;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

.cart-purchase__guarantee-price span {
    font-weight: 600;
}

.cart-purchase__guarantee-link-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid #e1e1e3;
}

.cart-purchase__guarantee-link-remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #999;
}

.cart-purchase__guarantee-link-remove * {
    pointer-events: none;
}

.cart-purchase__guarantee-link-remove:hover {
    color: #0E0E0E;
}

.cart-purchase__guarantee-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.25;
    color: #2a65c5;
    width: 100%;
}

.cart-purchase__guarantee-link:hover {
    color: #0c47a7;
}

.cart-purchase__guarantee-link svg {
    width: 24px;
    height: 24px;
}

.cart-purchase__tradein {
    padding: 14px 20px;
    margin-bottom: 20px;
}

.cart-purchase__tradein-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
}

.cart-purchase__tradein-link:hover {
    color: #0c47a7;
}

.cart-purchase__tradein-link:hover svg {
    transform: rotate(720deg);
}

.cart-purchase__tradein-link svg {
    width: 24px;
    height: 24px;
    transition: transform 0.2s;
}

.cart-purchase__not-price {
    color: #7d7d7d;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.cart-purchase__buy-button {
    margin-bottom: 16px;
    font-size: 16px !important;
}

.cart-purchase__buy-button.catalog-body__basket_active {
    color: #0E0E0E;
}

.cart-purchase__buy-button * {
    pointer-events: none;
}

.cart-purchase__buy-button-not {
    font-size: 16px;
}

.cart-purchase__complect {
    padding: 24px;
}

.cart-purchase__complect._mobile {
    display: none;
}

.cart-purchase__complect-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 16px;
}

.cart-purchase__complect-foot {
    border-top: 1px solid #e1e1e3;
    padding-top: 20px;
    margin-top: 16px;
}

.cart-purchase__complect-foot .cart-purchase__buy-button {
    margin-bottom: 0;
}

.cart-purchase__complect-foot dl {
    display: grid;
    grid-template-columns: 100px 1fr;
    margin-bottom: 8px;
}

.cart-purchase__complect-foot dl + span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: right;
    margin-bottom: 16px;
}

.cart-purchase__complect-foot dt {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.cart-purchase__complect-foot dd {
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.cart-purchase__complect-foot dd p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.catalog-mini {
    display: flex;
    flex-flow: column;
    list-style: none;
    gap: 12px;
}

.catalog-mini__item {
    position: relative;
}

.catalog-mini__item:hover .catalog-mini__controll {
    opacity: 1;
    visibility: visible;
}

.catalog-mini__link {
    display: grid;
    padding: 7px;
    grid-template-columns: 68px 1fr;
    gap: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #fff;
}

.catalog-mini__link:hover {
    color: #0E0E0E;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
}

.catalog-mini__img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog-mini__img-box img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.catalog-mini__text {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.catalog-mini__name {
    font-size: 14px;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-mini__ptice {
    position: relative;
    display: flex;
    align-items: center;
    color: #0E0E0E;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
}

.catalog-mini__ptice span {
    font-size: 12px;
}

.catalog-mini__ptice p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.catalog-mini__replace {
    position: absolute;
    bottom: 0;
    font-weight: 400;
    font-size: 16px !important;
    left: 0;
    color: #2a65c5;
    width: 80px;
    line-height: 1.25;
    transition: color 0.3s;
    cursor: pointer;
}

.catalog-mini__replace:hover {
    color: #0c47a7;
}

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

.catalog-mini_complect .catalog-mini__link {
    grid-template-columns: 100px 1fr;
    padding: 10px 0;
    border: none;
    cursor: default;
}

.catalog-mini_complect .catalog-mini__link:hover {
    border: none;
}

.catalog-mini_complect .catalog-mini__name {
    transition: color 0.3s;
    cursor: pointer;
    line-height: 20px;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}

.catalog-mini_complect .catalog-mini__name:hover {
    color: #7d7d7d;
}

.catalog-mini_complect .catalog-mini__item:not(:last-child) {
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.catalog-mini_complect .catalog-mini__text {
    justify-content: flex-start;
    padding: 0;
}

.catalog-mini_complect .catalog-mini__ptice {
    justify-content: flex-end;
    margin-top: 16px;
    font-weight: 600;
}

.catalog-mini_complect .catalog-mini__ptice p + p {
    order: -1;
}

.catalog-mini__controll {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 6px;
    top: 6px;
    gap: 6px;
    align-items: center;
    transition: opacity 0.3s, visibility 0.3s;
    display: flex;
}

.catalog-mini__controll .catalog-body__control-icon,
.catalog-mini__controll .catalog-body__control-icon svg {
    width: 24px;
    height: 24px;
}

.catalog-mini__controll .catalog-body__control-icon .catalog-body__control-icon.catalog-body__favorites:before,
.catalog-mini__controll .catalog-body__control-icon.catalog-body__control-icon.catalog-body__compare:before,
.catalog-mini__controll .catalog-body__control-icon.catalog-body__control-icon_active.catalog-body__favorites:before {
    background-size: 24px 24px;
}

.catalog-body {
    display: flex;
    gap: 16px;
}

.catalog-body__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 17px -12px 0;
    width: calc(100% + 24px);
    border-top: 0.5px solid #e1e1e3;
}

.catalog-body__item {
    position: relative;
    width: 50%;
    padding: 12px;
    border-bottom: 0.5px solid #e1e1e3;
    transition: box-shadow 0.3s;
}

.catalog-body__item:nth-child(2n+1) {
    border-right: 0.5px solid #e1e1e3;
}

.catalog-body__item:nth-child(2n+1) {
    border-left: 0.5px solid #e1e1e3;
}

.catalog-body__img-sl {
    max-width: 100%;
    margin: 0 auto;
    margin-right: 20px;
    background: #fff;
}

.catalog-body__img-sl .overlay-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
}

.catalog-body__img-sl .overlay-block-item {
    flex: 1;
    cursor: pointer;
}

.catalog-body__img-sl-slide {
    position: relative;
    height: 0;
    padding-top: 100%;
}

.catalog-body__img-sl-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: none;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    min-width: 110px;
    max-width: calc(100% - 50px);
}

.catalog-body__img-sl-wrapper {
    position: relative;
}

.catalog-body__img-sl-pagination {
    bottom: 0 !important;
}

.catalog-body__img-sl-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #e1e1e3;
    opacity: 1;
}

.catalog-body__img-sl-pagination .swiper-pagination-bullet-active {
    background: #0E0E0E;
}

.catalog-body__in-order {
    font-size: 14px;
    color: #0060d5;
}

.catalog-body__in-order.text-black {
    color: #000;
}

@media screen and (max-width: 1023px) {
    .catalog-body__in-order {
        font-size: 11px;
    }
}

.catalog-body__img {
    display: block;
    position: relative;
    width: 100%;
    background: url(../img/icon/no-photo.svg) 50% 50% no-repeat;
    transition: none;
    margin: 0 auto 18px;
    background: #fff;
}

.catalog-body__label-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 2;
}

.catalog-body__label {
    position: relative;
    border-radius: 4px;
    background-color: var(--bg);
    color: var(--color);
    padding: 2px 6px;
    font-size: 10px;
    line-height: 14px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.catalog-body__label.catalog-body__label_big {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 14px;
}

.catalog-body__label:hover .catalog-body__label-hide {
    opacity: 1;
    visibility: visible;
}

.catalog-body__name {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 12px;
    min-height: 3.6em;
    transition: color 0.3s;
}

.catalog-body__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
}

.catalog-body__price p:not([class]) {
    font-size: 14px;
    font-weight: 600;
}

.catalog-body__price p:not([class]) span {
    font-size: 12px;
}

.catalog-body__price p:not([class]) + p:not([class]) {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
}

.catalog-body__price-sale {
    color: #fff;
    border-radius: 50px;
    background: rgba(215, 0, 21, 0.86);
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    padding: 0 3px;
}

.catalog-body__price-info {
    position: relative;
    line-height: 0;
}

.catalog-body__price-info i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: color 0.3s;
    color: #999;
}

.catalog-body__price-info i._active {
    color: #0E0E0E;
}

.catalog-body__price-info i svg {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.catalog-body__price-info-content {
    position: absolute;
    top: calc(100% + 14px);
    left: -44px;
    font-size: 14px;
    background: #fff;
    font-style: normal;
    padding: 16px;
    line-height: normal;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(225, 225, 225, 0.2), 0 0 46px 0 rgba(225, 225, 225, 0.12), 0 10px 38px 0 #e1e1e1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    width: 286px;
    z-index: 3;
    pointer-events: none;
}

.catalog-body__price-info-content:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 31px;
    border: 21px solid transparent;
    border-bottom-color: #fff;
    z-index: 2;
    transition: opacity 0.3s, visibility 0.3s;
}

.catalog-body__price-info-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 11px;
}

.catalog-body__price-info-close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.catalog-body__price-info-close * {
    pointer-events: none;
}

.catalog-body__price-info-text {
    font-size: 12px;
}

.catalog-body__price-info-content-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0, 0, 0, 0.7);
}

.catalog-body__price-info-content-box {
    position: relative;
    z-index: 1;
}

.catalog-body__price-not {
    font-weight: 700;
    color: #7d7d7d;
    font-size: 14px;
}

.catalog-body__order {
    font-size: 14px;
    border: 2px solid #0E0E0E;
    transition: 0.2s ease-out;
}

.catalog-body__order:hover {
    border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
    .catalog-body__order:hover {
        border-color: #0E0E0E;
    }
}

.catalog-body__basket-complect {
    font-size: 14px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #0E0E0E;
    padding: 0 18px;
    transition: 0.2s ease-out;
}

.catalog-body__basket-complect:hover {
    border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
    .catalog-body__basket-complect:hover {
        border-color: #0E0E0E;
    }
}

.catalog-body__basket-complect_active,
.catalog-body__basket-complect_active:hover {
    background-color: #fff;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.catalog-body__basket {
    min-width: 127px;
    font-size: 14px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #0E0E0E;
    padding: 0 18px;
    transition: 0.2s ease-out;
}

.catalog-body__basket:hover {
    border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
    .catalog-body__basket:hover {
        border-color: #0E0E0E;
    }
}

.catalog-body__basket_active,
.catalog-body__basket_active:hover {
    background-color: #fff;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.catalog-body__massage {
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    line-height: 1em;
}

.catalog-body__term {
    text-align: center;
    padding: 0;
    font-size: 12px;
    width: 89px;
}

.catalog-body__control {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-body__control-icon {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #999;
    transition: color 0.3s;
}

.catalog-body__control-icon.catalog-body__favorites:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icon/favorite-fill-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.catalog-body__control-icon.catalog-body__compare:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    transition: opacity 0.3s;
}

.catalog-body__control-icon svg {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.catalog-body__control-icon_active {
    color: #0E0E0E;
}

.catalog-body__control-icon_active:hover {
    color: #0E0E0E !important;
}

.catalog-body__control-icon_active.catalog-body__compare:before,
.catalog-body__control-icon_active.catalog-body__favorites:before {
    opacity: 1;
}

.catalog-body__control-icon:hover {
    color: #0E0E0E;
}

.catalog-body__characteristics {
    display: none;
    font-size: 14px;
    padding-bottom: 4px;
}

.catalog-body__characteristics dl {
    margin-bottom: 8px;
    display: flex;
    gap: 4px;
}

.catalog-body__characteristics dt {
    color: #999;
}

.catalog-body__rating {
    display: none;
    font-size: 14px;
    gap: 12px;
}

.catalog-body__rating-grade {
    padding-left: 23px;
    background: url(../img/icon/rating.svg) 0 50% no-repeat;
    font-weight: 800;
}

.catalog-body__rating-comments {
    color: #999;
}

.catalog-body__rating-comments:hover {
    color: #0E0E0E;
}

.catalog-body__control_item-ok {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.catalog-body:not(.catalog-body_list) .catalog-body__control_item-ok {
    display: flex;
    justify-content: space-between;
}

.catalog-body:not(.catalog-body_list) .catalog-body__control_order {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: 5px;
}

.touchevents .catalog-body__img-sl .overlay-block {
    display: none;
}

.catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
    min-width: 110px;
    max-width: calc(100% - 50px);
}

.catalog-chips {
    display: none;
    width: 100%;
    gap: 8px;
    margin: 16px -16px -7px;
    overflow: auto;
    border-top: 0.5px solid #e1e1e3;
    padding: 9px 16px 0;
    width: calc(100% + 32px);
}

@media screen and (min-width: 768px) {
    .catalog-chips {
        padding: 0;
        border-top: none;
        width: 100%;
        margin: 12px 0 0;
        gap: 16px;
    }
}

.catalog-chips::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.catalog-chips_active {
    display: flex;
}

.catalog-chips__chip,
.catalog-chips__chip-range,
.catalog-chips__removeAll {
    display: inline-flex;
    align-items: center;
    border: 1px solid #0E0E0E;
    border-radius: 6px;
    padding: 0 8px 0 12px;
    height: 28px;
    cursor: pointer;
    font-size: 12px;
    gap: 4px;
    white-space: nowrap;
}

.catalog-chips__chip span:not(.text),
.catalog-chips__chip-range span:not(.text),
.catalog-chips__removeAll span:not(.text) {
    display: none;
}

.catalog-chips__chip span.text,
.catalog-chips__chip-range span.text,
.catalog-chips__removeAll span.text {
    display: inline-block;
}

.catalog-chips__chip svg,
.catalog-chips__chip-range svg,
.catalog-chips__removeAll svg {
    pointer-events: none;
    color: #999;
    width: 24px;
    height: 24px;
    transition: color 0.3s;
}

.catalog-chips__chip .checkbox-switcher__bg,
.catalog-chips__chip-range .checkbox-switcher__bg,
.catalog-chips__removeAll .checkbox-switcher__bg {
    display: none;
}

.catalog-chips__chip-range:hover,
.catalog-chips__chip-range:hover svg,
.catalog-chips__chip:hover,
.catalog-chips__chip:hover svg,
.catalog-chips__removeAll:hover,
.catalog-chips__removeAll:hover svg {
    color: #0E0E0E;
}

.catalog-chips__removeAll {
    border: none;
    background: #eeeef0;
}

.catalog-control {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #f5f5f7;
}

@media screen and (max-width: 1023px) {
    .catalog-control {
        display: none;
    }
}

.catalog-control__button {
    background: #f5f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #7d7d7d;
    border-radius: 8px;
}

.catalog-control__button * {
    pointer-events: none;
}

.catalog-control__button:hover {
    color: #0E0E0E;
}

.catalog-control__button_active {
    background: #0E0E0E;
    color: #fff;
    pointer-events: none;
}

.catalog-control__button_active:hover {
    color: #fff;
}

.catalog-filter {
    display: block;
    position: sticky;
    top: 144px;
    background: #fff;
    width: 258px;
}

@media screen and (max-width: 1399px) {
    .catalog-filter {
        width: 243px;
        top: 24px;
    }
}

@media screen and (max-width: 1023px) {
    .catalog-filter {
        display: block;
        /*
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        z-index: 9;
         */
    }
}

.catalog-filter .bx-sidebar-block {
    height: 100%;
}

.catalog-filter .bx-filter {
    height: 100%;
}

.catalog-filter .bx-filter-section {
    height: 100%;
    position: relative;
}

.catalog-filter .bx-filter-block {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.catalog-filter .checkbox {
    margin-bottom: 6px;
}

.catalog-filter .checkbox .bx-filter-param-text {
    display: inline-block;
    position: relative;
    padding: 6px 6px 6px 35px;
    font-size: 14px;
}

.catalog-filter .checkbox .bx-filter-param-text b {
    font-weight: 400;
    color: #2a65c5;
}

.catalog-filter .checkbox .bx-filter-param-text:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 18px;
    height: 18px;
    border: 2px solid #d7d7d7;
    border-radius: 4px;
}

.catalog-filter .checkbox .bx-filter-param-text span:not(.text) {
    color: #999;
    font-size: 12px;
}

.catalog-filter .checkbox .bx-filter-input-checkbox {
    overflow: hidden;
}

.catalog-filter .checkbox .bx-filter-input-checkbox input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    visibility: inherit;
}

.catalog-filter .checkbox .bx-filter-input-checkbox input:checked ~ .bx-filter-param-text:before {
    background: url(../img/icon/checkbox.svg) 50% 50%/contain no-repeat;
    border-color: #0E0E0E;
    background-size: cover;
}

.catalog-filter .checkbox .bx-filter-input-checkbox input:disabled ~ .bx-filter-param-text {
    color: #999;
    pointer-events: none;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text {
    padding: 9px 60px 9px 0;
    display: flex;
    font-size: 16px;
    align-items: center;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:before {
    display: none !important;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:after {
    content: "";
    position: absolute;
    right: 15px;
    width: 19px;
    height: 19px;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.06), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: right 0.7s;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:after {
        width: 27px;
        height: 27px;
        right: 21px;
    }
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:hover .checkbox-switcher__bg {
    color: #999;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text span {
    font-size: 12px;
    color: #999;
    margin-left: 4px;
    margin-top: 2px;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text .checkbox-switcher__bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 21.88px;
    color: #d7d7d7;
    border-radius: 14px;
    left: auto;
    right: 0;
    transition: color 0.7s;
    border: none;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text .checkbox-switcher__bg {
        width: 51px;
        height: 31px;
    }
}

.catalog-filter .checkbox.checkbox-switcher input:checked ~ .bx-filter-param-text .checkbox-switcher__bg {
    color: #0E0E0E;
}

.catalog-filter .checkbox.checkbox-switcher input:checked ~ .bx-filter-param-text:after {
    right: 1px;
}

.catalog-filter .checkbox:not(.checkbox-switcher) {
    border-radius: 6px;
}

.catalog-filter .checkbox .text {
    transition: color 0.3s;
}

.catalog-filter .checkbox .text::first-letter {
    text-transform: none !important;
}

.catalog-filter .checkbox:hover .text {
    color: #7d7d7d;
}

.catalog-filter .checkbox:hover:not(.checkbox-switcher) {
    color: #0E0E0E;
    background: #eeeef0;
}

.catalog-filter .checkbox:hover:not(.checkbox-switcher) .text {
    color: #0E0E0E;
}

@media screen and (max-width: 767px) {
    .catalog-filter .checkbox:hover:not(.checkbox-switcher) {
        background: none;
    }
}

.catalog-filter .col-xs-12 {
    width: 100%;
}

.catalog-filter .smartfilter {
    max-height: calc(var(--vh, 1vh) * 100);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.catalog-filter .smartfilter__title {
    position: relative;
    padding: 17px 20px;
    font-size: 19px;
    font-weight: 700;
    border-bottom: 0.5px solid #e1e1e3;
}

.catalog-filter .smartfilter__close {
    position: absolute;
    top: 20px;
    right: 23px;
    height: 24px;
    width: 24px;
}

.catalog-filter .smartfilter__close * {
    pointer-events: none;
}

.catalog-filter .smartfilter-filterRow {
    display: flow;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    max-height: calc(var(--vh, 1vh) * 100 - 208px);
    margin-bottom: 8px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    padding-right: 10px;
    transition: all 0.3s ease-in-out;
}

.catalog-filter .smartfilter-filterRow::-webkit-scrollbar {
    width: 4px;
}

.catalog-filter .smartfilter-filterRow::-webkit-scrollbar-track {
    background: 0 0;
}

.catalog-filter .smartfilter-filterRow:-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 27px;
}

.catalog-filter .smartfilter-filterRow:hover {
    scrollbar-color: #c3c3c3 transparent;
}

.catalog-filter .smartfilter-filterRow:hover::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .smartfilter-filterRow {
        max-height: none;
        padding: 20px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .catalog-filter .smartfilter-filterRow > div {
        width: 100%;
    }
}

.catalog-filter .smartfilter-buttonRow {
    margin-top: auto;
    margin-bottom: 160px;
    width: 246px;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .smartfilter-buttonRow {
        position: relative;
        border-top: 1px solid #e1e1e3;
        height: -moz-fit-content;
        height: fit-content;
        padding: 12px 20px;
        margin-bottom: 0;
        width: 100%;
    }

    .catalog-filter .smartfilter-buttonRow > div {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .catalog-filter .smartfilter-buttonRow {
        padding: 12px;
    }
}

.catalog-filter .smartfilter-buttonRow .bx-filter-parameters-box-container {
    gap: 8px;
    padding-right: 0;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .smartfilter-buttonRow .bx-filter-parameters-box-container {
        row-gap: 0;
    }
}

.catalog-filter .bx-filter-parameters-box {
    padding-bottom: 22px;
    overflow: hidden;
    transition: padding-top 0.3s;
}

.catalog-filter .bx-filter-parameters-box-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-height: 313px;
    gap: 8px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

.catalog-filter .bx-filter-parameters-box-container::-webkit-scrollbar {
    width: 4px;
}

.catalog-filter .bx-filter-parameters-box-container::-webkit-scrollbar-track {
    background: 0 0;
}

.catalog-filter .bx-filter-parameters-box-container::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .bx-filter-parameters-box-container .catalog-chips {
        margin: 0 0 12px 0;
        scrollbar-color: transparent transparent;
        scrollbar-width: 0;
    }
}

.catalog-filter .bx-filter-parameters-box-title {
    position: relative;
    margin-bottom: 16px;
    font-weight: 700;
    padding-right: 45px;
    cursor: pointer;
    transition: color 0.3s;
}

.catalog-filter .bx-filter-parameters-box-title * {
    pointer-events: none;
}

.catalog-filter .bx-filter-parameters-box-title svg {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .bx-filter-parameters-box-title {
        margin-bottom: 12px;
    }
}

.catalog-filter .bx-filter-parameters-box-hint {
    position: relative;
}

.catalog-filter .bx-filter-parameters-box._active .bx-filter-parameters-box-hint:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #2a65c5;
    right: -14px;
    bottom: 6px;
    border-radius: 50%;
}

.catalog-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title svg {
    transform: translateY(-50%);
}

.catalog-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
    max-height: 1000px;
    transition: all 0.3s ease-in-out;
}

.catalog-filter .btn-reset {
    display: inline-flex;
    height: 48px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 16px;
    background: 0 0;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
    transition: 0.3s ease-out;
    width: 100%;
    order: 3;
}

.catalog-filter .btn-reset:hover {
    border-color: #3a3a3c;
    background-color: #3a3a3c;
    color: #fff;
}

.catalog-filter .btn-reset:disabled {
    background-color: #999;
    border-color: #999;
    pointer-events: none;
}

@media screen and (max-width: 1023px) {
    .catalog-filter .btn-reset {
        display: none;
    }
}

.catalog-filter .filter-button {
    cursor: pointer;
    order: 2;
    height: 38px !important;
}

.catalog-filter .bx-filter-button-box .bx-filter-block {
    max-height: none;
}

.filter-search {
    margin-bottom: 16px;
    background: url(../img/icon/search.svg) calc(100% - 16px) 50% no-repeat;
    padding-right: 40px;
}

.checkbox {
    display: inline-flex;
}

.checkbox__input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}

.checkbox__input:disabled ~ .checkbox__text {
    color: #999;
    pointer-events: none;
}

.checkbox__input:disabled ~ .checkbox__text:before {
    border-color: #999;
}

.checkbox__input:checked ~ .checkbox__text:before {
    background: url(../img/icon/check.svg) 50% 50%/18px 18px no-repeat #0E0E0E;
    border-color: #0E0E0E;
}

.checkbox__text {
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 4px 4px 32px;
    transition: color 0.3s;
    min-height: 20px;
}

.checkbox__text:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.3s, background-color 0.3s;
}

.checkbox__label {
    overflow: hidden;
    position: relative;
}

.checkbox__label:hover .checkbox__text {
    color: #7d7d7d;
}

.checkbox__label:hover .checkbox__text:before {
    border-color: #999;
}

.checkbox__label:hover .checkbox__input:checked ~ .checkbox__text {
    color: #7d7d7d;
}

.checkbox__label:hover .checkbox__input:checked ~ .checkbox__text:before {
    border-color: #3a3a3c;
    background-color: #3a3a3c;
}

.checkbox__small .checkbox__text {
    padding-left: 20px;
}

.checkbox__small .checkbox__text:before {
    left: 0;
}

.linkHideFilter,
.linkShowFilter {
    position: relative;
    display: inline-block;
    padding: 4px 24px 4px 0;
    color: #2a65c5;
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
}

.linkHideFilter svg,
.linkShowFilter svg {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/icon/arrow-bottom-blue.svg) 100% 50% no-repeat;
}

.linkHideFilter *,
.linkShowFilter * {
    pointer-events: none;
}

.linkHideFilter:hover,
.linkShowFilter:hover {
    color: #0c47a7;
}

.linkHideFilter svg {
    transform: rotate(180deg) translateY(-2px);
}

.filter-open {
    display: inline-flex;
    align-items: center;
    color: #0E0E0E;
    gap: 4px;
    font-size: 14px;
}

.filter-open svg {
    width: 24px;
    height: 24px;
}

.filter-open__counter {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #0E0E0E;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.filter-open * {
    pointer-events: none;
}

.filter-chips {
    margin: 0 0 12px;
    overflow-x: scroll;
    overflow-y: auto;
    border: none;
    padding: 0;
    order: 1;
}

.filter-chips::-webkit-scrollbar {
    width: 0;
    display: none;
}

.filter-chips .catalog-chips__removeAll {
    order: -1;
}

.filter-chips .catalog-chips__chip,
.filter-chips .catalog-chips__chip-range,
.filter-chips .catalog-chips__removeAll {
    height: 30px;
}

.catalog-head {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    padding: 0;
}

.catalog-pagin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.catalog-pagin__button {
    margin: 32px 0;
    width: 100%;
}

.catalog-pagin__nav {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 42px;
}

.catalog-pagin__arrow svg {
    width: 24px;
    height: 24px;
}

.catalog-pagin__arrow_prev svg {
    transform: rotate(180deg);
}

.catalog-pagin__arrow_disabled {
    pointer-events: none;
    color: #d7d7d7;
}

.catalog-pagin__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 48px;
    border-radius: 8px;
}

.catalog-pagin__link_current {
    background: #0E0E0E;
    color: #fff;
    pointer-events: none;
}

.catalog-pagin__link:hover {
    color: #0E0E0E;
    background: #ebebed;
}

.catalog-pagin__dotted {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    background: url(../img/icon/dotted.svg) 50% 50% no-repeat;
}

.catalog-section {
    padding-bottom: 28px;
}

.catalog {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 24px;
}

.catalog__box {
    width: 100%;
}

.categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin-bottom: 52px;
}

.categories-list__li {
    width: calc(50% - 4px);
}

.categories-list__link {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    height: 0;
    border-radius: 12px;
    background: #f5f5f7;
}

.categories-list__link:hover {
    background: #e1e1e3;
}

.categories-list__title {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    font-size: 14px;
    color: #0E0E0E;
    font-weight: 700;
}

.categories-list__img {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    text-align: center;
}

.categories-list__img img {
    display: inline-block;
}

.city-search__box {
    position: relative;
    padding: 12px 20px;
    margin: 0 -20px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.city-search__input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    right: 36px;
    transition: 0.3s;
}

.city-search__list-main {
    list-style: none;
    width: 100%;
}

.city-search__li-main a {
    padding-right: 24px;
    margin-bottom: 16px;
}

.city-search__link-main {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
}

.city-search__link-main b {
    color: #2a65c5;
}

.city-search__link-main::first-letter {
    text-transform: uppercase;
}

.city-search__link-main_current {
    color: #2a65c5;
}

.city-search__link-main_current:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../img/icon/check-blue.svg) 50% 50% no-repeat;
}

.city-search__list {
    list-style: none;
    width: 100%;
}

.city-search__li a {
    margin-bottom: 16px;
}

.city-search__link {
    display: inline-block;
    font-size: 14px;
}

.city-search__link::first-letter {
    text-transform: uppercase;
}

.city-search__link b {
    font-weight: 400;
    color: #2a65c5;
}

.city-search__clear {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    right: 36px;
    color: #999;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}

.city-search__clear:hover {
    color: #0E0E0E;
}

.city-search__clear svg {
    pointer-events: none;
}

.city-search__input {
    transition: 0.3s;
}

.city-search__input.input-text-focus ~ .city-search__clear {
    opacity: 1;
    pointer-events: auto;
}

.city-search__input.input-text-focus ~ .city-search__input-icon {
    opacity: 0;
}

.footer.footer-small {
    padding: 52.5px 0;
    border-top: 1px solid #e1e1e3;
    background: #f5f5f7;
}

.footer.footer-small .footer-small__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer.footer-small .footer-small__content a {
    color: #7d7d7d;
    font-size: 12px;
}

.footer.footer-small .footer-small__content a:hover {
    color: #0E0E0E;
}

.footer {
    flex: 0 0 auto;
    background: #263F8B;
    padding: 50px 0;
    color: #fff;
    overflow: hidden;
}

.footer__container {
    display: grid;
    grid-template-columns: 1fr 370px;
    gap: 54px;
}

.footer__menu {
    display: flex;
    align-items: flex-start;
}

.footer__menu-col {
    width: 246px;
}

.footer__menu-col_catalog {
    margin-right: 67px;
}

.footer__menu-title {
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.footer__menu-link-box {
    margin-bottom: 14px;
}

.footer__menu-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #d7d7d7;
    white-space: nowrap;
}

.footer__menu-link:hover {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .footer__menu-link:hover {
        color: #d7d7d7;
    }
}

.footer__contacts-title {
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.footer__contacts-phone {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.footer__contacts-time {
    font-size: 12px;
    color: #999;
    margin-bottom: 20px;
}

.footer__sn {
    margin-bottom: 20px;
}

.footer__sn-app-wrapper {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.footer__sn-title {
    color: #fff;
    margin-bottom: 6px;
}

.footer__sn-list {
    display: flex;
    align-items: center;
    gap: 11px;
}

.footer__sn-link {
    position: relative;
    width: 40px;
    height: 40px;
}

.footer__sn-link:hover .footer__sn-link-hover {
    opacity: 1;
}

.footer__sn-link:hover .footer__sn-link-wh {
    opacity: 0;
}

.footer__sn-link-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.footer__sn-link-wh {
    opacity: 1;
    transition: opacity 0.3s;
}

.footer__sn-link-color,
.footer__sn-link-hover {
    opacity: 0;
    transition: opacity 0.3s;
}

.footer__info {
    width: 370px;
}

.footer__info-title {
    font-weight: 700;
    margin-bottom: 16px;
}

.footer__callback {
    margin-bottom: 75px;
}

.footer__callback-form {
    position: relative;
    margin-bottom: 16px;
}

.footer__callback-form-label {
    position: relative;
    height: 48px;
}

.footer__callback-form-label div.error {
    top: calc(100% + 5px);
}

.footer__callback-btn {
    position: absolute;
    height: 48px;
    width: 64px;
    top: 0;
    right: 0;
    outline: 0;
    background: url(../img/icon/bt-send.svg) 50% 50% no-repeat;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, opacity 0.3s;
}

.footer__callback-btn:hover {
    opacity: 0.7;
}

.footer__callback-input {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    background: rgba(245, 245, 247, 0.06);
    border: 1px solid rgba(245, 245, 247, 0.06);
    color: #fff;
    padding: 0 70px 0 20px;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}

.footer__callback-input::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input::placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input:hover {
    border-color: #404040;
}

.footer__callback-input:focus {
    border-color: #fff;
}

.footer__callback-input:focus::-moz-placeholder {
    opacity: 0;
}

.footer__callback-input:focus::placeholder {
    opacity: 0;
}

.footer__callback-input:focus ~ .footer__callback-btn {
    border-color: #fff;
}

.footer__callback-input.error,
.footer__callback-input.error ~ .footer__callback-btn {
    border-color: #c74031;
}

.footer__callback-desc {
    font-size: 12px;
    font-weight: 300;
    color: #7d7d7d;
}

.footer__callback-desc a {
    display: inline-block;
    color: #2a65c5;
}

.footer__callback-desc a:hover {
    color: #fff;
}

.footer__callback-send {
    position: fixed;
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 20px;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 12px;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    color: #0E0E0E;
    background: #fff;
    z-index: 2;
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    transition: 0.3s, opacity 0.3s;
}

.footer__callback-send_active {
    opacity: 1;
    transform: translateY(0);
}

.footer__button-service {
    margin-bottom: 75px;
}

.footer__button-service_mobile {
    width: 100%;
    margin: 0 0 20px;
    font-size: 14px;
    height: 42px;
    display: none;
}

.footer__button-service_tablet {
    display: none;
}

.touchevents .footer__sn-link-color {
    opacity: 1;
}

.header-city {
    position: relative;
}

.header-city__link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.header-city__link * {
    pointer-events: none;
}

.header-city._active .header-city__question {
    opacity: 1;
    visibility: visible;
}

.header-city__question {
    position: absolute;
    width: 348px;
    top: calc(100% + 26px);
    left: 0;
    padding: 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.header-city__question-title {
    margin-bottom: 24px;
    color: #0E0E0E;
}

.header-city__question-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #0E0E0E;
}

.header-city__question-close * {
    pointer-events: none;
}

.header-city__question-box {
    display: flex;
    justify-content: space-between;
}

.header-item {
    display: grid;
    grid-template-columns: 72px 304px 1fr;
    align-items: center;
    padding: 0 20px;
    gap: 16px;
    color: #0E0E0E;
    min-height: 72px;
}

.header-item__sum {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #7d7d7d;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    transition: top 0.3s, transform 0.3s;
}

.header-item__sum + .header-item__remove-bt {
    margin-top: 32px;
}

.header-item:hover {
    color: #7d7d7d;
}

.header-item:hover .header-item__remove-bt {
    color: #999;
}

.header-item:hover .header-item__remove-bt:hover {
    color: #0E0E0E;
}

.header-item:hover .header-item__sum {
    top: 0;
    transform: translate(-50%, 0);
}

.header-item__container {
    display: flex;
    flex-flow: column;
    width: 472px;
    padding-top: 20px;
    max-height: 285px;
    overflow: auto;
    gap: 16px;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

.header-item__container::-webkit-scrollbar {
    width: 4px;
}

.header-item__container::-webkit-scrollbar-track {
    background: 0 0;
}

.header-item__container::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.header-item__remove {
    position: relative;
    display: flex;
    align-items: flex-end;
    text-align: right;
}

.header-item__name {
    font-size: 14px;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.header-item__ptice {
    display: flex;
    align-items: center;
    color: #0E0E0E;
    gap: 6px;
    font-size: 16px;
    font-weight: 800;
}

.header-item__ptice span {
    font-size: 12px;
}

.header-item__ptice p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.header-item__remove {
    display: flex;
    justify-content: flex-end;
}

.header-item__remove-bt {
    width: 24px;
    height: 24px;
    color: transparent;
    transition: color 0.3s;
}

.header-item__bt-box {
    border-top: 0.5px solid #e1e1e3;
    padding: 20px;
    margin-right: -10px;
}

.header-item__button {
    font-weight: 400;
    padding: 0 40px;
}

.header-item__price-dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-item__price-dt {
    color: #0E0E0E;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.header-item__price-dd {
    color: #0E0E0E;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.header-phone-menu {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.header-phone-menu:hover .header-phone-menu__link {
    color: #d7d7d7;
}

.header-phone-menu__link {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    pointer-events: none;
    transition: color 0.3s;
}

.header-phone-menu__link span {
    display: none;
}

.header-phone-menu__list {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    color: #0E0E0E;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    padding-bottom: var(--safe-area-inset-bottom, 0);
    overflow: hidden;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}

.header-phone-menu__li {
    position: relative;
}

.header-phone-menu__li_title {
    height: auto;
    padding: 12px 39px 11px 20px;
}

.header-phone-menu__link-list {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0E0E0E;
    font-size: 14px;
    white-space: nowrap;
    padding: 12px 39px 11px 20px;
    height: 48px;
}

.header-phone-menu__link-list:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

@media screen and (max-width: 767px) {
    .header-phone-menu__link-list:hover {
        background: none;
    }
}

.header-phone-menu__title {
    padding: 15px 0 7px;
    font-size: 19px;
    font-weight: 700;
}

.header-phone-menu__close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.header-phone-menu__close svg {
    pointer-events: none;
}

.header-phone-menu._active {
    color: #d7d7d7;
}

.header-phone-menu._active .header-phone-menu__list {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 19px);
}

.header-small {
    padding: 0 !important;
}

.header-small__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 0;
    width: 100%;
}

.header-small__back {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
}

.header-small__back:hover {
    color: #d7d7d7;
}

.header-small .header__logo {
    color: #fff;
    width: 110px;
    display: block;
}

.header-small .header__logo:hover {
    color: #d7d7d7;
}

.header-small__tel {
    display: inline-flex;
    border-radius: 8px;
    border: 2px solid #5b5b6a;
    height: 48px;
    padding: 0 30px;
    align-items: center;
    color: #fff;
}

.header-small__tel:hover {
    color: #d7d7d7;
}

.header {
    background: #fff;
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.header__hhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #263F8B;
    padding: 6px 0;
    color: #fff;
}

.header__hhead-left {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    gap: 26px;
}

.header__hhead-left i {
    width: 1px;
    height: 23px;
    background: #35363a;
}

.header__hhead-left .header-city__link,
.header__hhead-left .header__shop {
    color: #fff;
}

.header__hhead-left .header-city__link:hover,
.header__hhead-left .header__shop:hover {
    color: #d7d7d7;
}

.header__city-link {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header__shop {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.header__hhead-right {
    display: flex;
    align-items: center;
}

.header__hhead-contacts {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header__hhead-contacts a:not(.header-city__question-close) {
    color: #fff;
}

.header__hhead-contacts a:not(.header-city__question-close):hover {
    color: #d7d7d7;
}

.header__hhead-logo,
.header__hhead-logo:hover {
    color: #fff;
}

.header__service {
    font-size: 14px;
    color: #fff;
}

.header__service:hover {
    color: #d7d7d7;
}

.header__buyers {
    position: relative;
}

.header__buyers-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 11px;
    color: #fff;
}

.header__buyers-link * {
    pointer-events: none;
}

.header__buyers-link svg {
    transition: transform 0.3s;
}

.header__buyers-link:hover {
    color: #d7d7d7;
}

.header__buyers-link_active svg {
    transform: rotate(180deg);
}

.header__buyers-link_active ~ .header__buyers-select {
    opacity: 1;
    visibility: visible;
    transform: translateY(11px);
}

.header__buyers-select {
    position: absolute;
    top: 100%;
    left: -32px;
    display: flex;
    flex-flow: column;
    z-index: 1;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}

.header__buyers-select-link {
    display: block;
    white-space: nowrap;
    padding: 12px 32px 13px;
    font-size: 14px;
    color: #0E0E0E;
}

.header__buyers-select-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

@media screen and (max-width: 767px) {
    .header__buyers-select-link:hover {
        background: none;
    }
}

.header__bhead {
    position: relative;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e3;
}

.header__bhead-left {
    width: calc(100% - 442px);
    display: flex;
    align-items: center;
    gap: 31px;
}

.header__bhead-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header__logo {
    flex-shrink: 0;
    width: 100px;
}

.header__logo svg {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.header__logo:hover {
    color: #3a3a3c;
}

.header__search {
    flex-basis: 1000px;
    position: relative;
}

.header__search_focus .header__search-input {
    background: #fff !important;
}

.header__search-form {
    position: relative;
}

.header__search-cancel {
    display: none;
    color: #2a65c5;
    font-size: 12px;
}

.header__search-form-placeholder-list {
    display: none;
}

.header__search-clear {
    position: absolute;
    width: 36px;
    height: 24px;
    padding-right: 12px;
    border-right: 1px solid #e1e1e3;
    top: 50%;
    transform: translateY(-50%);
    right: 52px;
    color: #999;
    opacity: 0;
    pointer-events: none;
}

.header__search-clear:hover {
    color: #0E0E0E;
}

.header__search-clear * {
    pointer-events: none;
}

.header__search-input {
    height: 44px;
    padding-right: 60px;
    position: sticky;
    top: 0;
}

.header__search-input:hover {
    background: #eeeef0;
}

@media screen and (max-width: 767px) {
    .header__search-input:hover {
        background: none;
    }
}

.header__search-input.input-text-val ~ .header__search-clear {
    opacity: 1;
    pointer-events: auto;
}

.header__search-button {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
}

.header__search-button:hover {
    color: #0E0E0E;
}

.header__bhead-right {
    display: flex;
    justify-content: space-between;
    width: 402px;
}

.header__controll {
    position: relative;
}

.header__controll-login {
    display: flex;
    justify-content: center;
}

.login-enter {
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(175, 175, 175, 0.12), 0 16px 24px 0 rgba(175, 175, 175, 0.14);
}

.header__controll:hover .header__controll-hide {
    opacity: 1;
    visibility: visible;
    transform: translateY(6px);
}

.header__controll-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    color: #7d7d7d;
    font-size: 14px;
}

.header__controll-link:before {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #0E0E0E;
    opacity: 0;
    transition: opacity 0.3s;
}

.header__controll-link svg {
    margin-bottom: 1px;
}

.header__controll-link:hover {
    color: #0E0E0E;
}

.header__controll-link:hover:before {
    opacity: 1;
}

.header__controll-link_active {
    color: #0E0E0E;
}

.header__controll-hide {
    position: absolute;
    right: -46px;
    top: calc(100% + 9px);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(175, 175, 175, 0.12), 0 16px 24px 0 rgba(175, 175, 175, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    padding: 10px 8px 0 0;
    transition: opacity 0.2s 0.3s, visibility 0.2s 0.3s, transform 0.2s 0.3s;
}

.header__controll-hide_active {
    opacity: 1;
    visibility: visible;
    transform: translateY(9px);
}

.header__controll-hide--small {
    padding: 0;
}

.header__controll-sum {
    position: absolute;
    top: 0;
    right: 10px;
    width: 17px;
    height: 17px;
    background: #0E0E0E;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 11px;
    font-weight: 300;
    line-height: 14px;
    text-align: center;
    color: #fff;
    border: 1px solid #000;
}

.header__controll-sum.addCount {
    animation: 0.6s ease-in-out updCountBounce;
}

.header__menu-bt * {
    pointer-events: none;
}

.header__hhead-contacts svg [id=icon-telegram] g {
    fill: #fff000;
}

.header__menu-bt_active svg,
.header__menu-bt_close {
    display: none;
}

.header__menu-bt_active .header__menu-bt_close {
    display: block;
}

.header__controll-hide-enter {
    padding: 20px;
    width: 358px;
}

.header__controll-hide-enter p {
    line-height: 20px;
    margin-bottom: 32px;
}

.search-overlay {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 27, 0.7);
    z-index: 8;
    display: none;
}

@keyframes updCountBounce {
    0%, 100% {
        transform: scale(100%) translate(0, 0);
    }
    30% {
        transform: scale(90%) translate(2px, -5px);
    }
}

.insurance-advantage {
    display: flex;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
    gap: 20px;
    flex-wrap: wrap;
    list-style: none;
    padding: 16px;
    margin-bottom: 20px;
}

.insurance-advantage__li {
    width: calc(33.33% - 13.33px);
    text-align: center;
}

.insurance-advantage__title {
    color: #0E0E0E;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px;
}

.insurance-advantage__text {
    color: #7d7d7d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.insurance-foot__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
}

.insurance-foot__list {
    display: flex;
    border-radius: 8px;
    background: #f5f5f7;
    list-style: none;
    margin-bottom: 20px;
}

.insurance-foot__list_col1 .insurance-foot__li {
    width: 100%;
}

.insurance-foot__li {
    position: relative;
    width: 33.33%;
}

.insurance-foot__li:not(:last-child):before {
    content: "";
    width: 1px;
    background: #e1e1e3;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.insurance-foot__select {
    position: relative;
    display: flex;
    padding: 8px 20px;
    text-align: center;
    justify-content: center;
    border: 2px solid transparent;
    color: #7d7d7d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
}

.insurance-foot__select:hover {
    color: #0E0E0E;
}

.insurance-foot__select._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
    background: #fff;
}

.insurance-foot__price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.insurance-foot__price {
    color: #0E0E0E;
    font-weight: 800;
    font-size: 16px;
}

.insurance-foot__price span {
    font-size: 24px;
}

.insurance-foot__button * {
    pointer-events: none;
}

.insurance-min-select {
    display: flex;
    gap: 8px;
    overflow: auto;
    padding: 20px 12px;
    border-top: 0.5px solid #e1e1e3;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.insurance-min-select::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}

.insurance-min-select::-webkit-scrollbar-track {
    background: 0 0;
    width: 0;
    height: 0;
}

.insurance-min-select::-webkit-scrollbar-thumb {
    background-color: transparent;
    width: 0;
    height: 0;
}

.insurance-min-select__item {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 216px;
    min-width: 216px;
    padding: 10px;
    border-radius: 8px;
    background: #f5f5f7;
    border: 2px solid #f5f5f7;
    gap: 20px;
    transform: border-color 0.2s ease;
}

.insurance-min-select__item._current {
    border-color: #0E0E0E;
    background: #fff;
}

.insurance-min-select__item._current .insurance-min-select__price {
    padding-left: 28px;
    background: url(../img/icon/check-price.svg) 0 50% no-repeat;
}

.insurance-min-select__item * {
    pointer-events: none;
}

.insurance-min-select__title {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
}

.insurance-min-select__desc {
    color: #7d7d7d;
}

.insurance-min-select__price {
    font-weight: 600;
    transition: padding 0.3s;
}

.insurance-min-tab {
    display: none;
}

.insurance-min-tab__specification {
    border-top: 0.5px solid #e1e1e3;
    padding: 20px 12px;
}

.insurance-min-tab__info {
    padding: 20px 12px;
    border-top: 0.5px solid #e1e1e3;
}

.insurance-min-tab__info-title {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}

.insurance-min-tab__info-list {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
}

.insurance-min-tab__info-list-title {
    margin-bottom: 4px;
}

.insurance-min-tab__info-list-desc {
    color: #7d7d7d;
}

.insurance-min-tab__button-box {
    padding: 12px;
    border-top: 0.5px solid #e1e1e3;
}

.insurance-min-tab__button * span {
    pointer-events: none;
}

.insurance-offers {
    display: flex;
    gap: 12px;
}

.insurance-offers__items {
    display: flex;
    flex-flow: column;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    justify-content: space-between;
    background: #fff;
    padding: 16px;
    flex: 1;
}

.insurance-offers__items-head {
    padding: 12px;
    border-radius: 8px;
    background: #f5f5f7;
    margin-bottom: 20px;
}

.insurance-offers__title {
    color: #0E0E0E;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}

.insurance-offers__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.insurance-offers__title-list {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
}

.insurance-offers__li-title {
    margin-bottom: 4px;
}

.insurance-offers__li-desc {
    color: #7d7d7d;
}

.insurance-offers__list {
    display: flex;
    list-style: none;
    flex-flow: column;
    gap: 12px;
}

.insurance-offers__li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
}

.insurance-offers__li-box {
    width: calc(100% - 36px);
}

.menu-open .menu-bg {
    opacity: 0.7;
}

.menu-catalog {
    display: none;
    width: calc(100% - 309px);
    padding: 22px 20px 22px 42px;
}

.menu-catalog__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    grid-template-rows: auto;
    list-style: none;
    gap: 24px 10px;
}

.menu-catalog__li {
    position: relative;
    display: grid;
    align-items: start;
    grid-template-rows: auto;
    gap: 10px;
    width: 100%;
}

.menu-catalog__content {
    display: grid;
    align-items: start;
    gap: 10px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .menu-catalog__content {
        display: grid;
        flex-direction: column;
    }
}

.menu-catalog__content .menu-catalog__back {
    margin-left: 20px;
}

.menu-catalog__box {
    display: flex;
    flex-flow: column;
    gap: 10px;
    width: 100%;
}

.menu-catalog__label {
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 1px 5px 2px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 300;
    margin-left: 8px;
}

.menu-catalog__link {
    font-size: 14px;
    color: #0E0E0E;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .menu-catalog__link:hover {
        color: #0E0E0E;
    }
}

.menu-catalog__link-name {
    display: none;
}

.menu-catalog__link_title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 4px;
}

.menu-catalog__link_sub-title {
    font-weight: 600;
}

.menu-catalog__link_all {
    display: none;
}

.menu-catalog__link-show {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    color: #2a65c5;
    font-weight: 500;
    margin: -6px 0 -4px;
}

.menu-catalog__link-show svg {
    transition: transform 0.3s;
}

.menu-catalog__link-show:hover {
    color: #0c47a7;
}

.menu-catalog__link span {
    pointer-events: none;
}

.menu-catalog__link-show._active svg {
    transform: rotate(180deg);
}

.menu-catalog__back {
    color: #7d7d7d;
    font-size: 12px;
    padding-left: 24px;
    background: url(../img/icon/arrow-left.svg) 0 50% no-repeat;
    margin-bottom: 12px;
    margin-left: 20px;
}

.menu-catalog__list-title {
    display: block;
    font-size: 20px;
    color: #0E0E0E;
    font-weight: 700;
    margin: 12px 0 0;
    padding-left: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e1e1e3;
}

.menu-category {
    display: flex;
    flex-flow: column;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 90px;
    overflow: hidden;
}

.menu-category__link {
    color: #0E0E0E;
    font-weight: 700;
    background: calc(100% - 8px) 50% no-repeat;
    padding: 12px 18px;
    border-bottom: 1px solid #e1e1e3;
    background-image: url(../img/icon/arrow-right-bl.svg);
    font-size: 14px;
    height: 64px;
}

.menu-category__link span {
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .menu-category__link:hover {
        color: #0E0E0E;
    }
}

.menu-category__title {
    padding: 16px 20px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e3;
}

.menu-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #e1e1e3;
    z-index: 10;
    background: #fff;
    padding-bottom: var(--safe-area-inset-bottom, 0);
    transition: padding-bottom 0.3s;
}

.menu-footer__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.menu-footer__control {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    max-width: 75px;
    flex-flow: column;
    color: #999;
    padding: 5px;
    font-size: 10px;
}

.menu-footer__control .header__controll-sum {
    top: 7px;
    right: 18px;
}

.menu-footer__control span {
    margin-top: -2px;
}

.menu-footer__control:hover,
.menu-footer__control_active {
    color: #999;
}

.menu-footer__control_active-page {
    color: #0E0E0E;
}

.menu {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    overflow-y: auto;
    z-index: 8;
    background: #fff;
    overflow-x: hidden;
}

.menu_active {
    display: block;
}

.menu__wrapper {
    display: grid;
    grid-template-columns: 337px 1fr 300px;
    align-items: flex-start;
    max-height: 100%;
}

.menu-open {
    overflow: hidden;
}

.menu-open body {
    position: fixed;
    top: 0;
    width: 100%;
}

.modal {
    display: none;
    max-width: 862px;
    width: 100%;
    padding: 27px 20px;
    border-radius: 12px;
    color: #0E0E0E;
}

.modal__remove {
    max-width: 590px;
    padding: 20px 12px calc(var(--safe-area-inset-bottom, 0) + 20px);
}

.modal__remove-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.modal__remove-text {
    margin-bottom: 32px;
}

.modal__ajax {
    display: block;
}

.modal__form {
    padding: 12px 0;
}

.modal__s {
    max-width: 440px;
    padding: 20px 12px;
}

.modal-warning._hidden,
.modal-city-select._hidden {
    display: none;
}

.modal-warning--btn-group > button {
    border: 1px solid #d3d3d3;
    background: #fff;
    padding: 10px 20px;
    border-radius: 6px;
}

.modal-warning--btn-group > button.__apply {
    background: #0E0E0E;
    color: #ffffff;
}

.modal:has(.modal-warning) .is-close-btn {
    display: none;
}

.modal-warning .modal__title {
    margin-bottom: 16px;
    font-weight: 600;
}

.modal-warning .modal__desc {
    margin-bottom: 32px;
}

.modal:has(.city-change-warning.modal-warning) {
    max-width: 517px;
    padding: 40px;
}

@media (max-width: 1024px) {
    .modal:has(.city-change-warning.modal-warning) {
        max-width: 100%;
        padding: 24px;
    }
}

.modal__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

.modal__desc {
    font-size: 14px;
    margin-bottom: 4px;
}

.modal .is-close-btn {
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    color: #999;
    opacity: 1;
    transition: 0.3s;
}

.modal .is-close-btn:hover {
    color: #0E0E0E !important;
}

.modal .is-close-btn svg {
    width: 14px;
    height: 14px;
}

.modal.modal__credit {
    max-width: 600px;
    padding: 20px 12px;
}

.modal.modal__credit .modal__title {
    margin-bottom: 20px;
    font-weight: 600;
}

.modal.modal__credit .modal__text {
    line-height: 20px;
    margin-bottom: 32px;
}

.modal.modal__credit .modal__text ul {
    margin-bottom: 24px;
    padding-left: 16px;
}

.modal.modal__credit .modal__text li {
    margin-bottom: 12px;
}

.modal.modal__credit .modal__text p {
    margin-bottom: 24px;
}

.modal.modal__credit .modal__text .bold {
    font-weight: 600;
    margin-bottom: 8px;
}

.modal.modal__credit .modal__text .disc {
    padding-left: 16px;
}

.modal.modal__credit .modal__text .disc span {
    display: list-item;
    list-style: disc;
}

.modal.modal__credit .modal__text .disc:not(:last-child) {
    margin-bottom: 12px;
}

.modal.modal__credit .modal__text .disc:last-child {
    margin-bottom: 16px;
}

.modal__link {
    display: inline-flex;
    padding: 8px 0;
    color: #2a65c5;
    line-height: 20px;
}

.modal__link:hover {
    color: #0c47a7;
}

.modal__link-button {
    display: inline-flex;
    padding: 8px 0;
}

.modal__reviews {
    padding: 40px;
    width: 100%;
    max-width: none;
    max-height: 100%;
    overflow: auto;
}

.modal__reviews .modal__title {
    margin-bottom: 20px;
    font-weight: 600;
}

.modal__reviews .modal__form {
    padding: 0;
}

.modal__reviews .catalog-mini__item {
    margin-bottom: 32px;
}

.modal__reviews .catalog-mini__link {
    padding: 0;
    grid-template-columns: 100px 1fr;
    border: none;
    align-items: center;
}

.modal__reviews .catalog-mini__link:hover {
    border: none;
}

.modal__reviews .catalog-mini__link .catalog-mini__text {
    gap: 8px;
}

.modal__reviews .catalog-mini__link .catalog-mini__name {
    font-size: 14px;
    line-height: 20px;
    transition: color 0.3s;
    margin-bottom: 0;
}

.modal__reviews .catalog-mini__link .catalog-mini__name:hover {
    color: #7d7d7d;
}

.modal__reviews .catalog-mini__link .catalog-mini__ptice {
    font-weight: 600;
}

.modal.modal__complect {
    width: 100%;
    padding: 20px 12px;
    max-width: none;
    overflow: hidden;
}

.modal.modal__complect .modal__title {
    border-bottom: 0.5px solid #e1e1e3;
    padding: 0 12px 20px;
    margin: 0 -12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.modal.modal__complect .catalog-body__list {
    padding-bottom: 48px;
    margin-top: 0;
}

.modal__complect-content {
    overflow: auto;
    max-height: calc(100% - 48px);
    padding: 0;
}

.modal__best-price {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    padding: 20px 12px;
    max-height: 100%;
}

.modal__best-price-content {
    overflow: auto;
    height: 100%;
}

.modal__best-price-title {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 600;
}

.modal__best-price-desc {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.modal .cart-purchase__benefit p,
.modal .cart-purchase__benefit span {
    display: block;
    width: calc(100% - 48px);
}

.modal__best-price-dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
    font-size: 14px;
}

.modal__best-price-dl:not(:last-child) {
    border-bottom: 1px solid #e1e1e3;
}

.modal__best-price-dl:last-child {
    margin-bottom: 32px;
}

.modal__best-price-dl_first {
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fafafb;
    font-weight: 600;
    padding: 16px;
}

.modal__best-price-dd {
    text-align: right;
}

.modal__best-price-dd span {
    display: inline-block;
    margin-top: 4px;
    color: #cd0900;
    font-size: 12px;
}

.modal__best-price-form {
    overflow: auto;
    width: 100%;
    max-width: 100%;
    padding: 20px 12px;
}

.modal__best-price-form .modal__form {
    padding: 0;
}

.modal__best-price-form-desc {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.modal__best-price-form-desc span {
    display: block;
    padding: 8px 0;
    margin-top: 4px;
}

.modal__best-price-form-desc a {
    color: #2a65c5;
    line-height: 20px;
}

.modal__best-price-form-desc a:hover {
    color: #0c47a7;
}

.modal__best-price-conditions {
    overflow: auto;
    width: 100%;
    max-width: 100%;
    padding: 56px 12px 20px;
}

.modal__best-price-conditions ul {
    display: flex;
    flex-flow: column;
    padding-left: 20px;
    gap: 12px;
    font-size: 14px;
}

.modal__best-price-conditions-title.modal__title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.modal__back {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    top: 12px;
    left: 10px;
    color: #0E0E0E;
}

.modal__back:hover {
    color: #7d7d7d;
}

.modal__availability {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    padding: 20px 12px;
}

.modal__availability .modal__title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
}

.modal__availability-content {
    height: calc(100% - 49px);
}

.modal__insurance {
    max-width: 100%;
    padding: 20px 0;
}

.modal__insurance-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    padding: 8px 0;
    margin-bottom: 24px;
}

.modal__insurance-content-scroll {
    overflow: auto;
    max-height: calc(var(--vh, 1vh) * 100 - 202px);
}

.modal__max-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
}

.modal__max-text {
    margin-bottom: 32px;
}

.modal__max-text a {
    display: inline-block;
    color: #0E0E0E;
    font-weight: 600;
    text-decoration-line: underline;
}

.modal__max-text a:hover {
    color: #7d7d7d;
    text-decoration: none;
}

.modal__credit-basket {
    max-width: 100%;
    padding: 0;
}

.modal__credit-basket-title {
    font-size: 32px;
    font-weight: 700;
    padding-right: 40px;
}

@media screen and (max-width: 1023px) {
    .modal__credit-basket-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        padding: 40px 40px 20px 20px;
        border-bottom: 1px solid #e1e1e3;
    }
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-title {
        font-size: 20px;
        padding: 20px 40px 20px 20px;
        line-height: 24px;
    }
}

.modal__credit-basket-text-box {
    padding: 20px;
    border-radius: 8px;
    border: 0.5px solid #e1e1e3;
    background: #f5f5f7;
    margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
    .modal__credit-basket-text-box {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-text-box {
        padding: 12px;
    }
}

.modal__credit-basket-text {
    font-size: 14px;
    line-height: 16px;
    color: #7d7d7d;
}

.modal__credit-basket-text-title {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-text-title {
        font-size: 14px;
    }
}

.modal__credit-basket-foot {
    padding: 0;
}

@media screen and (max-width: 1023px) {
    .modal__credit-basket-foot {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-foot {
        padding: 24px 12px;
    }
}

.modal__credit-basket-bt-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.modal__credit-basket-sum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
    .modal__credit-basket-sum {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-sum {
        margin-bottom: 20px;
    }
}

.modal__credit-basket-sum dt {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.modal__credit-basket-sum dd {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.modal__credit-basket-bt::before {
    content: attr(data-mob);
}

.modal__credit-basket-body {
    overflow: auto;
    max-height: 400px;
    padding: 16px 16px 32px;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

@media screen and (max-width: 1023px) {
    .modal__credit-basket-body {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-body {
        padding: 20px 12px;
        height: 354px;
    }
}

.modal__credit-basket-items {
    display: flex;
    flex-flow: column;
    gap: 12px;
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-items {
        gap: 8px;
    }
}

.modal__credit-basket-item {
    display: grid;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-item {
        gap: 12px 20px;
        grid-template-columns: 80px 1fr;
        grid-template-areas: "a b" "a c";
    }
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-item-name {
        grid-area: b;
        line-height: 19px;
        height: 38px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.modal__credit-basket-item-price-box {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-item-price-box {
        grid-area: c;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.modal__credit-basket-item-price {
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    margin-bottom: 8px;
}

.modal__credit-basket-item-sum {
    display: inline-flex;
    color: #7d7d7d;
    line-height: 20px;
    gap: 8px;
}

@media screen and (max-width: 767px) {
    .modal__credit-basket-item-img {
        grid-area: a;
    }
}

@media screen and (max-width: 1023px) {
    .modal__credit-basket .is-close-btn {
        top: 9px;
    }
}

.js-modal-inline * {
    pointer-events: none;
}

.fancybox__slide:not(.has-image) {
    padding: 0;
}

.popular-slider {
    padding: 20px;
    position: static;
    margin: auto;
}

.popular-slider .catalog-body__label,
.popular-slider .catalog-body__label-box {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.popular-slider__content {
    position: relative;
    margin-bottom: 0;
}

.popular-slider__wrapper {
    flex-wrap: nowrap;
    margin: 0;
    gap: 0 !important;
}

.popular-slider .popular-slider__slide {
    padding: 20px;
    width: 303px;
    border-radius: 12px;
}

/* .popular-slider
    .popular-slider__slide.catalog-body__item:hover
    .catalog-body__inner {
    position: static;
    padding: 20px;
} */
/* .popular-slider
    .popular-slider__slide.catalog-body__item:hover
    .catalog-body__inner
    .catalog-body__name.text__full {
    display: none;
} */
/* .popular-slider
    .popular-slider__slide.catalog-body__item:hover
    .catalog-body__inner
    .catalog-body__name.text__cut {
    display: block;
} */
.popular-slider .popular-slider__slide img {
    max-width: calc(100% - 39px);
}

.popular-slider__arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.popular-slider__arrow:hover {
    border: 1.5px solid #999;
}

.popular-slider__arrow.swiper-button-disabled {
    display: none;
}

.popular-slider__arrow svg {
    width: 24px;
    height: 24px;
}

.popular-slider__arrow:after {
    display: none;
}

.popular-slider__arrow_next {
    right: 0px;
}

.popular-slider__arrow_prev {
    left: 0px;
}

.popular-slider__arrow_prev svg {
    transform: rotate(180deg);
}

.popular {
    overflow: hidden;
}

.popular_bg-gray {
    background: #f5f5f7;
    padding: 120px 0 98px;
}

.popular_bg-gray .catalog-body__item {
    background: #fff;
}

.popular__wrapper {
    max-width: 1660px;
}

.popular__wrapper .popular-slider__content {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 767px) {
    .popular__wrapper .popular-slider__content {
        padding-left: 0;
        padding-right: 0;
    }
}

price-range {
    --thumb-size: 20px;
    --thumb-color: #0E0E0E;
    --thumb-shadow-size: 5px;
    --track-size: 1px;
    --track-color: #e1e1e3;
    --track-highlight-color: #999;
    width: 100%;
    display: block;
}

price-range > .range-container {
    position: relative;
    height: calc(var(--thumb-size) + 1px);
    margin: auto;
    width: 100%;
}

price-range > .range-container > div {
    width: calc(100% - 20px);
    height: var(--track-size);
    background: var(--track-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

price-range input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: auto;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
}

price-range input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}

price-range input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}

price-range input[type=range]::-ms-track {
    appearance: none;
    height: 5px;
}

price-range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -7px;
    width: var(--thumb-size);
    height: var(--thumb-size);
    background: var(--thumb-color);
    border: none;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 0 0 var(--thumb-color);
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
}

price-range input[type=range][aria-label=From]::-webkit-slider-thumb {
    margin-left: -10px;
    -webkit-appearance: none;
}

/*
price-range input[type=range][aria-label=From]::-moz-range-thumb {
  margin-left: -20px;
}
price-range input[type=range][aria-label=From]::-ms-thumb {
  margin-left: -20px;
}
*/
price-range input[type=range][aria-label=To]::-webkit-slider-thumb {
    margin-left: 10px;
    -webkit-appearance: none;
}

/*
price-range input[type=range][aria-label=To]::-moz-range-thumb{
  margin-left: 20px;
}
price-range input[type=range][aria-label=To]::-ms-thumb {
  margin-left: 20px;
}
*/
price-range input[type=range]::-webkit-slider-thumb:hover {
    background: #7d7d7d;
}

price-range input[type=range][aria-label=From]::-moz-range-thumb,
price-range input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    width: var(--thumb-size);
    height: var(--thumb-size);
    background: var(--thumb-color);
    border: none;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 0 0 var(--thumb-color);
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
}

price-range input[type=range]::-moz-range-thumb:hover {
    background: #3a3a3c;
}

price-range input[type=range]::-ms-thumb {
    appearance: none;
    width: var(--thumb-size);
    height: var(--thumb-size);
    background: var(--thumb-color);
    border: none;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 0 0 var(--thumb-color);
    -ms-transition: background-color 0.15s;
    transition: background-color 0.15s;
}

price-range input[type=range]::-ms-thumb:hover {
    background: #3a3a3c;
}

.price-range-input {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.price-range-input:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    background: #e1e1e3;
}

.price-range-input .bx-filter-parameters-box-container-block {
    display: flex;
    position: relative;
    align-items: center;
    background: #fff;
    padding: 0 0 0 20px;
    border: 1px solid #e1e1e3;
    border-radius: 8px;
    width: calc(50% - 5px);
    font-size: 12px;
    color: #7d7d7d;
    z-index: 2;
}

.price-range-input .bx-filter-parameters-box-container-block .currency {
    display: none;
}

.price-range-input .bx-filter-parameters-box-container-block i {
    font-style: normal;
    margin-top: 3px;
}

.price-range-input .bx-filter-parameters-box-container-block input {
    border: none;
    outline: 0;
    padding: 0 5px;
    height: 36px;
    width: 100%;
    border-radius: 8px;
    font-size: 14px;
    min-width: 80%;
    max-width: 80%;
}

@media (min-width: 1023px) {
    .price-range-input .bx-filter-parameters-box-container-block input {
        max-width: 100%;
    }
}

.price-range-input .bx-filter-parameters-box-container-block .bx-filter-input-container {
    width: 100%;
    flex: 1;
}

.receipts {
    display: flex;
    gap: 8px;
    overflow: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
}

.receipts::-webkit-scrollbar {
    width: 0;
    display: none;
}

.receipts__item {
    border-radius: 8px;
    background: #f5f5f7;
    font-size: 14px;
    padding: 8px 17px;
    text-wrap: nowrap;
}

.receipts__item:hover {
    background: #e4e4e6;
    color: #0E0E0E;
}

.reviews-rating__select {
    display: flex;
    gap: 12px;
    margin-bottom: 32px;
}

.reviews-rating__select-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.reviews-rating__select-title span {
    color: #2a65c5;
}

.reviews-rating__select-stars {
    display: flex;
    margin-left: -2px;
}

.reviews-rating__select-stars span {
    display: inline-block;
    color: transparent;
    padding: 0 2px;
}

.reviews-rating__select-stars span * {
    pointer-events: none;
}

.reviews-rating__select-stars span._active,
.reviews-rating__select-stars span:not(._clicked) ~ .reviews-rating__select-stars span._clicked {
    color: #0E0E0E;
}

.reviews-rating__select-stars span._clicked ~ ._active {
    color: transparent;
}

.reviews-rating__select-stars svg {
    width: 24px;
    height: 24px;
}

.reviews {
    margin-bottom: 120px;
}

.reviews__container {
    display: grid;
    grid-template-columns: 1034px 440px;
    align-items: flex-start;
    justify-content: space-between;
}

.reviews__sort {
    display: flex;
    gap: 8px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e1e1e3;
}

.reviews__sort-link {
    color: #0E0E0E;
    font-size: 14px;
    padding: 7px 12px 8px;
    border-radius: 6px;
    background: #eeeef0;
    border: 1px solid #eeeef0;
}

.reviews__sort-link:hover {
    background: #e1e1e3;
    color: #0E0E0E;
}

.reviews__sort-link_active {
    border-color: #0E0E0E;
    background: #fff;
    pointer-events: none;
}

.reviews__item {
    padding: 24px 0;
    border-bottom: 1px solid #e1e1e3;
}

.reviews__info {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.reviews__name {
    color: #0E0E0E;
    font-size: 20px;
    font-weight: 800;
}

.reviews__info-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.reviews__date {
    color: #7d7d7d;
    font-size: 14px;
}

.reviews__stars {
    display: flex;
    gap: 6px;
}

.reviews__text {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-bottom: 20px;
}

.reviews__text b {
    font-weight: 700;
}

.reviews__grade {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews__grade i {
    width: 1px;
    height: 16px;
    background: #e1e1e3;
}

.reviews__grade-link {
    display: flex;
    align-items: center;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.078px;
    gap: 4px;
}

.reviews__grade-link * {
    pointer-events: none;
}

.reviews__grade-link:hover {
    color: #0E0E0E;
}

.reviews__grade-link svg {
    width: 24px;
    height: 24px;
}

.reviews__grade-link_minus .reviews__grade-link-icon {
    transform: rotate(180deg);
}

.reviews__grade-link_active {
    color: #0E0E0E;
}

.reviews__grade-link_active .reviews__grade-link-icon {
    position: relative;
}

.reviews__grade-link_active .reviews__grade-link-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../img/icon/grade-fill.svg) 50% 50% no-repeat;
}

.reviews__vis {
    display: inline-flex;
    margin-top: 24px;
    color: #2a65c5;
}

.reviews__vis:hover {
    color: #0c47a7;
}

.reviews__result {
    position: sticky;
    top: 210px;
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #e1e1e3;
    background: #fff;
}

.reviews__result-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.reviews__result-head-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviews__result-head-box .reviews__stars {
    gap: 6px;
    margin-bottom: 8px;
}

.reviews__result-grade {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.374px;
}

.reviews__result-sum {
    color: #7d7d7d;
}

.reviews__result-sort {
    display: flex;
    flex-flow: column;
    gap: 12px;
}

.reviews__result-sort i {
    position: relative;
    border-radius: 30px;
    height: 4px;
    width: calc(100% - 88px);
    background: #d7d7d7;
}

.reviews__result-sort i:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--widthLine, 0);
    height: 100%;
    transition: width 0.3s;
    background: #0E0E0E;
    border-radius: 30px;
}

.reviews__result-sort span {
    display: inline-block;
    width: 44px;
}

.reviews__result-sort-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviews__result-sort-minus {
    color: #7d7d7d;
}

.reviews__result-sort-plus {
    color: #0E0E0E;
    text-align: right;
}

.reviews__not-rating {
    max-width: 438px;
    margin-bottom: -5px;
    padding-top: 6px;
}

.reviews__not-rating .reviews__send-button {
    margin-top: 0;
}

.reviews__not-rating-box-grade {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.reviews__not-rating-box-grade-text {
    color: #999;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}

.reviews__not-rating-box-grade-stars {
    display: flex;
    gap: 6px;
    line-height: 0;
}

.reviews__not-rating-text {
    line-height: 20px;
    margin-bottom: 24px;
}

.search-result-output {
    margin: 40px 0 42px;
}

.search-result-output__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

.search-result-output__text {
    max-width: 919px;
    line-height: 1.25;
}

.search-result-output__text a {
    font-weight: 700;
}

.search-result-output__category {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.search-result-output__category::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}

.search-result-output__category::-webkit-scrollbar-track {
    background: 0 0;
    width: 0;
    height: 0;
}

.search-result-output__category::-webkit-scrollbar-thumb {
    background-color: transparent;
    width: 0;
    height: 0;
}

.search-result-output__category-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.search-result-output__category-link {
    border-radius: 6px;
    flex: 0 0 auto;
    background: #f5f5f7;
    font-size: 14px;
    padding: 7px 12px;
    height: 32px;
    border: 1px solid #f5f5f7;
}

.search-result-output__category-link span {
    color: #7d7d7d;
    font-size: 12px;
}

.search-result-output__category-link:hover {
    background: #e4e4e6;
    border-color: #e4e4e6;
    color: #0E0E0E;
}

.search-result-output__category-link_active,
.search-result-output__category-link_active:hover {
    border-color: #0E0E0E;
    background: #fff;
}

.search-result {
    width: 775px;
    position: fixed;
    top: calc(100% + 9px);
    left: 0;
    right: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
    padding: 36px;
    overflow-y: auto;
    overscroll-behavior: none;
    contain: content;
    -webkit-overflow-scrolling: touch;
    transition: height 0.3s ease;
    max-height: calc(var(--vh, 1vh) * 100 - 108px);
    z-index: 9;
    display: none;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
}

@media screen and (min-width: 768px) {
    .search-result {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 767px) {
    .search-result {
        position: absolute;
        height: 100%;
        max-height: calc(var(--vh, 1vh) * 100 - var(--header-height, 60px));
        bottom: 0;
        top: var(--header-height, 60px);
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
        padding: 20px;
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
    }
}

.search-result:empty {
    display: none !important;
}

.search-result::-webkit-scrollbar {
    width: 4px;
}

.search-result::-webkit-scrollbar-track {
    background: 0 0;
}

.search-result::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
}

.search-result__col {
    display: flex;
    flex-flow: column;
}

.search-result.search-result_ok {
    display: none;
}

.search-result__container {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 37px;
}

@media screen and (max-width: 767px) {
    .search-result__container {
        padding-bottom: 400px;
    }
}

.search-result__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.search-result__title {
    font-weight: 700;
}

.search-result__link {
    position: relative;
    display: inline-block;
    align-items: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 346px;
    border-radius: 6px;
    padding: 0 10px;
}

.search-result__link:not(:last-child) {
    margin-bottom: 4px;
}

.search-result__link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

@media screen and (max-width: 767px) {
    .search-result__link:hover {
        background: none;
    }
}

.search-result__link:hover .search-result__link-remove {
    opacity: 1;
}

.search-result__link span {
    color: #2a65c5;
}

.search-result__link img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

.search-result__link svg {
    width: 12px;
    height: 24px;
}

.search-result__link-remove {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    color: #999;
    transition: opacity 0.2s;
}

.search-result__link-remove svg {
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition: color 0.2s;
    color: #999;
}

.search-result__link-remove:hover svg {
    color: #0E0E0E;
}

.search-result__box {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}

.search-result__box:not(:last-child) {
    margin-bottom: 24px;
}

.search-result__clear-history {
    color: #7d7d7d;
    font-size: 12px;
}

.search-result__clear-history:hover {
    color: #0E0E0E;
}

.search-result__button {
    margin-top: 20px;
}

.search-result__clue {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

.search-result__clue-link {
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    background: #f5f5f7;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    color: #0E0E0E;
    font-size: 12px;
    padding: 0 16px;
}

.search-result__clue-link:hover {
    color: #0E0E0E;
    background: #e4e4e6;
}

.header__search_focus .search-result:not(.search-result_ok),
.header__search_val .search-result_ok {
    display: block;
}

.header__search_val .search-result_ok + .search-result {
    display: none;
}

.select-box {
    position: relative;
}

.select-box-js__current {
    position: relative;
    height: 38px;
    padding: 10px 43px 11px 30px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    font-size: 14px;
    color: #0E0E0E;
    cursor: pointer;
    min-width: 203px;
    transition: border-color 0.3s;
}

.select-box-js__current:hover {
    border-color: #0E0E0E;
}

.select-box-js__current:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 18px;
    background: url(../img/icon/arrow-top-bl.svg) 0 0/contain;
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    pointer-events: none;
    transition: transform 0.3s;
}

.select-box-js__current_active {
    border-radius: 8px 8px 0 0;
}

.select-box-js__current_active:after {
    transform: rotate(0);
}

.select-box-js__current_active + .select-box__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.select-box__list {
    position: absolute;
    display: flex;
    flex-flow: column;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #e1e1e3;
    border-top: none;
    list-style: none;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 11px 15px 0 rgba(155, 155, 155, 0.2), 0 9px 46px 0 rgba(155, 155, 155, 0.12), 0 24px 38px 0 rgba(155, 155, 155, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-7px);
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s, padding-bottom 0.3s;
    padding-bottom: var(--safe-area-inset-bottom, 0);
}

.select-box__li {
    padding: 15px 20px;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    transition: color 0.3s;
}

.select-box__li:not(.select-box__li_title) {
    height: 48px;
}

.select-box__li:not(:last-child) {
    border-bottom: 1px solid #e1e1e3;
}

.select-box__li:hover {
    color: #0E0E0E;
}

.select-box__li_active {
    color: #0E0E0E;
    background: url(../img/icon/check-bl.svg) calc(100% - 5px) 50% no-repeat;
    pointer-events: none;
}

.select-box__li_title {
    position: relative;
    font-size: 19px;
    font-weight: 700;
    padding: 24px 60px 16px 20px;
    color: #0E0E0E;
    pointer-events: none;
}

.select-box__list-bg {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 25, 27, 0.7);
}

.select-box__close {
    position: absolute;
    right: 23px;
    top: 20px;
    width: 24px;
    height: 24px;
}

.tabs {
    width: 100%;
}

.tabs__list {
    display: grid;
    grid-template-columns: repeat(var(--tabs-columns, 2), 1fr);
    list-style: none;
}

.tabs__li {
    border-bottom: 2px solid #e1e1e3;
    background: #fff;
    color: #7d7d7d;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    transition: color 0.3s, border-color 0.3s;
    cursor: pointer;
}

.tabs__li._current {
    color: #0E0E0E;
    border-color: #0E0E0E;
    pointer-events: none;
}

.tabs__container {
    padding: 28px 0;
}

.tabs__container:not(._active) {
    display: none;
}

.tabs__container h3 {
    margin-bottom: 12px;
    font-size: 16px;
}

.tabs__container p {
    line-height: 1.25;
    margin-bottom: 20px;
}

.tabs__container ul {
    margin-bottom: 20px;
    padding-left: 15px;
}

.tabs__container img {
    margin-bottom: 28px;
}

.tabs__container a {
    color: #2a65c5;
}

.tabs__container a:hover {
    color: #0c47a7;
}

.tabs__container dl {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.tabs__container dl:not(:last-child) {
    margin-bottom: 8px;
}

.tabs__container dl:last-of-type {
    margin-bottom: 28px;
}

.tabs__container dl + h3 {
    margin-top: 28px;
}

.tabs__container dl dt {
    position: relative;
    width: calc(100% - 310px);
    display: flex;
    align-items: flex-end;
    color: #7d7d7d;
    font-size: 14px;
}

.tabs__container dl dt span {
    position: relative;
    display: inline-block;
    background: #fff;
    z-index: 1;
}

.tabs__container dl dt:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 0.5px dashed #b9b9b9;
    bottom: 0;
    left: 0;
}

.tabs__container dl dd {
    width: 308px;
    font-size: 14px;
}

.tabs__container dl .cart-parameter__info {
    top: auto;
    bottom: 0;
    position: absolute;
    right: -21px;
    width: 19px;
    height: 19px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 0;
}

.tooltip {
    position: absolute;
    font-size: 14px;
    left: var(--left);
    background: #fff;
    color: #0E0E0E;
    font-style: normal;
    padding: 16px;
    line-height: normal;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(225, 225, 225, 0.2), 0 0 46px 0 rgba(225, 225, 225, 0.12), 0 10px 38px 0 #e1e1e1;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    width: 286px;
    z-index: 9;
}

.tooltip:before {
    content: "";
    position: absolute;
    top: -35px;
    left: calc(50% - 21px);
    border: 21px solid transparent;
    border-bottom-color: #fff;
    z-index: 2;
    transition: opacity 0.3s, visibility 0.3s;
}

.tooltip__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 11px;
}

.tooltip__close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.tooltip__close * {
    pointer-events: none;
}

.tooltip__text {
    font-size: 12px;
}

.tooltip__bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0, 0, 0, 0.7);
}

.viewed {
    margin-bottom: 120px;
}

.viewed__slider {
    padding: 25px;
    margin: -25px;
}

.viewed__slider-slide {
    width: 370px;
}

.viewed__slider-arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.viewed__slider-arrow:hover {
    border: 1.5px solid #999;
}

.viewed__slider-arrow.swiper-button-disabled {
    display: none;
}

.viewed__slider-arrow svg {
    width: 24px;
    height: 24px;
}

.viewed__slider-arrow:after {
    display: none;
}

.viewed__slider-arrow_next {
    right: 20px;
}

.viewed__slider-arrow_prev {
    left: 20px;
}

.viewed__slider-arrow_prev svg {
    transform: rotate(180deg);
}

.viewed .catalog-mini__item {
    transition: box-shadow 0.3s;
    border-radius: 12px;
}

.viewed .catalog-mini__item:hover {
    border: none;
}

.viewed .catalog-mini__link {
    padding: 12px 12px 13px;
    border: none;
}

.viewed .catalog-mini__link:hover {
    border: none;
}

.viewed .catalog-mini__ptice {
    font-weight: 600;
}

@media (min-width: 767px) {
    .f-fadeIn {
        animation: 0.2s both f-fadeIn;
    }

    .f-fadeOut {
        animation: 0.2s both f-fadeOut;
    }

    :root {
        --headH: 104px;
    }

    .button__font-small {
        font-size: 14px;
    }

    .h2,
    h2 {
        margin-bottom: 24px;
    }

    .basket-menu__price {
        font-size: 24px;
    }

    .basket-recommendation__arrow {
        display: flex;
    }

    .breadcrumps {
        font-size: 14px;
    }

    .card {
        margin-bottom: 78px;
    }

    .card h1 {
        margin-bottom: 20px;
    }

    .card__control {
        justify-content: flex-start;
        gap: 20px;
        margin-bottom: 20px;
    }

    .catalog-body__list {
        gap: 20px;
        margin: 24px 0 0;
        border: none;
        width: 100%;
    }

    .catalog-body__item:nth-child(2n+1) {
        border: none;
    }

    .catalog-body__item {
        border: none;
        width: calc(33.33% - 14px);
    }

    .catalog-body__img-sl-slide img {
        max-width: 160px;
    }

    .catalog-body__name {
        font-size: 14px;
    }

    .catalog-body__price p:not([class]) {
        font-weight: 800;
        font-size: 16px;
    }

    .catalog-body__price p:not([class]) span {
        font-size: 14px;
    }

    .catalog-body__price-sale {
        font-size: 12px;
    }

    .catalog-body__price-not {
        font-size: 16px;
    }

    .catalog-body__control-icon {
        width: 36px;
        height: 36px;
    }

    .catalog-body_list .catalog-filter + .catalog-body__list .catalog-body__item {
        width: 100% !important;
    }

    .catalog-body_list .catalog-body__list {
        gap: 12px;
    }

    .catalog-body_list .catalog-body__desc {
        padding-top: 19px;
    }

    .catalog-body_list .catalog-body__name {
        margin-bottom: 12px;
        font-weight: 600;
    }

    .catalog-body_list .catalog-body__characteristics {
        display: block;
    }

    .catalog-body_list .catalog-body__rating {
        display: flex;
    }

    .catalog-body_list .catalog-body__sales {
        padding-top: 19px;
    }

    .catalog-body_list .catalog-body__control {
        flex-wrap: wrap;
    }

    .catalog-body_list .catalog-body__price i:after {
        left: auto;
        right: -44px;
    }

    .catalog-body_list .catalog-body__control-icon {
        width: 40px;
        height: 40px;
    }

    .catalog-body_list .catalog-body__control-icon.catalog-body__favorites:before {
        background-size: 33px 33px;
    }

    .catalog-body_list .catalog-body__control-icon svg {
        width: 33px;
        height: 33px;
    }

    .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
        grid-template-columns: 1fr 90px;
        gap: 18px;
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
        max-width: 160px;
    }

    .catalog-pagin__button {
        width: auto;
        margin: 42px 0;
    }

    .catalog {
        margin-top: 32px;
    }

    .categories-list {
        gap: 20px;
        margin-bottom: 80px;
    }

    .categories-list__li {
        width: calc(33.33% - 13.33px);
    }

    .city-search__list-main {
        width: 174px;
    }

    .city-search__list {
        width: auto;
    }

    .insurance-min-select {
        margin-bottom: 24px;
        padding: 0;
        border: none;
    }

    .insurance-min-select__item {
        width: 50%;
    }

    .insurance-min-tab__info,
    .insurance-min-tab__specification {
        padding: 24px 0;
    }

    .insurance-min-tab__info-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .insurance-min-tab__button-box {
        padding: 12px 0;
    }

    .menu-catalog__back {
        font-size: 14px;
        margin-left: 20px;
    }

    .menu-category__link {
        padding: 19px 20px;
        height: 56px;
    }

    .menu-category__title {
        display: none;
    }

    .modal {
        padding: 48px;
    }

    .modal__remove {
        padding: 40px 20px calc(var(--safe-area-inset-bottom, 0) + 40px);
    }

    .modal__s {
        padding: 20px;
    }

    .modal__title {
        font-size: 19px;
    }

    .modal__desc {
        margin-bottom: 8px;
    }

    .modal .is-close-btn {
        top: 10px;
        right: 10px;
    }

    .modal.modal__credit {
        padding: 20px;
    }

    .modal__link-button {
        color: #2a65c5;
    }

    .modal__link-button:hover {
        color: #0c47a7;
    }

    .modal.modal__complect,
    .modal__reviews {
        padding: 20px;
    }

    .modal.modal__complect .modal__title {
        padding: 0 20px 20px;
        margin: 0 -20px;
    }

    .modal.modal__complect .catalog-body__list {
        gap: 12px;
    }

    .modal.modal__complect .catalog-body__item {
        width: calc(33.33% - 9px);
    }

    .modal__complect-content {
        padding: 20px 0 0;
    }

    .modal__best-price,
    .modal__best-price-form {
        padding: 20px;
    }

    .modal__best-price-conditions {
        padding: 56px 20px 20px;
    }

    .modal__back {
        left: 18px;
    }

    .modal__availability {
        padding: 20px;
    }

    .modal__availability .modal__title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .modal__insurance {
        padding: 20px;
    }

    .modal.modal__max {
        max-width: 590px;
        padding: 40px 60px;
    }
}

@media screen and (min-width: 767px) and (max-width: 990px) {
    .modal.modal__max {
        max-width: 100%;
        padding: 40px 20px calc(var(--safe-area-inset-bottom, 0) + 40px);
    }
}

@media screen and (min-width: 767px) and (max-width: 767px) {
    .modal.modal__max {
        padding: 20px 12px calc(var(--safe-area-inset-bottom, 0) + 20px);
    }
}

@media (min-width: 767px) {
    .modal__credit-basket-item {
        grid-template-columns: 80px 1fr auto;
    }

    .popular-slider .popular-slider__slide img {
        max-width: calc(100% - 20px);
    }

    .popular-slider__arrow {
        display: flex;
    }

    .receipts {
        gap: 16px;
    }

    .search-result__link-remove {
        opacity: 0;
    }

    .viewed__slider-arrow {
        display: flex;
    }
}

@media (min-width: 1023px) {
    .viewed .catalog-mini__item:hover {
        box-shadow: 0 16px 24px 0 rgba(195, 195, 195, 0.14), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 8px 10px 0 rgba(195, 195, 195, 0.2);
    }
}

@media (min-width: 1023px) {
    :root {
        --headH: 111px;
    }

    html {
        padding-top: var(--headH);
    }

    footer,
    main {
        z-index: 1;
    }

    .h1,
    h1 {
        font-size: 28px;
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .h2,
    h2 {
        font-size: 32px;
    }

    .ballon .availability__button {
        display: inline-flex;
    }

    .ballon .availability__time,
    .basket-menu {
        display: none;
    }

    .breadcrumps {
        margin-top: 16px;
    }

    .card-sliders__main:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }

    .card h1 {
        margin-bottom: 28px;
    }

    .card__control-close,
    .card__control-select-mob,
    .card__control-select-title {
        display: none;
    }

    .cart-fixed__price-order-tooltip:before {
        border-bottom-color: #fff;
        top: -38px;
    }

    .catalog-body__list {
        margin: 16px 0 0;
        gap: 9px;
    }

    .catalog-body__item {
        border-radius: 12px;
        padding: 0;
        width: calc(25% - 9px);
    }

    .catalog-body__item:hover {
        /*-webkit-box-shadow: 0 8px 10px 0 rgba(195, 195, 195, .2), 0 -11px 30px 0 rgba(195, 195, 195, .12), 0 16px 24px 0 rgba(195, 195, 195, .14);*/
        /*box-shadow: 0 8px 10px 0 rgba(195, 195, 195, .2), 0 -11px 30px 0 rgba(195, 195, 195, .12), 0 16px 24px 0 rgba(195, 195, 195, .14)*/
        z-index: 2;
        background-color: #ffffff;
    }

    .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-body__name {
        font-size: 16px;
    }

    .catalog-body__price {
        margin-bottom: 19px;
    }

    .catalog-body__price p:not([class]) {
        font-size: 20px;
    }

    .catalog-body__price p:not([class]) + p:not([class]) {
        font-size: 14px;
    }

    .catalog-body__price-info:hover .catalog-body__price-info-content {
        opacity: 1;
        visibility: visible;
    }

    .catalog-body__price-info-close,
    .catalog-body__price-info-title {
        display: none;
    }

    .catalog-body__price-not {
        font-size: 20px;
    }

    .catalog-body__control-icon.catalog-body__compare:before,
    .catalog-body__control-icon.catalog-body__favorites:before {
        background-size: 33px 33px;
    }

    .catalog-body__control-icon {
        width: 40px;
        height: 40px;
    }

    .catalog-body__control-icon svg {
        width: 33px;
        height: 33px;
    }

    .catalog-body_list .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-body_list .catalog-body__order {
        padding: 0 21.5px;
    }

    .catalog-body_list .catalog-body__label-box {
        left: 10px;
        top: 10px;
    }

    .catalog-body_list .catalog-body__img {
        position: static;
    }

    .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
        grid-template-columns: 1fr 102px;
        gap: 12px;
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__item {
        padding: 20px;
        width: calc(33.33% - 8px);
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-filter .bx-filter .smartfilter__title,
    .filter-chips,
    .filter-open {
        display: none;
    }

    .catalog-head {
        padding-left: 10px;
    }

    .catalog .catalog-filter + .catalog__box {
        width: calc(100% - 245px);
    }

    .categories-list__li {
        width: calc(25% - 15px);
    }

    .categories-list__title {
        left: 16px;
        right: 16px;
        top: 20px;
        font-size: 16px;
    }

    .header-phone-menu__li_title {
        display: none;
    }

    .header-phone-menu__link-list {
        height: auto;
        padding: 9px 39px 9px 20px;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .header__hhead-logo {
        display: none;
    }

    .menu-catalog_active {
        display: block;
    }

    .menu-catalog__li_all {
        display: none;
        width: 0;
        height: 0;
    }

    .menu-catalog__back,
    .menu-catalog__list-title {
        display: none;
    }

    .menu-category {
        gap: 0;
        background: #f5f5f7;
        padding: 10px 0;
        max-height: 100%;
        overflow: auto;
        border-radius: 8px;
        margin-top: 20px;
        margin-bottom: 20px;
        scrollbar-width: thin;
        scrollbar-color: #c3c3c3 transparent;
    }

    .menu-category::-webkit-scrollbar {
        width: 4px;
    }

    .menu-category::-webkit-scrollbar-track {
        background: 0 0;
    }

    .menu-category::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 27px;
    }

    .menu-category__link {
        border: none;
        background-image: none;
        font-size: 16px;
        height: auto;
    }

    .menu-category__link_current {
        color: #2a65c5;
        background-color: #fff;
        background-image: url(../img/icon/arrow-right.svg);
    }

    .menu-footer {
        display: none;
    }

    .menu__wrapper {
        height: 100%;
        max-height: none;
    }

    .modal__remove {
        padding: 40px 60px;
    }

    .modal__s {
        padding: 40px;
    }

    .modal__title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .modal__desc {
        margin-bottom: 12px;
    }

    .modal.modal__credit {
        padding: 40px;
    }

    .modal.modal__credit .modal__title {
        margin-bottom: 24px;
    }

    .modal__reviews {
        width: 440px;
        padding: 40px;
    }

    .modal__reviews .modal__title {
        margin-bottom: 24px;
    }

    .modal.modal__complect {
        max-width: 1368px;
        max-height: 1070px;
        padding: 20px 48px;
    }

    .modal.modal__complect .modal__title {
        padding: 0 48px 20px;
        margin: 0 -48px;
        font-size: 32px;
        line-height: 40px;
    }

    .modal.modal__complect .catalog-body__item {
        width: calc(25% - 9px);
        padding: 12px;
    }

    .modal.modal__complect .catalog-body__control {
        gap: 28px;
    }

    .modal__complect-content {
        padding: 20px 30px 0;
        margin: 0 -30px;
        scrollbar-width: thin;
        scrollbar-color: #c3c3c3 transparent;
    }

    .modal__complect-content::-webkit-scrollbar {
        width: 4px;
    }

    .modal__complect-content::-webkit-scrollbar-track {
        background: 0 0;
    }

    .modal__complect-content::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 27px;
    }

    .modal__best-price {
        max-width: 600px;
        padding: 40px;
    }

    .modal__best-price-title {
        text-align: center;
        margin-bottom: 16px;
    }

    .modal__best-price-desc {
        font-size: 16px;
        text-align: center;
        margin-bottom: 32px;
    }

    .modal__best-price-dl {
        font-size: 16px;
        padding: 18px 20px;
    }

    .modal__best-price-dl_first {
        font-size: 20px;
        padding: 18px 20px;
    }

    .modal__best-price-form {
        max-width: 440px;
        padding: 40px;
    }

    .modal__best-price-form-desc {
        font-size: 16px;
        margin-bottom: 32px;
    }

    .modal__best-price-conditions {
        max-width: 600px;
        padding: 40px;
    }

    .modal__best-price-conditions ul {
        font-size: 16px;
    }

    .modal__best-price-conditions-title.modal__title {
        text-align: center;
        font-size: 24px;
        margin-bottom: 24px;
    }

    .modal__back {
        width: 48px;
        height: 48px;
        top: 8px;
        left: 8px;
    }

    .modal__availability {
        max-width: 960px;
        padding: 40px;
        height: 566px;
    }

    .modal__availability .modal__title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .modal__insurance {
        max-width: 1368px;
        padding: 20px 40px 48px;
    }

    .modal__insurance-content_mobile {
        display: none;
    }

    .modal.modal__credit-basket {
        max-width: 720px;
        padding: 40px 60px;
    }

    .modal__credit-basket-bt:before {
        content: attr(data-desk);
    }

    .popular-slider .popular-slider__slide img {
        max-width: calc(100% - 13px);
    }

    .receipts {
        flex-wrap: wrap;
    }

    .select-box__li:not(.select-box__li_title) {
        height: auto;
    }

    .select-box__li:not(:last-child) {
        border: none;
        padding: 10px 18px;
    }

    .select-box__li_title,
    .tooltip__close,
    .tooltip__title {
        display: none;
    }

    .tooltip__bg {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    :root {
        --headH: 117px;
    }

    .breadcrumps {
        margin-top: 20px;
    }

    .card-sliders__thumb {
        display: flex;
        align-items: center;
    }

    .card h1 {
        margin-bottom: 20px;
    }

    .card__control {
        margin-bottom: 16px;
    }

    .catalog-body__list {
        margin-top: 16px;
        gap: 9px;
    }

    .catalog-body__item {
        padding: 20px;
        width: calc(20% - 8px);
    }

    .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-body__term {
        width: 102px;
        font-size: 14px;
    }

    .catalog-body__control-icon {
        width: 40px;
        height: 40px;
    }

    .catalog-body_list .catalog-body__label-box {
        left: 12px;
        top: 12px;
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__item {
        padding: 20px;
        width: calc(25% - 8px);
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
        max-width: 200px;
    }

    .catalog-head {
        padding-left: 12px;
    }

    .catalog .catalog-filter + .catalog__box {
        width: calc(100% - 264px);
    }

    .categories-list {
        gap: 32px;
    }

    .categories-list__li {
        width: calc(20% - 25.6px);
    }

    .categories-list__title {
        left: 20px;
        right: 20px;
        top: 16px;
    }

    .categories-list__img {
        left: 24px;
        right: 24px;
    }

    .header-phone-menu__link svg {
        display: none;
    }

    .header-phone-menu__link span {
        display: block;
    }

    .header-phone-menu__li_mobile {
        display: none;
    }

    .header__controll-link.header__controll_compare .header__controll-sum,
    .header__controll-link.header__controll_favorites .header__controll-sum {
        right: 17px;
    }

    .insurance-advantage {
        padding: 20px;
    }

    .menu-catalog {
        box-sizing: border-box; /*height: calc(var(--vh, 1vh) * 100 - var(--headH) - var(--safe-area-inset-bottom, 0px));*/
        padding: 24px 52px;
        scrollbar-width: thin;
        scrollbar-color: #c3c3c3 transparent;
    }

    .menu-catalog::-webkit-scrollbar {
        width: 4px;
    }

    .menu-catalog::-webkit-scrollbar-track {
        background: 0 0;
    }

    .menu-catalog::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 27px;
    }

    .modal.modal__complect .catalog-body__item {
        padding: 20px;
    }

    .modal__availability {
        height: 594px;
    }

    .modal__availability .modal__title {
        margin-bottom: 24px;
    }

    .modal__insurance {
        padding: 32px 60px 48px;
    }

    .popular-slider .popular-slider__slide img {
        max-width: calc(100% - 57px);
    }
}

@media (min-width: 1920px) {
    .basket-recommendation__arrow_next {
        right: 0;
    }

    .basket-recommendation__arrow_prev {
        left: 0;
    }

    .card__control {
        margin-bottom: 20px;
    }

    .catalog-body__list {
        gap: 8px;
    }

    .catalog-body__item {
        padding: 20px;
        width: calc(20% - 13px);
    }

    .catalog-body__img-sl-slide img {
        max-width: 210px;
    }

    .catalog-body_list .catalog-body__img-sl-slide img {
        max-width: 210px;
    }

    .catalog-body_list .catalog-body__label-box {
        left: 20px;
        top: 20px;
    }

    .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
        gap: 32px;
        grid-template-columns: 1fr 112px;
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__item {
        padding: 20px;
        width: calc(25% - 12px);
    }

    .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
        max-width: 210px;
    }

    .catalog-head {
        padding-left: 20px;
    }

    .categories-list {
        gap: 10px;
        margin-bottom: 120px;
    }

    .categories-list__li {
        width: calc(16.66% - 8.33px);
    }

    .popular-slider {
        overflow: hidden;
    }

    .popular-slider .popular-slider__slide img {
        max-width: calc(100% - 53px);
    }

    .viewed__slider-arrow_next {
        right: 0;
    }

    .viewed__slider-arrow_prev {
        left: 0;
    }
}

@media (max-width: 1919px) {
    .basket-complect__head {
        margin-bottom: 20px;
    }

    .basket-complect__head-check .checkbox__text {
        font-size: 20px;
        line-height: 24px;
    }

    .basket-complect .basket__item:not(:last-child) {
        margin-bottom: 20px;
    }

    .basket__control {
        margin-bottom: 40px;
    }

    .basket__item:not(:nth-last-child(1)) {
        margin-bottom: 20px;
    }

    .basket__sidebar {
        width: 435px;
    }

    .card-sliders {
        width: 542px;
    }

    .card-sliders__main-box {
        margin-top: 0;
    }

    .card-sliders__thumb-box_hide ~ .card-sliders__main-box {
        margin-left: 60px;
    }

    .card-sliders__thumb-box {
        margin-top: 16px;
    }

    .card__description {
        gap: 0 0;
    }

    .card__preview {
        width: calc(100% - 460px);
    }

    .cart-parameter {
        width: calc(100% - 554px);
        margin-top: 40px;
    }

    .cart-parameter__list {
        margin-bottom: 16px;
    }

    .cart-purchase {
        margin-top: 40px;
    }

    .footer__container {
        gap: 37px;
    }

    .footer__menu {
        justify-content: space-between;
    }

    .footer__menu-col {
        width: auto;
    }

    .footer__menu-col_catalog {
        margin-right: 0;
    }

    .reviews {
        margin-bottom: 80px;
    }

    .reviews__container {
        grid-template-columns: 886px 428px;
    }

    .viewed {
        overflow: hidden;
        padding: 32px 0;
        margin: -32px 0 48px;
    }

    .viewed__slider-slide {
        width: 370px;
    }
}

@media (max-width: 1800px) {
    .catalog-body__price-info-content {
        left: auto;
        right: -49px;
    }

    .catalog-body__price-info-content:before {
        left: auto;
        right: 34px;
    }
}

@media (max-width: 1639px) {
    .header-phone-menu__list {
        left: auto;
        right: 0;
        transform: translate(0, 0);
    }

    .header-phone-menu._active .header-phone-menu__list {
        transform: translate(0, 19px);
    }

    .basket__items {
        width: 991px;
    }
}

@media (max-width: 1439px) {
    .wrapper {
        padding: 0 25px;
    }

    .basket-empty {
        margin: 80px 0;
    }

    .basket-empty__wrapper {
        padding: 0 20px;
    }

    .basket-empty__title {
        font-size: 32px;
        line-height: 40px;
    }

    .basket {
        margin-bottom: 80px;
    }

    .basket h1 {
        font-size: 32px;
        line-height: 40px;
        margin: 32px 0 28px;
    }

    .basket__content {
        margin-bottom: 80px;
    }

    .basket__items {
        width: 100%;
    }

    .basket__sidebar {
        position: relative;
        top: 0;
        display: block !important;
        width: 320px;
        margin-top: 0px;
    }

    .basket__sidebar._clone {
        display: block;
    }

    .basket__sidebar-sum-box {
        line-height: 28px;
    }

    .basket__sidebar-title {
        font-size: 24px;
        line-height: 28px;
    }

    .basket .categories,
    .basket .popular-slider__content {
        margin-bottom: 80px;
    }

    .card-sliders {
        flex-flow: column;
        position: sticky;
        top: 120px;
        width: calc(100%) !important;
    }

    .card__content {
        display: flex;
        gap: 20px
    }

    .cart-purchase {
        display: block !important;
    }

    .cart-parameter {
        display: none
    }

    .card-sliders__main-box {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .card-sliders__main {
        max-width: 380px;
        margin: 0 auto;
    }

    .card-sliders__thumb-box_hide ~ .card-sliders__main-box {
        margin-left: 0;
    }

    .card-sliders__thumb-box {
        order: 2;
        width: 100%;
        height: 90px;
        margin-top: 20px;
    }

    .card-sliders__thumb .slick-arrow {
        display: none !important;
    }

    .slick-arrow {
        display: none;
    }

    .card__description{
        width: 100%;
    }

    .card__tabs {
        display: none;
        margin-top: 20px;
        order: 3;
    }

    .card__tabs._mobile {
        display: block;
    }

    .cart-fixed__item {
        width: calc(100% - 470px);
    }

    .cart-fixed__price-box p:not([class]) {
        font-weight: 700;
    }

    .cart-fixed .cart-fixed__buy-button {
        display: none;
    }

    .cart-fixed .cart-fixed__buy-button_small {
        display: flex;
        width: 150px;
    }

    .cart-parameter {
        margin-top: 0;
        width: 428px;
        position: sticky;
        top: calc(var(--top1, 118px) + 118px);
    }

    .cart-parameter__characteristics-box {
        display: none;
    }

    .cart-parameter__characteristics-link {
        margin-top: 0;
    }

    .cart-purchase {
        display: none;
        width: 100%;
        position: relative;
        top: 0;
        margin-top: 20px;
    }

    .cart-purchase._mobile {
        display: block;
    }

    .catalog-body__price-info-content {
        width: 229px;
    }

    .catalog-body__characteristics {
        font-size: 12px;
    }

    .footer.footer-small {
        padding: 42.5px 0;
    }

    .footer {
        padding: 40px 0;
    }

    .footer__menu {
        gap: 53px;
    }

    .footer__contacts {
        margin-right: 0;
    }

    .footer__info {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 29px 0 0;
        border-top: 1px solid #363636;
    }

    .footer__callback {
        margin-bottom: 0;
        width: 370px;
    }

    .footer__button-service,
    .footer__ya-market {
        margin-bottom: 0;
        margin-top: 35px;
    }

    .header-city__question-button,
    .header-city__question-title {
        font-size: 14px;
    }

    .header__hhead {
        padding: 7px 0;
    }

    /*
  .header__hhead-contacts {
    display: none
  }
  */
    .header__bhead {
        padding: 14px 0;
    }

    .header__bhead-left {
        width: calc(100% - 190px);
        gap: 22px;
    }

    .header__bhead-wrapper {
        gap: 10px;
    }

    .header__logo {
        width: 50px;
    }

    .header__search-input {
        height: 42px;
    }

    .header__bhead-right {
        width: 180px;
    }

    .header__controll-link:before {
        bottom: -18px;
    }

    .header__controll-link {
        width: 42px;
        height: 42px;
    }

    .header__controll-link span:not(.header__controll-sum) {
        display: none;
    }

    .header__controll-sum {
        top: 6px;
        right: 1px;
    }

    .header__menu-bt {
        height: 42px;
        padding: 0 9px;
    }

    .header__menu-bt span {
        display: none;
    }

    .popular-slider .popular-slider__slide.catalog-body__item .catalog-body__inner .popular-slider {
        padding: 10px;
    }

    .popular-slider .popular-slider__slide .catalog-body__control_item-ok .catalog-body__control-icon {
        width: 33px;
        height: 33px;
    }

    .popular_bg-gray {
        padding: 80px 0 48px;
    }

    .reviews__container {
        grid-template-columns: 1fr 428px;
        gap: 20px;
    }

    .reviews__sort {
        padding-bottom: 20px;
    }

    .reviews__item {
        padding: 20px 0;
    }

    .reviews__vis {
        margin-top: 20px;
    }

    .reviews__result {
        padding: 20px;
    }

    .search-result,
    .search-result__container {
        gap: 49px;
    }

    .tabs__container {
        padding: 20px 0;
    }

    .tabs__container p {
        margin-bottom: 16px;
    }

    .tabs__container dl dt {
        width: calc(100% - 142px);
    }

    .tabs__container dl dd {
        width: 140px;
    }

    .viewed {
        margin-bottom: 68px;
    }
}

@media (max-width: 1024px) {
    .catalog-filter .bx-filter .smartfilter {
        max-height: calc(var(--vh, 1vh) * 85);
    }

    .catalog-body__price-info-content:before,
    .tooltip:before {
        display: none;
    }

    .tooltip._no-title {
        padding-top: 28px;
    }

    .menu-catalog__box {
        gap: 0;
    }

    .catalog-body__item .catalog-body__inner {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .catalog-body__item .catalog-body__inner .catalog-body__sales {
        margin-top: auto;
    }
}

@media (max-width: 1024px) {
    .button__border {
        border-width: 1px;
    }

    .input-text {
        font-size: 14px;
    }

    .input-text_sl {
        height: 42px;
    }

    .input-text_sl ~ .input-text__label-text {
        top: 13px;
    }

    .input-text__label-text,
    .textarea-text,
    .textarea-text__label-text {
        font-size: 14px;
    }

    .ballon .availability__content {
        align-items: flex-end;
    }

    .availability-tabs {
        height: calc(100% - 64px);
    }

    .availability-tabs__links {
        display: flex;
    }

    .availability-tabs__box_map {
        width: 100%;
        height: 622px;
        max-height: calc(100% - 64px);
        margin-bottom: 37px;
    }

    .availability-tabs__box_list-box {
        width: 100%;
        max-height: calc(100% - 64px);
    }

    .availability-tabs__box {
        display: none;
    }

    .availability-tabs__box._show {
        display: block;
    }

    .availability__li {
        background: 0 0;
        padding: 16px 12px;
    }

    .availability__content {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .availability__address {
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 14px;
    }

    .availability__time-work {
        margin-bottom: 0;
    }

    .availability__info {
        width: 470px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .availability__sum {
        display: flex;
        width: 70px;
    }

    .availability__button-box {
        display: flex;
    }

    .banner {
        display: none;
    }

    .basket-recommendation__ok {
        font-size: 16px;
        gap: 10px;
        bottom: 69px;
        transform: translateY(calc(100% + 69px));
        padding: 16px;
    }

    .basket-recommendation__ok_active {
        transform: translateY(0);
    }

    .basket h1 {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin: 24px 0 20px;
    }

    .basket__content {
        grid-template-columns: 100%;
    }

    .basket__sidebar {
        padding: 16px;
    }

    .basket__sidebar-sum-box {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .basket__popular .h2,
    .basket__popular h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .breadcrumps__wrapper {
        gap: 4px;
    }

    .breadcrumps a {
        gap: 4px;
        font-size: 12px;
    }

    .card-sliders {
        width: calc(100% - 328px);
        top: 0;
    }

    .card-sliders__main {
        padding-bottom: 18px;
    }

    .card-sliders__main .card-sliders__main-pagination {
        display: flex;
        justify-content: center;
    }

    .card-sliders__main .slick-arrow {
        display: none;
    }

    .card-sliders .slick-dots {
        display: flex !important;
    }

    .card-sliders__thumb-box {
        display: none;
    }

    .card__control-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 27, 0.7);
        z-index: 98;
    }

    .card__control-select {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 99;
        border-radius: 12px 12px 0 0;
        box-shadow: none;
        transform: translateY(100%);
        padding-bottom: var(--safe-area-inset-bottom, 0);
    }

    .card__control-select-desk {
        display: none;
    }

    .card__control-select-link {
        padding: 12px 20px;
        border-bottom: 1px solid #e1e1e3;
    }

    .card__tabs {
        max-width: 886px;
    }

    .cart-fixed {
        top: auto;
        bottom: calc(var(--safe-area-inset-bottom, 0px) + 49px);
        border-top: 1px solid #e1e1e3;
        box-shadow: none;
        padding: 14px 0;
    }

    .cart-fixed._show ~ footer {
        padding-bottom: 136px;
    }

    .cart-fixed__item {
        display: none;
    }

    .cart-fixed__price-box {
        width: 200px;
    }

    .cart-fixed__price-box p:not([class]),
    .cart-fixed__price-box p:not([class]) span {
        font-size: 28px;
    }

    .cart-fixed__buy {
        width: 100%;
        justify-content: space-between;
    }

    .cart-fixed .cart-fixed__buy-button {
        display: flex;
        font-size: 14px;
        width: 276px;
    }

    .cart-fixed .cart-fixed__buy-button_small,
    .cart-fixed__buy-controll {
        display: none;
    }

    .cart-fixed__price-order-tooltip {
        top: auto;
        transform: translateY(100%);
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .cart-fixed__price-order-tooltip-bg {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 27, 0.7);
        border: none;
        z-index: -1;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
    }

    .cart-fixed__price-order-tooltip-container {
        border-radius: 8px 8px 0 0;
        padding-bottom: var(--safe-area-inset-bottom, 0);
    }

    .cart-parameter {
        width: 308px;
        top: var(--top1, 0);
    }

    .cart-parameter__characteristics-link {
        font-size: 14px;
    }

    .cart-parameter__info._active ~ .catalog-body__price-info-content {
        opacity: 1;
        visibility: visible;
    }

    .cart-parameter__info._active ~ .catalog-body__price-info-content-bg {
        display: block;
    }

    .cart-purchase__buy {
        padding: 16px;
    }

    .cart-purchase__buy-price p {
        font-size: 24px;
        line-height: 1.14;
        font-weight: 600;
    }

    .cart-purchase__buy-price p + p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .cart-purchase__shop a {
        font-size: 14px;
    }

    .cart-purchase__benefit span {
        font-size: 12px;
    }

    .cart-purchase__benefit p {
        font-size: 14px;
    }

    .cart-purchase__guarantee {
        padding: 16px;
    }

    .cart-purchase__guarantee-link,
    .cart-purchase__guarantee-price,
    .cart-purchase__guarantee-text {
        font-size: 14px;
        line-height: 20px;
    }

    .cart-purchase__not-price {
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
    }

    .cart-purchase__buy-button svg {
        display: none;
    }

    .cart-purchase__complect {
        padding: 16px;
    }

    .cart-purchase__complect-foot {
        padding-top: 16px;
    }

    .cart-purchase__complect-foot dl + span {
        text-align: left;
    }

    .catalog-mini__item:not(:last-child) {
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 0.5px solid #e1e1e3;
    }

    .catalog-mini__ptice {
        font-size: 14px;
        font-weight: 800;
    }

    .catalog-mini__replace {
        font-size: 12px !important;
        width: 60px;
        bottom: 2px;
    }

    .catalog-mini_complect .catalog-mini__link {
        grid-template-columns: 70px 1fr;
        align-items: center;
        padding: 0;
        gap: 8px;
    }

    .catalog-mini_complect .catalog-mini__text {
        padding: 0;
    }

    .catalog-mini_complect .catalog-mini__ptice {
        margin-top: 0;
        font-size: 14px;
        gap: 8px;
    }

    .catalog-mini_complect .catalog-mini__ptice p + p {
        font-size: 12px;
    }

    .catalog-body__label._active .catalog-body__label-hide,
    .catalog-mini__controll {
        opacity: 1;
        visibility: visible;
    }

    .catalog-body__label._active .catalog-body__label-hide-bg {
        display: block;
    }

    .catalog-body__price-info i._active ~ .catalog-body__price-info-content {
        opacity: 1;
        visibility: visible;
    }

    .catalog-body__price-info i._active ~ .catalog-body__price-info-content-bg {
        display: block;
    }

    .catalog-body__price-info-content {
        position: fixed;
        pointer-events: auto;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        width: 100%;
        box-shadow: none;
        z-index: 9;
        padding: 25px 20px max(25px, max(10px, var(--safe-area-inset-bottom, 0)));
        border-radius: 8px 8px 0 0;
    }

    .catalog-filter_active {
        display: block;
    }

    .catalog-filter._chips .bx-filter .smartfilter > .row:first-of-type {
        height: calc(var(--vh, 1vh) * 100 - 176px);
    }

    .catalog-filter .bx-filter .checkbox {
        display: block;
    }

    .catalog-filter .bx-filter .bx-filter-parameters-box {
        padding-bottom: 12px;
    }

    .catalog-filter .bx-filter .filter-button {
        display: flex;
    }

    .catalog-filter .bx-filter .smartfilter > .row:first-of-type + .row .bx-filter-parameters-box-container {
        padding-right: 0;
    }

    .linkHideFilter,
    .linkShowFilter {
        display: none;
    }

    .filter-open-mob {
        overflow: hidden;
    }

    .catalog-pagin__link {
        height: 42px;
    }

    .city-search__box {
        position: sticky;
        top: -4px;
        background: #fff;
        z-index: 1;
    }

    .city-search__box._sticky {
        border-bottom: 1px solid #e1e1e3;
    }

    .footer.footer-small.bottom {
        padding-bottom: calc(var(--safe-area-inset-bottom, 133.5px) + 133.5px);
        margin: 0;
    }

    .footer.footer-small {
        padding-bottom: calc(var(--safe-area-inset-bottom, 92.5px) + 92.5px);
    }

    .footer {
        padding: 0 0 88px;
    }

    .footer__container {
        grid-template-columns: 1fr;
    }

    .footer__menu {
        width: 100%;
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: 24px;
    }

    .footer__menu-col {
        width: 100%;
        border-bottom: 1px solid #363636;
    }

    .footer__menu-link-container {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        transition: max-height 0.3s, padding 0.3s;
    }

    .footer__menu-link-container_active {
        max-height: 1000px;
    }

    .footer__menu-title {
        position: relative;
        font-size: 14px;
        padding: 20px 0;
        margin: 0;
    }

    .footer__menu-title:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 24px;
        background: url(../img/icon/arrow-bottom-wh.svg) 100% 50% no-repeat;
        height: 24px;
        margin-top: -12px;
        transition: transform 0.3s;
    }

    .footer__menu-title_active:before {
        transform: rotate(180deg);
    }

    .footer__menu-link-box {
        margin-bottom: 12px;
    }

    .footer__menu-link-box:last-child {
        margin-bottom: 20px;
    }

    .footer__contacts {
        width: 410px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer__contacts-title {
        display: none;
    }

    .footer__contacts-phone {
        font-size: 14px;
    }

    .footer__contacts-time {
        width: 100%;
    }

    .footer__sn-link_no-mob {
        display: none;
    }

    .footer__info {
        flex-flow: column;
        padding: 8px 0 0;
        border: none;
    }

    .footer__info-title {
        font-size: 14px;
    }

    .footer__callback {
        width: 100%;
    }

    .footer__callback-form {
        width: 100%;
        max-width: 357px;
    }

    .footer__callback-send {
        bottom: 69px;
        transform: translateY(calc(100% + 69px));
    }

    .footer__callback-send_active {
        transform: translateY(0);
    }

    .footer__button-service {
        display: none;
    }

    .footer__button-service_tablet {
        display: inline-flex;
        margin: 0 0 24px;
        font-size: 14px;
        height: 42px;
        width: 240px;
    }

    .footer__ya-market {
        margin-top: 31px;
    }

    /* .header-city {
    height: 24px
  }

  .header-city__link span {
    display: none
  } */
    .header-phone-menu__list {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 99;
        border-radius: 12px 12px 0 0;
        box-shadow: none;
        transform: translateY(100%);
    }

    .header-phone-menu__bg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 27, 0.7);
        z-index: 98;
    }

    .header-phone-menu__li {
        border-bottom: 1px solid #e1e1e3;
    }

    .header-phone-menu._active .header-phone-menu__bg {
        display: block;
    }

    .header-phone-menu._active .header-phone-menu__list {
        transform: translate(0, 0);
    }

    .header-small__content {
        padding: 21.5px 0;
    }

    .header-small__back {
        background: url(../img/icon/header-small-back.svg) 50% 50% no-repeat;
        width: 24px;
        height: 24px;
    }

    .header-small__back * {
        display: none;
    }

    .header-small .header__logo {
        width: 98px;
        height: 42px;
    }

    .header-small__tel {
        background: url(../img/icon/header-small-tel.svg) 50% 50% no-repeat;
        width: 24px;
        height: 24px;
        border: none;
        padding: 0;
    }

    .header-small__tel * {
        display: none;
    }

    .header__hhead {
        padding: 10.5px 0;
    }

    .header__buyers,
    .header__city-link span,
    .header__hhead-left i,
    .header__service,
    .header__shop {
        display: none;
    }

    .header__bhead {
        padding: 10px 0;
    }

    .header__bhead-left {
        width: 100%;
        gap: 20px;
    }

    .header__logo {
        display: none;
    }

    .header__search {
        position: static;
    }

    .header__bhead-right,
    .header__controll-hide {
        display: none;
    }

    .header__menu-bt {
        height: 44px;
    }

    .header__menu-bt span {
        display: block;
    }

    .insurance-foot {
        padding: 20px 12px;
        border-top: 0.5px solid #e1e1e3;
    }

    .insurance-foot__title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .insurance-offers__title {
        margin-bottom: 20px;
    }

    .insurance-offers__list {
        gap: 16px 8px;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .insurance-offers__li {
        width: calc(50% - 4px);
    }

    .menu-bg {
        display: none;
        transition: opacity 0.3s 0.1s;
    }

    .menu-catalog._hide {
        overflow-x: hidden;
    }

    .menu-catalog {
        position: fixed;
        top: 105px;
        left: 100%;
        bottom: calc(57px + env(safe-area-inset-bottom, 0px));
        transform: translateX(0);
        transition: transform 0.4s;
        width: 100%;
        background: #fff;
        z-index: 2;
        padding: 9px 20px;
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-width: thin;
        scrollbar-color: #c3c3c3 transparent;
    }

    .menu-catalog::-webkit-scrollbar {
        width: 4px;
    }

    .menu-catalog::-webkit-scrollbar-track {
        background: 0 0;
    }

    .menu-catalog::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 27px;
    }

    .menu-catalog_active {
        display: block;
        transform: translateX(-100%);
        height: 100%;
    }

    .menu-catalog_active .menu-catalog__list {
        padding-bottom: 130px;
    }

    .menu-catalog__list {
        margin: 0 0 -30px;
        gap: 0;
        display: flex;
        flex-direction: column;
    }

    .menu-catalog__li {
        position: static;
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid #e1e1e3;
        display: flex;
    }

    .menu-catalog__li a {
        width: 100%;
    }

    .menu-catalog__content {
        position: absolute;
        top: var(--scrollMenu);
        left: 100%;
        width: 100%;
        z-index: 3;
        box-sizing: border-box;
        background: #fff;
        transform: translateX(0);
        transition: transform 0.4s;
        height: calc(100% - 120px);
        padding: 11px 20px;
        gap: 0;
    }

    .menu-catalog__content_active {
        transform: translateX(-100%);
    }

    .menu-catalog__content .menu-catalog__back {
        margin-bottom: 0;
    }

    .menu-catalog__link-name {
        display: block;
        color: #0E0E0E;
        font-size: 20px;
        font-weight: 700;
        margin: 12px 0 0;
        padding-left: 20px;
        padding-bottom: 16px;
        border-bottom: 1px solid #e1e1e3;
    }

    .menu-catalog__box:last-child {
        padding-bottom: 130px;
    }

    .menu-catalog__link {
        display: block !important;
        font-size: 14px;
    }

    .menu-catalog__link:not(.menu-catalog__link_title) {
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid #e1e1e3;
        font-weight: 700;
        padding: 19px 20px;
        height: 56px;
    }

    .menu-catalog__link_title {
        background: calc(100% - 8px) 50% no-repeat;
        background-image: url(../img/icon/arrow-right-bl.svg);
        margin-bottom: 0;
        padding: 20px;
        height: 56px;
        font-size: 14px;
    }

    .menu-catalog__link_all {
        display: block;
    }

    .menu-catalog__link-show {
        display: none;
    }

    .menu-footer__wrapper {
        padding: 0;
    }

    /* .popular-slider
      .popular-slider__slide.catalog-body__item:hover
      .catalog-body__inner {
      padding: 8px;
  } */
}

@media screen and (max-width: 1024px) and (max-width: 1023px) {
    html:has(#basket-root) .menu {
        top: var(--scroll);
        height: calc(100% - 100px);
    }
}

@media (max-width: 1024px) {
    .menu {
        top: 105px;
        height: calc(100% - 150px);
        bottom: calc(57px + env(safe-area-inset-bottom, 0px));
        overflow: hidden;
    }

    .menu__wrapper {
        overflow: auto;
    }

    .modal__remove-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
    }

    .modal.modal__credit {
        max-width: none;
        width: 100%;
    }

    .modal.modal__credit .modal__text {
        margin-bottom: 16px;
    }

    .modal.modal__credit .modal__text ul {
        margin-bottom: 4px;
    }

    .modal.modal__credit .modal__text p {
        margin-bottom: 16px;
    }

    .modal.modal__credit .modal__text p:not([class]) {
        font-size: 14px;
    }

    .modal.modal__credit .modal__text .bold {
        margin-bottom: 12px;
    }

    .modal__link-button {
        margin-bottom: 20px;
    }

    .modal__reviews .modal__title {
        text-align: left;
        margin-bottom: 12px;
    }

    .modal__reviews .catalog-mini__item {
        border: none;
    }

    .modal__reviews .catalog-mini__link {
        grid-template-columns: 68px 1fr;
    }

    .modal .cart-purchase__benefit p,
    .modal__reviews .catalog-mini__link .catalog-mini__ptice {
        font-size: 14px;
    }

    .modal .cart-purchase__benefit span {
        font-size: 12px;
    }

    .modal__insurance-title {
        font-size: 20px;
        line-height: 24px;
    }

    .modal__insurance-content_desktop {
        display: none;
    }

    .modal__max-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
    }

    .fancybox__container:not(.-is-card-qr) .fancybox__slide:not(.has-image) {
        justify-content: flex-end;
    }

    .fancybox__container.-is-card-qr .fancybox__slide:not(.has-image) {
        justify-content: center;
    }

    .fancybox__slide:has(#modal-gift-card-info) {
        justify-content: stretch !important;
    }

    .fancybox__slide.has-image {
        justify-content: center;
    }

    .popular-slider .catalog-body__img-sl-wrapper {
        pointer-events: none;
    }

    .popular-slider .catalog-body__img-sl-pagination {
        display: none;
    }

    .popular_bg-gray {
        padding: 60px 0 28px;
    }

    price-range {
        margin-bottom: 24px;
    }

    .price-range-input .bx-filter-parameters-box-container-block {
        text-align: center;
        height: 38px;
        justify-content: space-between;
    }

    .price-range-input .bx-filter-parameters-box-container-block .bx-filter-input-container {
        width: auto;
    }

    .price-range-input .bx-filter-parameters-box-container-block .currency {
        display: inline-block;
        font-size: 16px;
        color: #0E0E0E;
    }

    .price-range-input .bx-filter-parameters-box-container-block input.dynamicWidthInput {
        width: auto;
        text-align: center;
    }

    .reviews-rating__select-title {
        font-size: 14px;
        line-height: 20px;
    }

    .reviews__container {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .reviews__items {
        order: 2;
    }

    .reviews__sort {
        padding-bottom: 16px;
    }

    .reviews__item {
        padding: 16px 0;
    }

    .reviews__info {
        margin-bottom: 12px;
    }

    .reviews__name {
        font-size: 14px;
    }

    .reviews__date {
        font-size: 12px;
    }

    .reviews__text {
        font-size: 14px;
        gap: 12px;
    }

    .reviews__result {
        position: relative;
        top: 0;
        order: 1;
        display: flex;
        padding: 16px;
        justify-content: space-between;
    }

    .reviews__result-head {
        order: 2;
        width: 249px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .reviews__result-head-box .reviews__stars {
        margin-bottom: 0;
    }

    .reviews__result-head-box {
        width: 100%;
    }

    .reviews__result-box-grade {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .reviews__send-button {
        font-size: 14px;
        width: 100%;
        margin-top: 24px;
        height: 40px;
    }

    .reviews__result-sum {
        font-size: 14px;
    }

    .reviews__result-sort {
        order: 1;
        width: 388px;
    }

    .reviews__not-rating {
        padding: 0 0 12px;
        max-width: 100%;
        margin: -8px 0 0;
    }

    .reviews__not-rating-box-grade {
        margin-bottom: 12px;
        gap: 12px;
    }

    .reviews__not-rating-box-grade-text {
        font-size: 16px;
        line-height: 20px;
    }

    .reviews__not-rating-text {
        font-size: 14px;
        margin-bottom: 20px;
        max-width: 265px;
    }

    .search-result-output {
        margin-top: 24px;
    }

    .search-result-output__title {
        font-size: 24px;
    }

    .search-result-output__text {
        font-size: 14px;
        line-height: 20px;
    }

    .search-result-output__category {
        margin: 0 -12px -12px;
        padding: 0 12px 12px;
    }

    .search-result-output__category-box {
        flex-wrap: nowrap;
        gap: 8px;
    }

    .search-result {
        padding: 24px 20px;
        width: 100%;
        top: calc(100% + 1px);
        max-height: calc(var(--vh, 1vh) * 100 - 163px);
        border-radius: 0;
        box-shadow: 0 10px 10px 0 rgba(175, 175, 175, 0.2), 0 15px 15px 0 rgba(0, 0, 0, 0.12), 0 12px 12px 0 rgba(0, 0, 0, 0.14);
    }

    .select-box-js__current {
        border: none;
        background: url(../img/icon/sort.svg) 0 44% no-repeat;
        padding: 10px 0 10px 28px;
        min-width: 0;
    }

    .select-box-js__current:after {
        display: none;
    }

    .select-box-js__current_active + .select-box__list + .select-box__list-bg {
        display: block;
    }

    .select-box__list {
        position: fixed;
        width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 12px 12px 0 0;
        transform: translateY(0);
        z-index: 1;
    }

    .select-box__li_active {
        background-position: calc(100% - 21px) 50%;
        order: 0;
    }

    .tabs__li {
        font-size: 14px;
        padding: 8px;
    }

    .tabs__container {
        padding: 16px 0;
    }

    .tabs__container p {
        font-size: 14px;
        line-height: 20px;
    }

    .tooltip {
        position: fixed;
        pointer-events: auto;
        bottom: 0 !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        box-shadow: none;
        z-index: 9;
        padding: 25px 20px max(25px, var(--safe-area-inset-bottom, 0));
        border-radius: 8px 8px 0 0;
        transform: translateY(100%);
    }

    .tooltip__text {
        font-size: 14px;
    }

    .viewed {
        margin-bottom: 48px;
    }

    .viewed__slider-slide {
        width: 304px;
    }

    .viewed .catalog-mini__link {
        padding: 10px 16px 10px 10px;
    }

    .viewed .catalog-mini__text {
        justify-content: center;
    }

    .viewed .catalog-mini__name {
        order: 2;
        margin-bottom: 0;
    }

    .viewed .catalog-mini__ptice {
        margin-bottom: 4px;
        font-weight: 800;
    }
}

@media (max-width: 1024px) and (max-width: 991px) {
    .fancybox__slide::after,
    .fancybox__slide::before {
        display: none;
    }
}

@media (max-width: 1024px) and (max-width: 767px) {
    .card h1 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

@media (max-width: 1024px) {
    .modal__link-button {
        width: 100%;
        height: 48px;
        min-height: 48px;
        padding: 0 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        font-size: 16px;
        background: 0 0;
        border: 2px solid #0E0E0E;
        color: #0E0E0E;
        margin-bottom: 20px;
    }

    .modal__link-button:hover {
        border-color: #3a3a3c;
    }

    .modal.modal__complect .catalog-body__list {
        width: 100%;
    }

    .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect,
    .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect_active,
    .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect_active:hover {
        font-size: 0 !important;
        background-image: url(../img/icon/basket.svg);
        min-width: 70px;
        height: 30px;
        background-color: #0E0E0E;
    }

    .modal.modal__complect .catalog-body__list_basket .catalog-body__control {
        grid-template-columns: 1fr 24px 24px;
    }

    .modal.modal__complect .catalog-body__list_basket .catalog-body__compare {
        display: inline-flex;
    }

    .modal.modal__complect .catalog-body__control {
        grid-template-columns: 1fr 24px;
        gap: 12px;
    }

    .modal.modal__complect .catalog-body__compare {
        display: none;
    }

    .modal__complect-content {
        width: calc(100% + 24px);
    }

    .modal__insurance-title {
        margin-bottom: 0;
        padding: 0 12px 20px;
    }

    .modal__max-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .fancybox__container .fancybox__slide.has-close-btn.fancy-city {
        padding: 0;
    }

    .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
        padding-top: 0;
    }

    .popular-slider {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin: auto !important;
    }

    .popular-slider__wrapper {
        border: none;
    }

    .popular-slider .catalog-body__img {
        margin-bottom: 0;
        background: #fff;
    }

    .popular-slider .popular-slider__slide {
        width: 215px;
        padding: 10px;
        border: none;
        border-radius: 8px;
    }

    .popular-slider .popular-slider__slide .catalog-body__control_item-ok {
        min-width: 24px;
        min-height: 24px;
    }

    .reviews {
        margin-bottom: 43px;
    }

    .reviews__container {
        gap: 20px;
    }

    .reviews__text {
        gap: 8px;
    }

    .reviews__result {
        display: block;
        padding: 16px 16px 84px;
    }

    .reviews__result-head {
        width: 100%;
        margin-bottom: 8px;
    }

    .reviews__result-box-grade {
        width: calc(100% - 44px);
        justify-content: space-between;
    }

    .reviews__send-button {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        width: auto;
    }

    .reviews__result-grade {
        font-size: 20px;
        line-height: 24px;
    }

    .reviews__result-sort {
        width: 100%;
    }

    .reviews__not-rating {
        margin: 0 0 -1px;
        padding: 0;
    }

    .reviews__not-rating .reviews__send-button {
        position: static;
        width: 100%;
    }

    .search-result-output {
        margin: 16px 0 !important;
    }

    .search-result-output__title {
        font-size: 20px !important;
        line-height: normal;
    }

    .search-result {
        min-height: calc(var(--vh, 1vh) * 100 - 104px);
        padding: 12px 12px var(--safe-area-inset-bottom, 0) 12px;
        top: 55px;
    }

    .search-result__container {
        gap: 20px;
        display: flex;
        flex-flow: column;
    }

    .search-result__head {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .search-result__link {
        max-width: none;
        padding: 0 6px;
    }

    .search-result__box:not(:last-child) {
        margin-bottom: 20px;
    }

    .search-result__box {
        padding: 0;
    }

    .search-result__box_history {
        order: -1;
        margin-bottom: 20px;
    }

    .search-result__box_history + .search-result__box {
        margin-bottom: 0;
    }

    .search-result__box_found {
        margin: 0 -12px;
    }

    .search-result__box_found .search-result__link {
        padding: 0 12px;
        border-bottom: 1px solid #e1e1e3;
    }

    .search-result__button {
        margin-top: 24px;
    }

    .search-result__clue {
        margin-bottom: 20px;
    }

    .search-result .catalog-mini {
        margin: 0 -12px;
    }

    .tabs__li {
        padding: 10px;
    }

    .viewed {
        margin-bottom: 10px;
    }

    .viewed__slider {
        overflow: visible;
    }
}

@media (max-width: 991px) {
    .fancybox__container:not(.-is-card-qr) .fancybox__slide:not(.has-image) .modal:not(.modal__availability) {
        border-radius: 12px 12px 0 0;
        padding-bottom: calc(var(--safe-area-inset-bottom, 0) + 30px) !important;
    }
}

@media (max-width: 766px) {
    /* .fancybox__container {
  top: 50px
  } */
    .button__height-s {
        font-size: 14px;
        height: 36px;
    }

    .wrapper {
        padding: 0 16px;
        overflow: hidden;
    }

    .availability-tabs {
        gap: 16px;
    }

    .availability-tabs__box_map {
        height: 450px;
        margin-bottom: 17px;
    }

    .availability__time-work {
        margin-bottom: 2px;
    }

    .availability__info {
        width: 100%;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
    }

    .availability__sum {
        position: absolute;
        bottom: 12px;
        right: 16px;
    }

    .basket-complect .basket__order {
        width: 100%;
        margin-left: 0;
    }

    .basket-complect .basket__insurance-link {
        margin-left: -106px;
        margin-top: 18px;
    }

    .basket-complect .basket__price {
        text-align: left;
    }

    .basket-empty {
        margin: 24px 0;
        text-align: left;
    }

    .basket-empty__wrapper {
        padding: 0 12px;
    }

    .basket-empty__title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .basket-empty__bt-box {
        flex-flow: column;
    }

    .basket-empty__button {
        width: 100%;
    }

    .basket-recommendation {
        margin: 10px -12px 0 !important;
        padding: 0 12px;
        overflow: hidden;
    }

    .basket-recommendation__slider {
        overflow: visible;
    }

    .basket-recommendation__slide {
        max-width: 292px;
    }

    .basket-recommendation__slide_all {
        max-width: 44px;
    }

    .basket-recommendation__slide_all span {
        display: none;
    }

    .basket-recommendation__img {
        width: 60px;
    }

    .basket-recommendation__name {
        font-size: 12px;
        margin-bottom: -4px;
    }

    .basket-recommendation__link {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .basket {
        margin-bottom: 42px;
    }

    .basket h1 {
        margin-top: 16px;
    }

    .basket__control {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .basket__remove-all span {
        display: none;
    }

    .basket__content {
        margin-bottom: 42px;
    }

    .basket__item:not(:nth-last-child(1)) {
        padding-bottom: 20px;
    }

    .basket__item_not-available .basket__desc-box {
        display: none;
    }

    .basket__photo {
        width: 80px;
        height: 80px;
    }

    .basket__name {
        font-size: 14px;
        font-weight: 400;
        width: calc(100% - 35px);
    }

    .basket__order {
        gap: 8px;
        grid-template-columns: 20px 80px 1fr;
        align-items: flex-start;
    }

    .basket__info {
        padding: 0;
        grid-template-columns: 1fr;
    }

    .basket__counter-text {
        width: 23px;
    }

    .basket__price {
        order: -1;
        width: auto;
    }

    .basket__price p {
        font-size: 16px;
        line-height: 20px;
    }

    .basket__box,
    .basket__control-bt {
        display: none;
    }

    .basket__box._clone {
        display: block;
    }

    .basket__desc-box {
        margin-left: -116px;
        margin-top: 10px;
    }

    .basket__price-box {
        justify-content: space-between;
    }

    .basket__insurance {
        margin-left: 0;
        flex-flow: column;
        align-items: flex-start;
    }

    .basket__insurance-text {
        font-size: 12px;
    }

    .basket__insurance-control {
        width: 100%;
        justify-content: space-between;
        margin-top: 12px;
    }

    .basket__control-open {
        display: block;
    }

    .basket__sidebar {
        margin-top: 42px;
    }

    .basket__dl {
        margin-top: 16px;
    }

    .basket__popular .h2,
    .basket__popular h2,
    .basket__sidebar-result {
        margin-bottom: 16px;
    }

    .basket .categories,
    .basket .popular-slider__content {
        margin-bottom: 42px;
    }

    .card-sliders {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

    .card-sliders .catalog-body__label-box {
        position: relative;
        margin-bottom: 12px;
        margin-top: -14px;
    }

    .card__control-link span {
        display: none;
    }

    .card__tabs {
        display: block;
        margin-top: 0;
        order: 0;
    }

    .card__tabs._mobile {
        display: none;
    }

    .cart-fixed {
        padding: 10px 0;
    }

    .cart-fixed__price-box {
        width: 160px;
    }

    .cart-fixed__price-box p:not([class]) {
        font-weight: 600;
        font-size: 20px;
    }

    .cart-fixed__price-box p:not([class]) span {
        font-size: 20px;
    }

    .cart-fixed .cart-fixed__buy-button {
        display: none;
        background-image: none;
        font-size: 14px;
    }

    .cart-fixed .cart-fixed__buy-button.catalog-body__basket_active {
        width: 160px;
    }

    .cart-fixed .cart-fixed__buy-button_small {
        display: flex;
        width: 140px;
        background-image: none;
        color: #fff;
        font-size: 14px !important;
        height: 40px;
    }

    .cart-fixed .cart-fixed__buy-button_small svg {
        display: none;
    }

    .cart-parameter {
        width: 100%;
        position: relative;
        top: 0;
    }

    .cart-parameter__characteristics-box {
        display: block;
    }

    .cart-parameter__characteristics-dt {
        width: calc(100% - 142px);
        margin-top: 0;
    }

    .cart-parameter__characteristics-dd {
        width: 140px;
    }

    .cart-parameter__characteristics-link {
        margin-top: 20px;
    }

    .cart-purchase {
        margin-top: 42px;
    }

    .cart-purchase__tradein-link {
        font-size: 14px;
    }

    .cart-purchase__buy-button {
        background-image: none !important;
        height: 40px !important;
    }

    .cart-purchase__buy-button:hover,
    .cart-purchase__buy-button_active {
        color: #0E0E0E !important;
    }

    .cart-purchase__buy-button svg {
        display: none;
    }

    .cart-purchase__buy-button span {
        display: block;
        font-size: 14px;
    }

    .cart-purchase__complect {
        display: none;
    }

    .cart-purchase__complect._mobile {
        display: block;
        margin-top: 26px;
        margin-bottom: 0;
    }

    .catalog-body__item:nth-of-type(odd) {
        padding: 12px 12px 12px 16px;
    }

    .catalog-body__item:nth-of-type(even) {
        padding: 12px 16px 12px 12px;
    }

    .catalog-body__label ~ .catalog-body__label {
        display: none;
    }

    .catalog-body__label.catalog-body__label_big ~ .catalog-body__label {
        display: block;
    }

    .catalog-body__order {
        height: 30px;
        font-size: 11px;
        padding: 0 10px;
    }

    .catalog-body__basket-complect {
        height: 32px;
    }

    .catalog-body__basket {
        /*font-size:0!important;*/
        background-image: url(../img/icon/basket.svg);
        min-width: 70px;
        height: 30px;
    }

    .catalog-body__basket_active,
    .catalog-body__basket_active:hover {
        background-image: url(../img/icon/basket-ok.svg);
        color: transparent;
    }

    .catalog-body__massage {
        font-size: 11px;
        height: 30px;
    }

    .catalog-body__term {
        font-size: 11px;
        width: 80px;
    }

    .catalog-chips__removeAll {
        order: -1;
    }

    .catalog-pagin__nav {
        gap: 6px;
        margin-bottom: 12px;
    }

    .catalog-pagin__link {
        width: 32px;
        height: 32px;
    }

    .city-search__input-icon {
        right: auto;
        left: 28px;
    }

    .city-search__clear {
        right: 28px;
        border: none;
    }

    .city-search__input {
        padding-left: 40px;
    }

    .city-search__input.input-text-focus {
        padding-left: 16px;
    }

    .city-search__input.input-text-val ~ .city-search__input-icon {
        right: auto;
        left: 28px;
    }

    .footer.footer-small.bottom {
        padding: 12px 12px 60px 12px;
    }

    .footer-small-order-fix {
        margin-top: 40px;
        padding: 12px;
    }

    .footer.footer-small .footer-small__content {
        flex-flow: column;
        gap: 12px;
        align-items: flex-start;
    }

    .footer__wrapper {
        padding: 0 20px;
    }

    .footer__menu {
        border-top: 1px solid #363636;
    }

    .footer__sn {
        width: 100%;
    }

    .footer__sn + .footer__sn {
        margin-left: 0;
    }

    .footer__info {
        padding: 0;
    }

    .footer__callback-form {
        max-width: none;
    }

    .footer__button-service_mobile {
        display: inline-flex;
        margin: 20px 0;
    }

    .footer__button-service_tablet {
        display: none;
    }

    .footer__ya-market {
        margin-top: 20px;
    }

    .header-city._active .header-city__question-bg {
        display: block;
    }

    .header-city__question {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 99;
        border-radius: 12px 12px 0 0;
        box-shadow: none;
        padding: 42px 20px 21px;
    }

    .header-city__question-bg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 27, 0.7);
        z-index: 98;
    }

    .header-city__question-title {
        font-size: 19px;
    }

    .header-city__question-box .button {
        padding: 0 5px !important;
        font-size: 14px !important;
        text-align: center;
        line-height: 1rem;
    }

    .header-city__question-button {
        width: calc(50% - 6px);
        padding: 0 10px;
    }

    .header-small__content {
        padding: 12.5px 0;
    }

    .header-small .header__logo {
        width: 52px;
        height: 23px;
    }

    .header__bhead {
        padding: 7px 0;
    }

    .header__bhead-left {
        gap: 8px;
    }

    .header__wrapper {
        padding: 0 20px;
    }

    .header__bhead-wrapper {
        padding: 0 12px;
    }

    .header__search {
        order: -1;
        height: 42px;
    }

    .header__search_focus .header__search-form {
        position: fixed;
        display: flex;
        align-items: center;
        gap: 8px;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 7px 12px;
        z-index: 9;
        border-bottom: 0.5px solid #e1e1e3;
    }

    .header__search_focus .header__search-cancel {
        display: inline-flex;
    }

    .header__search_focus .header__search-button {
        left: 22px;
    }

    .header__search_focus .header__search-clear {
        right: 62px;
    }

    .header__search-clear {
        right: 0;
        border-right: none;
    }

    .header__search-input {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header__search-button {
        right: auto;
        left: 8px;
    }

    .header__menu-bt {
        height: 42px;
    }

    .header__menu-bt span {
        display: none;
    }

    .insurance-foot__title {
        margin-bottom: 16px;
    }

    .insurance-offers__li {
        width: 100%;
    }

    .menu-catalog {
        padding: 9px 0;
    }

    .menu-catalog__content {
        padding: 13px 0;
    }

    .menu-catalog__link:not(.menu-catalog__link_title),
    .menu-catalog__link_title {
        display: flex !important;
        align-items: center;
        padding: 12px 18px;
        height: 64px;
        flex-shrink: 0;
    }

    .menu__wrapper {
        padding: 0;
    }

    .modal__remove-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .modal.modal__credit {
        overflow: auto;
    }

    .modal__credit-content {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        overflow: auto;
    }
}

@media (max-width: 480px) {
    .popular-slider .popular-slider__slide {
        width: 166px;
        padding: 8px;
    }
}

@media (max-width: 374px) {
    .button__height-s {
        font-size: 11px;
        height: 30px;
    }

    .basket-recommendation__ok {
        bottom: 0;
        left: 10px;
        width: calc(100vw - 20px);
    }

    .footer__callback-send {
        bottom: 59px;
        left: 10px;
        width: calc(100vw - 20px);
    }

    .popular_bg-gray {
        padding: 42px 0 0;
    }
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg);
    }
}

@media (pointer: fine) {
    .catalog-filter .bx-filter .bx-filter-parameters-box-title:hover {
        color: #7d7d7d;
    }
}

#basket-items-list-wrapper-product-count {
    display: none;
}

/*

@media (max-width: 1024px) {
  .catalog-filter .bx-sidebar-block,
  .catalog-filter .bx-filter {
    height: 100%;
  }
  .catalog-filter .bx-filter .bx-filter-section {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .catalog-filter .bx-filter .smartfilter {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-height: 100%;
    height: 100%;
  }
  .catalog-filter .bx-filter .smartfilter > .row:first-of-type {
    padding: 20px;
    margin-bottom: 0;
    flex: 1;
    height: 100%;
  }
  .catalog-filter .bx-filter .smartfilter > .row:first-of-type + .row {
    position: relative;
    border-top: 1px solid #e1e1e3;
    height: max-content;
    padding: 12px 20px;
  }
}
*/
/* delivery_main_page start*/
.payment-main__h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
}

.payment-main__h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 26px;
}

.payment-main {
    margin-bottom: 80px;
}

.payment-main__btn-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f7;
    border-radius: 10px;
    margin-bottom: 32px;
    padding: 1px;
}

.payment-main__btn {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #7d7d7d;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

.payment-main__btn.__active {
    color: #0E0E0E;
    background-color: #ffffff;
    border: 2px solid #0E0E0E;
    border-radius: 8px;
}

.payment-main__container {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 70px;
    column-gap: 70px;
    row-gap: 40px;
}

.payment-main__container:first-of-type {
    display: grid;
}

.payment-main__container.__active {
    display: grid;
}

.payment-main__element {
    max-width: 615px;
    width: 100%;
}

.payment-main__element:first-of-type {
    display: block;
}

.payment-main__element:nth-child(odd) {
    margin-left: auto;
}

.payment-main__element:nth-child(even) {
    margin-right: auto;
}

.payment-main__element-header {
    margin-bottom: 24px;
}

.payment-main__element-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
}

.payment-main__element-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.payment-main__element-pay {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

.payment-main__element-list {
    padding-left: 28px;
    list-style: none;
}

.payment-main__element-list li {
    position: relative;
    margin-bottom: 16px;
}

.payment-main__element-list li:before {
    content: "•";
    width: 8px;
    position: absolute;
    left: -28px;
}

.payment-main__element-list li::marker {
    display: none;
}

.payment-main__element-list li:last-child {
    margin-bottom: 0;
}

.delivery-main__h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 26px;
}

.delivery-main__btn-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f7;
    border-radius: 10px;
    margin-bottom: 42px;
    padding: 1px;
}

.delivery-main__btn {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #7d7d7d;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

.delivery-main__btn.__active {
    color: #0E0E0E;
    background-color: #ffffff;
    border: 2px solid #0E0E0E;
    border-radius: 8px;
}

.delivery-main {
    margin-bottom: 150px;
}

.delivery-main__mention {
    max-width: 1512px;
    width: 100%;
    background-color: #f5f5f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 40px;
    margin-bottom: 53px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

.__underline {
    text-decoration: underline;
}

.delivery-main__list {
    display: flex;
    justify-content: center;
    gap: 57px;
    margin-bottom: 49px;
}

.delivery-main__list-element {
    max-width: 285px;
    width: 100%;
    display: flex;
}

.delivery-main__element-counter {
    margin-right: 8px;
    color: #fff;
    background-color: #0E0E0E;
    width: 28px;
    height: 28px;
    border-radius: 35px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-main__text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-main__text p {
    max-width: 991px;
    width: 100%;
    margin-bottom: 8px;
}

.delivery-main__container {
    display: none;
}

.delivery-main__container:first-of-type {
    display: grid;
}

.delivery-main__container.__active {
    display: grid;
}

.delivery-main__list.__list {
    flex-direction: column;
    gap: 16px;
}

.delivery-main__list-title {
    font-weight: 600;
}

.delivery-main__list.__list ul {
    padding-left: 20px;
}

.delivery-main__list.__list ul li {
    margin-bottom: 8px;
    line-height: 1.4;
}

.delivery-main__list.__list ul li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .payment-main__container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .delivery-main__list-element {
        max-width: 100%;
    }

    .delivery-main__list {
        flex-direction: column;
        gap: 24px;
    }
}

@media screen and (max-width: 767px) {
    .payment-main__element:nth-child(odd) {
        margin-left: 0;
    }

    .payment-main__btn-line,
    .delivery-main__btn-line {
        flex-wrap: wrap;
    }
}

/*delivery main page end*/
.step__payment-item._active img {
    filter: invert(1);
}

.bx-core-waitwindow {
    display: none !important;
}

div[id^=wait_] {
    display: none !important;
    background: none !important;
    border: 0 !important;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal;
    letter-spacing: normal !important;
    line-height: normal;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-indent: 0 !important;
    width: 0px !important;
    height: 0px !important;
    word-spacing: normal !important;
    z-index: 0;
    content: "";
}

.bx-session-message {
    display: none;
}

.breadcrumps {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.breadcrumps::-webkit-scrollbar {
    display: none;
}

.breadcrumps::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
}

.breadcrumps__inner {
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .receipts-out::-webkit-scrollbar {
        display: none;
    }

    .receipts-out .receipts-block::-webkit-scrollbar {
        display: none;
    }

    .receipts-out .receipts-block {
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-wrap: nowrap;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        height: 34px;
        align-items: center;
    }
}

.breadcrumps__inner::-webkit-scrollbar {
    display: none;
}

.breadcrumps__inner::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
}

.tooltip__html-content div {
    margin-bottom: 8px;
    font-size: 14px;
}

.tooltip__html-content ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tooltip__html-content ul li {
    display: flex;
    justify-content: space-between;
}

.tooltip__html-content ul li a[href]:not([href=""]) {
    color: #2a65c5;
    font-size: 11px;
    font-weight: 400;
}

.tooltip__html-content ul li a:not([href]),
.tooltip__html-content ul li a[href=""] {
    color: #0E0E0E;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    font-size: 11px;
}

.tooltip__html-content ul li span {
    color: #d70015;
    font-size: 11px;
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .catalog-body__sales .catalog-body__price .old-price p {
        order: 1;
    }

    .catalog-body__sales .catalog-body__price .old-price .catalog-body__price-sale {
        order: 2;
    }
}

.tooltip__html-content div {
    margin-bottom: 8px;
    font-size: 14px;
}

.tooltip__html-content ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tooltip__html-content ul li {
    display: flex;
    justify-content: space-between;
}

.tooltip__html-content ul li a[href]:not([href=""]) {
    color: #2a65c5;
    font-size: 11px;
    font-weight: 400;
}

.tooltip__html-content ul li a:not([href]),
.tooltip__html-content ul li a[href=""] {
    color: #0E0E0E;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    font-size: 11px;
}

.tooltip__html-content ul li span {
    color: #d70015;
    font-size: 11px;
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .catalog-body__sales .catalog-body__price .old-price p {
        order: 1;
    }

    .catalog-body__sales .catalog-body__price .old-price .catalog-body__price-sale {
        order: 2;
    }
}

.footer__menu-toggle-button {
    font-size: 12px;
    color: #3166c1;
    text-decoration: none;
    cursor: pointer;
}

.footer__menu-toggle-button:hover {
    text-decoration: underline;
}

@media screen and (min-width: 1023px) {
    .footer__menu-col.footer__menu-col_catalog .footer__menu-link-container .footer__menu-link-box:nth-child(n+7) {
        display: none;
    }

    .footer__menu-col.footer__menu-col_catalog.expanded .footer__menu-link-container .footer__menu-link-box {
        display: block;
    }
}

.catalog .catalog__box {
    display: flex;
    flex-direction: column;
}

.catalog .catalog__box div[data-pagination-num] {
    margin-top: auto;
}

.catalog-body .catalog-body__item {
    display: flex;
    flex-direction: column;
}

.catalog-body .catalog-body__item .catalog-body__inner .catalog-body__name.text__full {
    display: none;
}

.catalog-body .catalog-body__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.catalog-body .catalog-body__inner .swiper-pagination-hidden-wrapper {
    position: absolute;
    overflow: hidden;
    left: 50%;
    transform: translateX(calc(-50% + 5px));
    bottom: 0;
    height: 30px;
    width: 191px;
}

.catalog-body .catalog-body__inner .swiper-pagination-hidden-wrapper .swiper-pagination-bullets-dynamic {
    transform: translateX(-50%);
}

.catalog-body .catalog-body__inner .swiper-pagination-hidden-wrapper .swiper-pagination-bullet-active-next-next {
    transform: scale(0.66);
    margin: 0;
}

.catalog-body .catalog-body__inner .catalog-body__desc {
    flex-grow: 1;
}

.catalog-body .catalog-body__inner .catalog-body__name.text__cut {
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-body .catalog-body__item__hovered.catalog-body__item {
    background-color: #fff;
    box-shadow: 0 8px 10px 0 rgba(195, 195, 195, 0.2), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 16px 24px 0 rgba(195, 195, 195, 0.14);
    border-radius: 20px;
}

.catalog-body .catalog-body__item:hover {
    background-color: #fff;
    box-shadow: 0 8px 10px 0 rgba(195, 195, 195, 0.2), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 16px 24px 0 rgba(195, 195, 195, 0.14);
}

@media screen and (max-width: 767px) {
    .catalog-body .catalog-body__item:hover {
        box-shadow: none;
        border-radius: 0px;
    }
}

.fancybox__container.-is-card-qr .modal > img {
    width: 100%;
}

.availability-tabs__fast-order {
    position: absolute;
    top: 23px;
    right: 23px;
    z-index: 1;
    display: flex;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    background-color: #fff;
    padding: 0.3rem;
    border-radius: 10px;
    align-items: center;
}

.availability-tabs__fast-order-text {
    color: #0E0E0E;
    font-size: 14px;
}

.availability-tabs__fast-order-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 26px;
}

.availability-tabs__fast-order-switch input {
    display: none;
}

.availability-tabs__fast-order .availability-tabs__fast-order__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #e1e1e3;
    transition: 0.4s;
    border-radius: 34px;
}

.availability-tabs__fast-order .availability-tabs__fast-order__slider::before {
    position: absolute;
    content: "";
    background-color: #fff;
    top: 3px;
    bottom: 3px;
    height: 20px;
    width: 20px;
    left: 3px;
    transition: 0.4s;
    border-radius: 50%;
}

.availability-tabs__fast-order input:checked + .availability-tabs__fast-order__slider {
    background-color: #000;
}

.availability-tabs__fast-order input:focus + .availability-tabs__fast-order__slider {
    background-color: #fff;
}

.availability-tabs__fast-order input:checked + .availability-tabs__fast-order__slider:before {
    transform: translateX(17px);
}

@media screen and (max-width: 1024px) {
    .availability-tabs__fast-order {
        top: 12px;
        right: 18px;
    }
}

.cm-gcf--nominal-value-picker--input-text {
    font-weight: 300;
    line-height: 24px;
    position: absolute;
    top: 10px;
    left: 14px;
    background-color: #fff;
    font-size: 10px;
    color: #7d7d7d;
    padding: 1px 5px;
    border-radius: 13px;
    display: inline-flex;
    z-index: 3;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 1024px) {
    .cm-gcf--nominal-value-picker--input-text {
        font-size: 12px;
    }
}

.cm-gcf--nominal-value-picker--input-text::after {
    content: "*";
    color: #2a65c5;
    font-size: 14px;
    display: inline;
}

.cm-gcf--nominal-value-picker--input-text.not-required::after {
    content: none;
}

.cm-gcf--nominal-value-picker--input-summ {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    pointer-events: none;
}

.cm-gcf--nominal-value-picker--input-summ ~ input::-moz-placeholder {
    opacity: 1 !important;
}

.cm-gcf--nominal-value-picker--input-summ ~ input::placeholder {
    opacity: 1 !important;
}

@media screen and (max-width: 1023px) {
    .cm-gcf--nominal-value-picker--input-summ {
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
        position: absolute;
        top: 0;
        left: 1rem;
        background-color: #fff;
        transform: translateY(-50%);
        font-size: 10px;
        color: #7d7d7d;
        z-index: 3;
        padding: 1px 5px;
        border-radius: 13px;
        display: inline-flex;
    }

    .cm-gcf--nominal-value-picker--input-summ::after {
        content: "*";
        color: #2a65c5;
        font-size: 12px;
    }
}

.cm-gcf--nominal-value-picker--input .withVal ~ .cm-gcf--nominal-value-picker--input-text {
    top: 0;
    left: 1rem;
    transform: translateY(-50%);
}

.cm-gcf--nominal-value-picker--input textarea:focus ~ .cm-gcf--nominal-value-picker--input-text,
.cm-gcf--nominal-value-picker--input input:focus ~ .cm-gcf--nominal-value-picker--input-text {
    top: 0;
    left: 1rem;
    transform: translateY(-50%);
}

.cm-gcf--nominal-value-picker--input textarea::-moz-placeholder, .cm-gcf--nominal-value-picker--input input::-moz-placeholder {
    opacity: 0;
}

.cm-gcf--nominal-value-picker--input textarea::placeholder,
.cm-gcf--nominal-value-picker--input input::placeholder {
    opacity: 0;
}

.cm-vue-datepicker .cm-gcf--nominal-value-picker--input-text {
    top: 0;
    left: 1rem;
    transform: translateY(-50%);
}

.app-banner {
    display: none;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    padding: 12px;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 105;
    grid-template-columns: 50px 1fr 80px 12px;
}

@media screen and (min-width: 480px) {
    .app-banner {
        display: none !important;
    }
}

.app-banner-image img {
    width: 50px;
    height: 50px;
}

.app-banner-btn .button {
    font-size: 12px;
    height: 32px;
    width: 100%;
}

.app-banner-info {
    font-weight: 400;
    font-size: 12px;
    display: flex;
    justify-content: center;
    text-align: center;
}

@media screen and (max-width: 384px) {
    .app-banner-info {
        font-size: 10px;
    }
}

.app-banner-info-text {
    text-align: center;
}

.app-banner-hidden {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
}

.app-banner #app-banner-close {
    position: static !important;
    width: 12px;
    height: 12px;
    z-index: 110;
}

.compare-stat__main .swiper-wrapper {
    height: inherit;
}

.compare-stat__main .swiper-slide {
    height: auto;
    display: grid;
}

.compare-stat__main .compare-stat__subitem {
    display: grid;
    grid-auto-rows: 30px 1fr;
}

.compare-stat__main .compare-stat__subitem.compare-hidden {
    display: none;
}

.ymaps-2-1-79-image-with-content {
    position: relative;
    width: 24px;
    cursor: pointer;
    height: 32px;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}

.ymaps-2-1-79-image-with-content.active {
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.inOrder-modal {
    border-radius: 12px;
    padding: 40px;
    max-width: 510px;
}

@media screen and (max-width: 1023px) {
    .inOrder-modal {
        max-width: none;
        width: 100%;
        height: 100%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media screen and (max-width: 767px) {
    .inOrder-modal {
        padding: 20px;
    }
}

.inOrder-modal-header {
    text-align: center;
    margin-bottom: 32px;
}

.inOrder-modal-header .modal-title {
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .inOrder-modal-header {
        margin-bottom: 12px;
    }
}

.inOrder-modal-container {
    scrollbar-width: thin;
    overflow: auto;
    max-height: 450px;
}

@media screen and (max-width: 1023px) {
    .inOrder-modal-container {
        max-height: none;
        height: calc(100% - 126px);
    }
}

.inOrder-modal ul {
    list-style-type: none;
    margin-bottom: 32px;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .inOrder-modal ul {
        margin-bottom: 12px;
    }
}

.inOrder-modal ul li {
    background: url(../../../../img/step-check.svg) 0 20px no-repeat;
    padding-left: 12px;
}

.inOrder-modal ul li.active {
    background: url(../../../../img/step-checked.svg) 0 20px no-repeat;
}

.inOrder-modal-item {
    display: grid;
    gap: 8px;
    padding: 18px 20px;
    align-items: center;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
}

.inOrder-modal-item-adress {
    color: #0E0E0E;
    grid-column: 1/3;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .inOrder-modal-item-adress {
        font-size: 14px;
        font-weight: 600;
    }
}

.inOrder-modal-item-time {
    color: #999999;
    grid-row: 2/3;
    grid-column: 1/2;
}

@media screen and (max-width: 767px) {
    .inOrder-modal-item-time {
        font-size: 14px;
    }
}

.inOrder-modal-item-date {
    grid-row: 2/3;
    grid-column: 2/3;
}

@media screen and (max-width: 767px) {
    .inOrder-modal-item-date {
        font-size: 14px;
    }
}

.inOrder-modal-btn-wrapper {
    padding-top: 10px;
}

@media screen and (max-width: 1023px) {
    .inOrder-modal-btn-wrapper {
        padding-top: 0;
    }
}

.inOrder-modal .inOrder-checkout-button.inOrder-web {
    display: inline-flex;
}

@media screen and (max-width: 1023px) {
    .inOrder-modal .inOrder-checkout-button.inOrder-web {
        display: none;
    }
}

.inOrder-modal .inOrder-checkout-button.inOrder-mobile {
    display: inline-flex;
}

@media screen and (min-width: 1024px) {
    .inOrder-modal .inOrder-checkout-button.inOrder-mobile {
        display: none;
    }
}

.inOrder-modal .is-close-btn {
    top: 8px;
    right: 8px;
}

.trade-calculate .container {
    overflow-x: visible;
}

.details__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    position: relative;
    max-width: 248px;
}

.details__list-item {
    cursor: pointer;
    list-style: none;
    border-radius: 8px;
    margin-bottom: 4px;
    transition: all 0.3s ease-in-out;
}

.details__list-item a {
    padding: 12px;
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.details__list-item:hover {
    background-color: #e1e1e3;
}

.details__list-item.selected {
    background-color: #0E0E0E;
}

.details__list-item.selected a {
    color: #fff;
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}

.details__list-link {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    border-radius: 8px;
    background-color: var(--light-gray);
    cursor: pointer;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: var(--black);
    white-space: nowrap;
    transition-property: background-color;
}

.details__list-link:hover {
    color: var(--black);
    background-color: var(--light-gray-hover);
}

.color-white {
    color: #fff;
}

button {
    background-color: transparent;
}

.section {
    margin-top: 120px;
}

.container {
    max-width: 1608px;
    padding: 0 47px;
    margin: 0 auto;
    position: relative;
}

section .container {
    overflow-x: hidden;
}

.btn {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    border-radius: 8px;
}

.btn.light {
    background-color: #fff;
    color: #0E0E0E;
}

.slider-btn.swiper-button-prev,
.slider-btn.swiper-button-next,
.slider-btn.category-section__nav {
    cursor: pointer;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #7d7d7d;
    transition: 0.3s;
    border-radius: 50%;
}

.slider-btn.category-section__nav.hidden {
    opacity: 0;
}

.slider-btn.swiper-button-prev,
.slider-btn.swiper-button-next {
    background-color: rgba(37, 37, 37, 0.6980392157);
    display: flex;
    z-index: 2;
}

.slider-btn:active {
    order: 1px solid #9c9c9c;
}

.slider-btn::after {
    display: none;
}

.home-hero {
    padding-top: 40px;
}

.home-hero__wrapper {
    position: relative;
}

.home-hero__slider {
    border-radius: 24px;
    overflow: hidden;
}

.home-hero__nav.swiper-button-prev {
    position: absolute;
    opacity: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.home-hero__nav_prev.swiper-button-prev {
    left: 17px;
}

.home-hero__nav_next.swiper-button-next {
    right: 17px;
}

.home-hero__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
}

.home-hero__footer {
    position: absolute;
    bottom: 32px;
    left: 50%;
    translate: -50% 0;
    height: 24px;
    display: flex;
    z-index: 1;
    width: 100%;
    gap: 10px;
}

.home-hero__pagination {
    --progress: 0;
    position: relative !important;
    bottom: unset !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.home-hero__pagination span {
    margin: 0 !important;
    height: 100%;
    max-width: 117px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin: unset;
    background-color: unset;
    opacity: unset;
    border-radius: unset;
    position: relative;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    flex-shrink: 1;
}

.home-hero__pagination span::before,
.home-hero__pagination span::after {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    left: 0;
    top: 50%;
    translate: 0 -50%;
}

.home-hero__pagination span::before {
    background-color: rgba(144, 144, 144, 0.5019607843);
    width: 100%;
    z-index: 1;
}

.home-hero__pagination span::after {
    background-color: #fff;
    left: 0 !important;
    z-index: 2;
}

.home-hero__pagination span.swiper-pagination-bullet-active::after {
    opacity: 1;
    width: calc(var(--progress) * 1%);
}

.home-hero__stop .play {
    display: none;
}

.home-hero__stop.active .play {
    display: block;
}

.home-hero__stop.active .stop {
    display: none;
}

.hero-slide {
    height: 517px;
}

.hero-slide .mobile {
    display: none;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-section__wrapper {
    display: flex;
    gap: 10px;
}

.category-section__list {
    gap: 10px;
}

.category-section__list:nth-child(1) {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.category-section__list:nth-child(1) .category-section__item {
    height: 153px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 0 0 426px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    flex: 0 0 288px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 1;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    flex: 0 0 400px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    flex: 0 0 240px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    flex: 1;
}

.category-section__list:nth-child(2) {
    display: grid;
    grid-template-columns: 207px;
}

.category-section__list:nth-child(2) .category-section__item {
    height: 315px;
}

.category-section__list:nth-child(3) {
    display: grid;
    grid-template-columns: 161px 117px;
    grid-template-rows: 127px 178px;
}

.category-section__list:nth-child(3) .category-section__item:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.category-section__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2142857143;
    background-color: #f5f5f7;
}

.category-section__item:hover {
    background-color: #e1e1e3;
}

.category-section__item.center {
    text-align: center;
}

.category-section__item a {
    color: #0E0E0E;
}

.category-section__item span {
    position: relative;
    z-index: 1;
}

.category-section__item img {
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.category-section__nav {
    display: none;
}

.sales-section {
    padding: 120px 0;
    background: linear-gradient(to left, #363637, #0E0E0E);
    color: #fff;
}

.sales-section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sales-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sales-section__link {
    color: #fff;
    font-size: 16px;
    line-height: 1.1875;
    position: relative;
}

.sales-section__link .mobile {
    display: none;
}

.sales-section__link::after {
    content: "";
    display: block;
    width: 100%;
    top: 100%;
    height: 1px;
    background-color: #fff;
    scale: 0;
    transform-origin: left;
    transition: 0.3s;
}

.sales-section__link:hover {
    color: #fff;
}

.sales-section__link:hover::after {
    scale: 1;
}

@media (max-width: 1023px) {
    .sales-section__link .desktop {
        display: none;
    }

    .sales-section__link .mobile {
        display: block;
    }

    .sales-section__link {
        font-size: 12px;
    }
}

.sales-section__main {
    position: relative;
}

.sales-section__nav_prev {
    left: 0;
    translate: -50% -50%;
}

.sales-section__nav_next {
    right: 0;
    translate: 50% -50%;
}

.sales-slide:hover .sales-slide__image img {
    scale: 1.1;
}

.sales-slide__image {
    border-radius: 8px;
    overflow: hidden;
}

.sales-slide__image img {
    transition: 0.3s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sales-slide__date {
    display: block;
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.2142857143;
    color: #999999;
}

.sales-slide__title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.product-section {
    padding-top: 120px;
    padding-bottom: 96px;
    overflow-x: hidden;
}

.product-section.grey {
    background-color: #f5f5f7;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.product-section.grey .catalog-body__item {
    background-color: #fff;
}

.product-section__wrapper {
    display: flex;
    flex-direction: column;
}

.product-section__title {
    color: #0E0E0E;
}

.product-section__main {
    position: relative;
}

.product-section__slider {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.product-section__slider .swiper-slide {
    max-width: 293px;
}

.product-section__nav {
    background-color: #fff;
    border: 1px solid #e1e1e3;
}

.product-section__nav svg {
    width: 24px;
    height: 24px;
}

.product-section__nav_prev {
    translate: -50% 0;
    left: 0 !important;
}

.product-section__nav_next {
    right: 0 !important;
    translate: 50% 0;
}

.product-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
    transition: 0.3s;
}

.product-card:hover {
    box-shadow: 0px 8px 10px 0px rgba(195, 195, 195, 0.1411764706), 0px -11px 30px 0px rgba(195, 195, 195, 0.1411764706), 0px 16px 24px 0px rgba(195, 195, 195, 0.1411764706);
}

.product-card__header {
    position: relative;
}

.product-card__hidden {
    position: absolute;
    inset: 0;
    display: flex;
    flex-wrap: nowrap;
    z-index: 10;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.product-card__hidden li {
    border-left: 1px solid blue;
    background-color: red;
    flex: 1;
}

.product-card__banners {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.product-card__banners li {
    border-radius: 4px;
    height: 18px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card__banners li.black {
    background-color: #eeeef0;
    color: #0E0E0E;
}

.product-card__banners li.orange {
    background-color: rgba(243, 159, 60, 0.1019607843);
    color: #f39f3c;
}

.product-card__banners li.blue {
    background-color: rgba(60, 130, 255, 0.1019607843);
    color: #3c82ff;
}

.product-card__banners li.red {
    background-color: rgba(255, 0, 0, 0.1);
    color: #ff0000;
}

.product-card__slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card__slider .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-card__pagination {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    bottom: 0 !important;
    left: 50% !important;
    top: unset !important;
    right: unset !important;
    translate: -50% 0;
    height: 22px;
}

.product-card__pagination .swiper-pagination-bullet {
    margin: 0 !important;
    height: 2px;
    width: 40px;
    border-radius: 2px;
    background-color: #e1e1e3;
    transition: 0.3s;
    opacity: 1 !important;
}

.product-card__pagination .swiper-pagination-bullet-active {
    background-color: #0E0E0E;
}

.product-card__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-card__info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-card__price.actual {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: #0E0E0E;
}

.product-card__price.old {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: #999999;
    text-decoration: line-through;
}

.product-card__small {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 20px;
}

.product-card__sale {
    font-size: 12px;
    background-color: #d70015;
    color: #fff;
    padding: 0 3px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.product-card__hint {
    width: -moz-fit-content;
    width: fit-content;
    height: 16px;
}

.product-card__actions {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.product-card__buy {
    height: 40px;
    background-color: #0E0E0E;
    color: #fff;
    white-space: nowrap;
    padding: 0;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
}

.product-card__buy img {
    display: none;
}

.news-section {
    padding: 120px 0;
    background: linear-gradient(262.96deg, #363637 0%, #0E0E0E 54.7%);
    color: #fff;
}

.news-section img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.news-section__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 108px;
    overflow: hidden;
}

.news-section__main {
    max-width: calc(100% - 635px);
}

.news-section__main:only-child {
    max-width: 100%;
}

.news-section__title.h2 {
    margin-bottom: 70px;
    color: #fff;
}

.news-section__title.h2 a {
    color: #fff;
}

.news-section__title.h2 a:hover {
    color: #fff;
}

.news-section__thumbs .swiper {
    position: relative;
}

.news-section__mobile-thumbs {
    display: none;
}

@media screen and (max-width: 1023px) {
    .news-section__mobile-thumbs {
        display: block;
        width: 700px;
        margin: 0 auto 32px;
    }

    .news-section__mobile-thumbs .swiper-slide {
        max-width: 422px;
    }

    .news-section__mobile-thumbs .news-section__mobile-thumbs-controllers {
        display: flex;
        margin: 12px auto 0;
    }
}

@media screen and (max-width: 767px) {
    .news-section__mobile-thumbs {
        width: auto;
    }

    .news-section__mobile-thumbs .swiper-slide {
        max-width: 328px;
    }
}

@media screen and (max-width: 479px) {
    .news-section__mobile-thumbs .swiper-slide {
        max-width: 315px;
    }
}

@media screen and (max-width: 384px) {
    .news-section__mobile-thumbs .swiper-slide {
        max-width: 278px;
    }
}

.news-section__mobile-thumbs-thumbs-controllers {
    display: none;
}

.news-section__mobile-info {
    display: none;
}

.news-section__mobile-info .swiper-pagination {
    display: none;
}

.news-section__gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    gap: 50px;
    align-items: center;
    max-width: 527px;
    max-height: 726px;
    overflow: hidden;
}

.news-section__gallery .swiper {
    height: 270px;
    overflow: initial;
}

.news-section__gallery .swiper-wrapper {
    align-items: center;
}

.news-section__gallery .swiper-slide {
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    height: 270px;
    width: 400px;
    border: 1px solid #636364;
    flex: 0 0 270px;
    position: relative;
}

.news-section__gallery .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    transition: 0.3;
}

.news-section__gallery .swiper-slide-active::after {
    opacity: 0;
}

.news-section__controllers,
.product-day__controllers,
.promotion__controllers,
.promotion-mobile__controllers,
.news-section__mobile-thumbs-controllers {
    width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 39px;
}

.news-section__controllers .swiper-pagination,
.product-day__controllers .swiper-pagination,
.promotion__controllers .swiper-pagination,
.promotion-mobile__controllers .swiper-pagination,
.news-section__mobile-thumbs-controllers .swiper-pagination {
    position: relative;
    top: unset !important;
    right: unset !important;
    left: unset !important;
    bottom: unset !important;
    transform: none !important;
    gap: 20px;
}

@media (min-width: 767px) {
    .news-section__controllers .swiper-pagination,
    .product-day__controllers .swiper-pagination,
    .promotion__controllers .swiper-pagination,
    .promotion-mobile__controllers .swiper-pagination,
    .news-section__mobile-thumbs-controllers .swiper-pagination {
        width: 100% !important;
    }
}

.news-section__controllers .swiper-pagination .swiper-pagination-bullet,
.product-day__controllers .swiper-pagination .swiper-pagination-bullet,
.promotion__controllers .swiper-pagination .swiper-pagination-bullet,
.news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet,
.promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
    height: 3px;
    background: #414142;
    transition: 0.3s;
    border-radius: 2px;
    position: relative;
    margin: 10px 0 !important;
    width: 70px;
    opacity: 1 !important;
}

@media (min-width: 1023px) {
    .news-section__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .promotion__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next) {
        transform: scaleX(0.57) !important;
    }
}

@media (max-width: 1023px) {
    .news-section__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .promotion__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next) {
        transform: scaleX(1) !important;
    }
}

@media (min-width: 1023px) {
    .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-next {
        transform: scaleX(0.85) !important;
        background-color: #69696a;
    }
}

@media (max-width: 1023px) {
    .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-next {
        transform: scaleX(1) !important;
        background-color: #69696a;
    }
}

.news-section__controllers .swiper-pagination .swiper-pagination-bullet-active,
.product-day__controllers .swiper-pagination .swiper-pagination-bullet-active,
.promotion__controllers .swiper-pagination .swiper-pagination-bullet-active,
.news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active,
.promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

@media (max-width: 1600px) {
    .promotion__controllers,
    .product-day__controllers {
        width: 60px;
        gap: 31px;
    }

    .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet {
        width: 60px;
    }
}

@media (max-width: 1400px) {
    .promotion__controllers,
    .product-day__controllers {
        width: 34px;
        gap: 10px;
    }

    .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet {
        width: 34px;
        margin: 6px 0 !important;
    }
}

@media (max-width: 1023px) {
    .promotion-mobile__controllers {
        margin-top: 12px;
    }

    .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
    .product-day__controllers .swiper-pagination .swiper-pagination-bullet,
    .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet,
    .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet {
        height: 2px;
        margin: 0 2px !important;
    }
}

.news-section__nav,
.product-day__nav,
.promotion__nav {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7d7d7d;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    rotate: 90deg;
}

.news-section__nav img,
.product-day__nav img,
.promotion__nav img {
    width: 24px;
    height: 24px;
}

@media (max-width: 1600px) {
    .product-day__nav,
    .promotion__nav {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1400px) {
    .product-day__nav,
    .promotion__nav {
        width: 20px;
        height: 20px;
    }
}

.news-slide__wrapper {
    display: flex;
    flex-direction: column;
}

.news-slide__image {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    height: 400px;
    width: 100%;
    margin-bottom: 32px;
}

.news-slide__content {
    transition: 2s;
    display: flex;
    flex-direction: column;
}

.news-slide__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 60px;
}

.news-slide__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}

.news-slide__title:hover {
    color: #fff;
}

.news-slide__subtitle {
    color: #fff;
}

.news-slide__buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.news-slide__read {
    color: #0E0E0E !important;
    background-color: #fff !important;
    display: flex;
    gap: 16px;
    transition: 0.3s;
}

.news-slide__read::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: url(../img/icons/read-all-icon.svg) center/cover no-repeat;
}

.news-slide__read:hover {
    background-color: #e1e1e3 !important;
    color: #0E0E0E;
}

.news-slide__all {
    text-align: center;
    color: #fff;
    height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: #0E0E0E;
    transition: 0.3s;
    border: 2px solid #0E0E0E;
    border-radius: 8px;
}

.news-slide__all:hover {
    background-color: #3a3a3c;
    border: 2px solid #3a3a3c;
    color: #fff;
}

.news-thumbs__pagination {
    display: none;
    width: 100px !important;
    justify-content: center;
}

.home-hero__stop,
.product-card__hint,
.product-card__like,
.product-card__share {
    border: none;
}

.product-card__title:hover {
    color: #0E0E0E;
}

@media (max-width: 1608px) {
    .category-section__list:nth-child(1) .category-section__item {
        height: 150px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        flex: 1 1 19.8333333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        flex: 1 1 16.2222222222vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        flex: 1 1 18.2638888889vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        flex: 1 1 18.4027777778vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        flex: 1 1 14.2777777778vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        flex: 1 1 21.6388888889vw;
    }

    .category-section__list:nth-child(2) {
        grid-template-columns: 14.375vw;
    }

    .category-section__list:nth-child(2) .category-section__item {
        height: 310px;
    }

    .category-section__list:nth-child(3) {
        grid-template-columns: 11.1805555556vw 8.125vw;
        grid-template-rows: 127px 173px;
    }
}

@media (max-width: 1600px) {
    .news-section__main {
        max-width: calc(100% - 579px);
    }

    .news-section__wrapper {
        gap: 52px;
    }
}

@media (max-width: 1440px) {
    .home-hero__nav_prev.swiper-button-prev {
        translate: -50% 0;
        left: 40px;
    }

    .home-hero__nav_next.swiper-button-next {
        translate: 50% 0;
        right: 40px;
    }

    .hero-slide {
        height: 461px;
    }

    .sales-section__swiper {
        width: 100vw;
        margin-left: -47px;
        padding-left: 47px;
        padding-right: 47px;
    }

    .sales-slide {
        max-width: 371px;
    }

    .product-section__slider {
        width: 100vw;
        margin-left: -47px;
        padding-left: 47px;
        padding-right: 47px;
        margin-right: unset;
    }
}

@media (max-width: 1400px) {
    .news-section__wrapper {
        gap: 20px;
    }

    .news-section {
        padding: 80px 0;
    }

    .news-section__title.h2 {
        margin-bottom: 32px;
    }

    .news-section__main {
        max-width: calc(100% - 378px);
    }

    .news-section__gallery .swiper {
        height: 180px;
    }

    .news-section__gallery .swiper-slide {
        height: 180px;
        width: 267px;
        flex: 0 0 180px;
    }

    .news-section__gallery {
        margin-top: 72px;
        max-width: 358px;
        max-height: 400px;
        gap: 21px;
    }

    .news-slide__buttons .btn {
        padding: 0 25px;
    }

    .category-section__list:nth-child(1) .category-section__item {
        height: 150px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        flex: 1 1 20.1388888889vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        flex: 1 1 8.3333333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        flex: 1 1 17.7083333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        flex: 1 1 17.7083333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        flex: 1 1 14.5833333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        flex: 1 1 19.875vw;
    }
}

@media (max-width: 1200px) {
    .category-section__list:nth-child(1) .category-section__item {
        height: 150px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        flex: 1 1 20.1388888889vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        flex: 1 1 8.3333333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        flex: 1 1 17.7083333333vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        flex: 1 1 16.3194444444vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        flex: 1 1 13.1944444444vw;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        flex: 1 1 20.875vw;
    }
}

@media (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }

    .section {
        margin-top: 80px;
    }

    .home-hero__wrapper {
        margin-left: -20px;
        margin-right: -20px;
    }

    .home-hero__slider {
        border-radius: 0;
    }

    .home-hero__nav_prev.swiper-button-prev {
        left: 20px;
        translate: 0;
    }

    .home-hero__nav_next.swiper-button-next {
        right: 20px;
        translate: 0;
    }

    .home-hero__footer {
        bottom: 25px;
    }

    .hero-slide {
        height: 360px;
    }

    .category-section {
        position: relative;
    }

    .category-section__inner {
        scroll-behavior: smooth;
        overflow-x: auto;
        width: 100vw;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .category-section__inner:-webkit-scrollbar {
        display: none;
    }

    .category-section__wrapper {
        width: 1375px;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .category-section__wrapper:-webkit-scrollbar {
        display: none;
        background-color: transparent;
        width: 0;
        height: 0;
    }

    .category-section__list:nth-child(1) .category-section__item {
        height: 153px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        flex: 0 0 425px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        flex: 0 0 288px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        flex: 0 0 126px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        flex: 0 0 398px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        flex: 0 0 220px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        flex: 0 0 222px;
    }

    .category-section__list:nth-child(2) {
        grid-template-columns: 207px;
    }

    .category-section__list:nth-child(2) .category-section__item {
        height: 313px;
    }

    .category-section__list:nth-child(3) {
        grid-template-columns: 161px 117px;
        grid-template-rows: 127px 173px;
    }

    .category-section__nav {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
        display: flex;
        background-color: #fff;
        border: 1px solid #e1e1e3;
        cursor: pointer;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
        z-index: 1;
    }

    .category-section__nav_prev {
        left: 20px;
    }

    .category-section__nav_next {
        right: 20px;
    }

    .category-section__nav svg path {
        stroke: #0E0E0E;
    }

    .sales-section {
        padding: 80px 0;
    }

    .sales-section__swiper {
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-section__slider .swiper-slide {
        max-width: 243px;
    }

    .product-section__nav_prev {
        translate: -30% 0;
        left: 0 !important;
    }

    .product-section__nav_next {
        right: 0 !important;
        translate: 30% 0;
    }

    .product-section {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .product-section__slider {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-card {
        padding: 12px;
    }

    .product-card__slider .swiper-slide img {
        width: 100%;
    }

    .product-card__title {
        font-size: 14px;
    }

    .product-card__price.actual {
        font-size: 16px;
    }

    .product-card__price.old {
        font-size: 12px;
    }

    .product-card__info {
        gap: 6px;
    }

    .product-card__buy {
        font-size: 14px;
    }

    .product-card__actions {
        gap: 12px;
    }
}

@media (max-width: 1023px) {
    .product-card:hover {
        box-shadow: none;
    }

    .news-section__gallery {
        display: none;
    }

    .news-section__desktop-thumbs {
        display: none;
    }

    .news-section__mobile-info {
        display: block;
    }

    .news-section__main {
        width: 100%;
        max-width: unset;
        gap: 24px;
    }

    .news-section__title.h2 {
        margin-bottom: 24px;
    }

    .news-slide__image {
        max-height: 250px;
        margin-bottom: 0;
    }

    .news-section__mobile-thumbs .swiper-slide {
        position: relative;
    }

    .news-section__mobile-thumbs .swiper-slide:not(.swiper-slide-active):before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background: rgba(0, 0, 0, 0.2);
        z-index: 5;
    }

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

    .news-slide__all {
        background-color: #0E0E0E;
        border-radius: 8px;
    }

    .news-slide__read {
        gap: 12px;
    }

    .news-slide__read::after {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
    }

    .news-slide__read,
    .news-slide__all {
        height: 40px;
        font-size: 14px;
    }

    .news-slide__text {
        gap: 8px;
        margin-bottom: 40px;
    }

    .news-slide__title {
        font-size: 16px;
    }

    .news-slide__subtitle {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .home-hero {
        padding-top: 0px;
    }

    .h2 {
        font-size: 24px;
    }

    .home-hero__pagination span {
        width: 75px;
        flex: 0 0 75px;
    }

    .home-hero__footer {
        bottom: 12px;
    }

    .hero-slide {
        height: 300px;
    }

    .category-section__nav {
        display: none;
    }

    .sales-section {
        padding-top: 60px;
    }

    .sales-section__nav_prev {
        left: 20px;
    }

    .sales-section__nav_next {
        right: 20px;
    }

    .sales-section__link {
        font-size: 12px;
    }

    .sales-slide {
        max-width: 320px;
    }

    .sales-slide__date {
        font-size: 12px;
        margin-top: 14px;
    }

    .sales-slide__title {
        font-size: 14px;
    }

    .product-section__slider .swiper-slide {
        max-width: 228px;
    }

    .product-section__nav {
        display: none;
    }

    .product-card {
        max-width: 228px;
        padding: 0px;
    }

    .product-card__hidden {
        display: none;
    }

    .product-card__pagination {
        display: none;
    }

    .product-card__price.actual {
        font-size: 14px;
    }

    .product-card__main {
        gap: 8px;
    }

    .product-card__buy {
        font-size: 14px;
    }

    .product-card__actions {
        gap: 4px;
    }

    .product-card .swiper-slide {
        display: none;
    }

    .product-card .swiper-slide:nth-child(1) {
        display: flex;
    }

    .news-section {
        padding: 12px 0;
    }

    .news-section__main {
        gap: 16px;
    }

    .news-section__title.h2 {
        margin-bottom: 12px;
        font-weight: 600;
        font-size: 20px;
    }

    .news-slide__text {
        gap: 12px;
        margin-bottom: 24px;
    }

    .news-slide__buttons {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .news-slide__read::after {
        display: none;
    }

    .news-slide__content {
        padding: 0 12px;
    }

    .news-slide__image {
        max-height: 150px;
    }

    .news-section__mobile-thumbs {
        margin-bottom: 16px;
    }

    .news-section__wrapper {
        margin-left: -4px;
        margin-right: -4px;
    }
}

@media (max-width: 568px) {
    .container {
        padding: 0 12px;
    }

    .section {
        margin-top: 42px;
    }

    .h2 {
        font-size: 20px;
    }

    .home-hero__pagination span {
        width: 40px;
        flex: 0 0 40px;
    }

    .home-hero__footer {
        bottom: 4px;
    }

    .home-hero__nav {
        display: none;
    }

    .hero-slide {
        height: 406px;
    }

    .hero-slide .mobile {
        display: block;
    }

    .hero-slide .desktop {
        display: none;
    }

    .category-section__inner {
        overflow: hidden;
        margin-left: -12px;
        padding-left: 0;
        padding-right: 0;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
    }

    .category-section__inner:-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
        background-color: transparent !important;
    }

    .category-section__wrapper {
        gap: 8px;
        width: unset;
        overflow: auto;
        width: 100vw;
        padding-left: 12px;
        padding-right: 12px;
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
    }

    .category-section__wrapper:-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
        background-color: transparent !important;
    }

    .category-section__list {
        height: 130px;
        gap: 8px;
    }

    .category-section__list:nth-child(1) {
        flex-wrap: nowrap;
    }

    .category-section__list:nth-child(1) .category-section__item {
        height: 130px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
        flex: 0 0 160px;
    }

    .category-section__list:nth-child(2) {
        grid-template-columns: 160px;
    }

    .category-section__list:nth-child(2) .category-section__item {
        height: 130px;
    }

    .category-section__list:nth-child(3) {
        grid-template-columns: repeat(3, 160px);
    }

    .category-section__list:nth-child(3) .category-section__item:nth-child(3) {
        -ms-grid-column-span: 1;
        grid-column: span 1;
    }

    .category-section__item {
        width: 160px !important;
        flex: 0 0 160px !important;
        height: 130px !important;
        font-size: 12px;
    }

    .sales-section {
        padding: 42px 0;
    }

    .sales-section__swiper {
        margin-left: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .sales-section__nav {
        display: none;
    }

    .sales-slide {
        max-width: 180px;
    }

    .sales-slide__date {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .product-section__slider .swiper-slide {
        max-width: 171px;
    }

    .product-section {
        padding-top: 42px;
    }

    .product-section__slider {
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .product-card {
        border-radius: 8px;
        padding: 8px;
    }

    .product-card__slider .swiper-slide img {
        width: 100%;
    }

    .product-card__banners li {
        display: none;
    }

    .product-card__banners li:first-child {
        display: flex;
    }

    .product-card__main {
        gap: 0;
    }

    .product-card__actions {
        margin-top: 12px;
    }

    .product-card__title {
        margin-bottom: 8px;
    }

    .product-card__buy {
        height: 32px;
    }

    .product-card__buy span {
        display: none;
    }

    .product-card__buy img {
        display: block;
    }

    .product-card__like,
    .product-card__share {
        height: 32px;
        width: 32px;
        flex: 0 0 32px;
    }

    .product-card__like svg,
    .product-card__share svg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .product-card__info {
        display: grid;
        grid-template-columns: auto 1fr;
        row-gap: 4px;
        -moz-column-gap: 6px;
        column-gap: 6px;
    }

    .product-card__hint {
        order: 2;
    }

    .product-card__small {
        gap: 4px;
        order: 3;
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}

@media (hover: hover) {
    .slider-btn:hover {
        border: 1px solid #9c9c9c;
    }
}

.sales-section__wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

@media (max-width: 1400px) {
    .sales-section__wrap {
        padding: 0 34px;
    }
}

@media (max-width: 1023px) {
    .sales-section__wrap {
        padding: 0px;
        justify-content: center;
    }
}

.sales-container.container {
    overflow-x: initial;
}

.sales-section-products {
    width: 100%;
    max-width: 650px;
    position: relative;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .sales-section-products {
        max-width: 572px;
    }
}

@media (max-width: 1400px) {
    .sales-section-products {
        max-width: 376px;
    }
}

.sales-section__wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 1px;
    background: linear-gradient(to bottom, #19191a 0%, #ffffff 50%, #101010 100%);
}

@media (max-width: 1023px) {
    .sales-section__wrap::before {
        content: none;
    }
}

.sales-section__header.promotion {
    position: absolute;
    top: -24px;
    right: 0;
    transform: translateY(-100%);
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1400px) {
    .sales-section__header.promotion {
        top: -19px;
    }
}

.sales-section-actions {
    width: 100%;
    max-width: 572px;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .sales-section-actions {
        max-width: 572px;
    }
}

@media (max-width: 1400px) {
    .sales-section-actions {
        max-width: 572px;
    }
}

.product-day__gallery {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 419px;
    gap: 80px;
}

@media screen and (max-width: 1599px) {
    .product-day__gallery {
        height: 347px;
        gap: 42px;
    }
}

@media screen and (max-width: 1399px) {
    .product-day__gallery {
        height: 272px;
        gap: 42px;
    }
}

@media screen and (max-width: 1023px) {
    .product-day__gallery {
        display: none;
    }
}

.product-day__gallery .swiper-wrapper {
    width: calc(100% - 150px);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial) !important;
}

@media screen and (max-width: 1599px) {
    .product-day__gallery .swiper-wrapper {
        width: calc(100% - 102px);
    }
}

@media screen and (max-width: 1399px) {
    .product-day__gallery .swiper-wrapper {
        width: calc(100% - 76px);
    }
}

@media screen and (max-width: 1023px) {
    .product-day__gallery .swiper-wrapper {
        width: 100%;
    }
}

.product-day__gallery.mobile {
    display: none;
}

@media screen and (max-width: 1023px) {
    .product-day__gallery.mobile {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 632px;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .product-day__gallery.mobile {
        width: 371px;
    }
}

@media screen and (max-width: 384px) {
    .product-day__gallery.mobile {
        width: 328px;
    }
}

.product-day__item {
    position: relative;
    height: 325px;
    border-radius: 24px;
    padding: 24px;
    background-color: #ffffff;
    display: flex;
}

@media screen and (min-width: 1024px) {
    .product-day__item {
        transition-property: transform, padding;
    }
}

@media screen and (max-width: 1599px) {
    .product-day__item {
        height: 280px;
    }

    .product-day__item .swiper-slide-prev {
        padding: 9px 17px;
    }

    .product-day__item .swiper-slide-next {
        padding: 1px 18px;
    }
}

@media screen and (max-width: 1399px) {
    .product-day__item {
        height: 170px;
        border-radius: 14px;
        padding: 12px 24px;
    }
}

@media screen and (max-width: 1023px) {
    .product-day__item .swiper-slide-prev {
        padding: 8px;
        padding-right: 24px;
    }

    .product-day__item .swiper-slide-next {
        padding: 8px;
        padding-right: 24px;
    }
}

@media screen and (max-width: 767px) {
    .product-day__item {
        padding: 7px;
    }

    .product-day__item .swiper-slide-prev {
        padding: 7px;
        padding-right: 12px;
    }

    .product-day__item .swiper-slide-next {
        padding: 7px;
        padding-right: 12px;
    }
}

@media screen and (max-width: 1023px) {
    .product-day__item.mobile {
        padding-right: 24px;
        height: 250px;
        max-width: 422px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .product-day__item.mobile {
        max-width: 315px;
        height: 150px;
    }
}

@media screen and (max-width: 384px) {
    .product-day__item.mobile {
        padding-right: 12px;
        max-width: 278px;
        min-height: 136px;
    }
}

.product-day__item .product__day-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 24px;
}

@media screen and (max-width: 1599px) {
    .product-day__item .product__day-container {
        gap: 5px;
    }
}

.product-day__item:not(.swiper-slide-active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
}

@media (max-width: 1023px) {
    .sales-section-actions,
    .sales-section__header.promotion {
        display: none;
    }

    .sales-section-products {
        max-width: 100%;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.promotion__image {
    width: 100%;
    background-size: cover;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
}

.promotion__image > img {
    width: 100%;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 1600px) {
    .promotion__image > img {
        -o-object-position: center;
        object-position: center;
    }
}

@media (max-width: 1600px) {
    .promotion__title {
        line-height: 20px;
        font-size: 18px;
    }
}

@media (max-width: 1400px) {
    .promotion__title {
        font-size: 12px;
        line-height: 14px;
    }
}

.sales-section__slide {
    max-height: -moz-fit-content;
    max-height: fit-content;
}

.swiper-pagination-wrapper {
    position: relative;
}

.swiper-pagination-scroll {
    position: absolute;
    top: -15px;
    bottom: -15px;
    right: -10px;
    left: -10px;
    z-index: 10;
    overscroll-behavior: none;
}

.product-day__title {
    font-family: "Inter";
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
}

@media (max-width: 1600px) {
    .product-day__title {
        font-size: 28px;
        line-height: 42px;
    }
}

@media (max-width: 1400px) {
    .product-day__title {
        font-size: 18px;
        line-height: 18px;
    }
}

@media (max-width: 1023px) {
    .product-day__title {
        display: none;
    }
}

.product-day__basket {
    width: 100%;
    text-align: center;
}

.product__day-wrapper {
    display: flex;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    flex-grow: 1;
}

.product__day-image {
    width: 45%;
    max-width: 210px;
    aspect-ratio: 1/1;
}

.product__day-description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product__day-image > img {
    width: 100%;
}

.product__day-info {
    margin-bottom: 25px;
    flex-grow: 1;
}

@media (max-width: 1600px) {
    .product__day-info {
        margin-bottom: 18px;
    }
}

@media (max-width: 1400px) {
    .product__day-info {
        margin-bottom: 10px;
    }
}

@media (max-width: 1023px) {
    .product__day-description {
        width: 124px;
    }

    .product__day-info {
        margin-bottom: 4px;
    }

    .product__day-image {
        width: calc(100% - 124px);
    }
}

@media (max-width: 767px) {
    .product__day-info {
        margin-bottom: 12px;
    }

    .product__day-description {
        width: 155px;
    }

    .product__day-image {
        width: calc(100% - 155px);
    }
}

.product__day-name {
    font-family: "Inter";
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 12px;
}

@media (max-width: 1600px) {
    .product__day-name {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 7px;
        min-height: auto;
    }
}

@media (max-width: 1400px) {
    .product__day-name {
        font-size: 10px;
        line-height: 12.88px;
    }

    .product__day-container .catalog-body__basket {
        height: 25px;
        border-radius: 6px;
    }

    .product__day-container .catalog-body__basket_active,
    .product__day-container .catalog-body__basket_active:hover {
        background-image: url(/ajax/auth/img/icon/basket-ok.svg);
        color: transparent;
        padding: 5px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .product__day-price-wrapper {
        gap: 6px;
    }

    .catalog-body__price-info i {
        width: 11px;
        height: 11px;
    }
}

@media (max-width: 1023px) {
    .product__day-name {
        min-height: 40px;
        font-size: 10px;
        line-height: 12.88px;
        margin-bottom: 16px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

@media (max-width: 767px) {
    .product__day-name {
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 6px;
    }

    .product__day-container .catalog-body__basket {
        max-width: 120px;
    }
}

.product__day-price {
    font-family: "Inter";
    font-weight: 800;
    font-size: 20px;
    line-height: 24.2px;
    color: #000000;
    white-space: nowrap;
}

@media (max-width: 1600px) {
    .product__day-price {
        font-size: 20px;
        line-height: 24.2px;
    }
}

@media (max-width: 1400px) {
    .product__day-price {
        font-size: 12px;
        line-height: 14.52px;
    }
}

@media (max-width: 1023px) {
    .product__day-price {
        font-size: 11px;
        line-height: 13.31px;
    }
}

@media (max-width: 767px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 4px;
    }
}

.product__day-old-price {
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    line-height: 16.94px;
    color: #999999;
    white-space: nowrap;
    text-decoration: line-through;
}

@media (max-width: 1600px) {
    .product__day-old-price {
        font-size: 14px;
        line-height: 16.94px;
    }
}

@media (max-width: 1400px) {
    .product__day-old-price {
        font-size: 8px;
        line-height: 9.68px;
    }
}

@media (max-width: 1023px) {
    .product__day-old-price {
        font-size: 8px;
        line-height: 9.68px;
    }
}

@media (max-width: 767px) {
    .product__day-old-price {
        font-size: 9px;
        line-height: 10.89px;
    }
}

.catalog-body__price-sale {
    font-size: 12px;
    line-height: 14.52px;
}

@media (max-width: 1600px) {
    .catalog-body__price-sale {
        font-size: 12px;
        line-height: 14.52px;
    }
}

@media (max-width: 1400px) {
    .catalog-body__price-sale {
        padding: 1px 3px;
        font-size: 8px;
        line-height: 9.68px;
    }
}

@media (max-width: 1023px) {
    .catalog-body__price-sale {
        font-size: 10px;
        line-height: 12.1px;
    }
}

@media (max-width: 767px) {
    .catalog-body__price-sale {
        font-size: 8px;
        line-height: 9.68px;
    }
}

.product__day-time {
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    word-spacing: -2px;
    white-space: nowrap;
}

@media (max-width: 1600px) {
    .product__day-time {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width: 1400px) {
    .product__day-time {
        font-size: 10px;
        line-height: 18.04px;
        word-spacing: -3px;
    }
}

@media (max-width: 1023px) {
    .product__day-time {
        font-size: 10px;
        line-height: 18.04px;
        word-spacing: -2px;
    }
}

@media (max-width: 767px) {
    .product__day-time {
        font-size: 10px;
        line-height: 18.04px;
    }
}

.product__day-old-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    margin-bottom: 8px;
}

@media (max-width: 1600px) {
    .product__day-old-wrapper {
        gap: 8px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1400px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 6px;
        min-height: 19px;
    }
}

@media (max-width: 1023px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .product__day-old-wrapper {
        gap: 6px;
        margin-bottom: 4px;
    }
}

.product__day-price-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1600px) {
    .product__day-price {
        gap: 10px;
    }
}

@media (max-width: 1400px) {
    .product__day-price {
        gap: 6px;
    }
}

@media (max-width: 1023px) {
    .product__day-price {
        gap: 6px;
    }
}

@media (max-width: 767px) {
    .product__day-old-wrapper {
        gap: 6px;
    }
}

.promotion__header.mobile {
    font-family: "Inter";
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    margin: 0;
    display: none;
}

@media (max-width: 1023px) {
    .promotion__header.mobile {
        display: block;
    }
}

.sales-section__main.mobile {
    display: none;
    background: linear-gradient(to right, #0E0E0E 0%, #363637 100%);
    padding: 24px 24px 32px;
}

@media (max-width: 1023px) {
    .sales-section__main.mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .sales-section__main.mobile {
        padding: 12px 12px 24px;
    }
}

.sales-section__link > .desktop {
    display: block;
}

.sales-section__header.promotion-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .sales-section__header.promotion-mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
    }
}

.promotion__mobile-item {
    position: relative;
    display: flex;
    height: auto;
    border-radius: 14px;
    background-color: #ffffff;
    padding: 4px 12px 7px;
}

@media screen and (max-width: 1023px) {
    .promotion__mobile-item {
        padding: 12px 19px 7px;
        max-width: 422px;
    }
}

@media screen and (max-width: 767px) {
    .promotion__mobile-item {
        max-width: 315px;
        height: 150px;
        padding: 12px 19px 0px;
    }
}

@media screen and (max-width: 384px) {
    .promotion__mobile-item {
        max-width: 278px;
    }
}

.promotion__mobile-item a {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-grow: 1;
    max-height: 300px;
}

@media screen and (max-width: 767px) {
    .promotion__mobile-item a {
        max-height: 175px;
    }
}

.promotion__mobile-image {
    width: 100%;
    overflow: auto;
}

.promotion__mobile-image img {
    width: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.promotion__mobile-name {
    font-family: "Inter";
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
    .promotion__mobile-name {
        font-size: 10px;
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .promotion__mobile-gallery {
        max-width: 632px;
    }
}

@media screen and (max-width: 767px) {
    .promotion__mobile-gallery {
        width: 371px;
    }
}

@media screen and (max-width: 384px) {
    .promotion__mobile-gallery {
        width: 328px;
    }
}

.promotion__mobile-item:not(.swiper-slide-active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
}

.promotion-mobile__controllers > .swiper-pagination > .swiper-pagination-bullet,
.news-section__mobile-thumbs-controllers > .swiper-pagination > .swiper-pagination-bullet,
.product-day__controllers.mobile > .swiper-pagination > .swiper-pagination-bullet {
    width: 10px;
    background: #69696a;
}

.promotion-mobile__controllers > .swiper-pagination > .swiper-pagination-bullet-active,
.news-section__mobile-thumbs-controllers > .swiper-pagination > .swiper-pagination-bullet-active,
.product-day__controllers.mobile > .swiper-pagination > .swiper-pagination-bullet-active {
    background: #ffffff;
}

.products {
    padding-top: 72px;
    padding-bottom: 67px;
}

@media (max-width: 1600px) {
    .products {
        padding-bottom: 72px;
    }
}

@media (max-width: 1400px) {
    .products {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 1023px) {
    .products {
        padding: 24px 0 32px;
    }
}

@media (max-width: 767px) {
    .products {
        padding: 12px 0 24px;
    }
}

@media (max-width: 1023px) {
    a.product-day__basket {
        font-size: 0 !important;
        background-image: url(/ajax/auth/img/icon/basket.svg);
        min-width: 70px;
        height: 30px;
    }
}

@media (max-width: 1400px) {
    .sales-section__link.promotions {
        font-size: 14px;
    }
}

.app-container {
    margin: auto;
    padding-top: 78px;
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .app-container {
        padding-top: 30px;
        margin-top: 26px;
        margin-bottom: 26px;
    }
}

.app-container .app-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid #fff;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media screen and (max-width: 767px) {
    .app-container .app-wrapper {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 20px;
        -moz-column-gap: 9px;
        column-gap: 9px;
    }
}

.app-container .app-wrapper-download {
    max-width: 308px;
}

@media screen and (max-width: 767px) {
    .app-container .app-wrapper-download {
        flex-basis: 50%;
    }
}

.app-container .app-wrapper-download-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .app-container .app-wrapper-download-header {
        font-size: 12px;
        padding-bottom: 14px;
    }
}

.app-container .app-wrapper-download-block {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

@media screen and (max-width: 990px) {
    .app-container .app-wrapper-download-block {
        display: block;
    }
}

.app-container .app-wrapper-download-block-item {
    flex-basis: 141px;
    max-width: 141px;
}

@media screen and (max-width: 990px) {
    .app-container .app-wrapper-download-block-item {
        margin-bottom: 12px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 767px) {
    .app-container .app-wrapper-download-block-item {
        margin-bottom: 12px;
        margin-left: 0;
        margin-right: 0;
        max-width: 115px;
    }
}

.app-container .app-wrapper-image {
    max-width: 328px;
    margin-top: -78px;
}

@media screen and (max-width: 767px) {
    .app-container .app-wrapper-image {
        flex-basis: 50%;
        margin-top: -42px;
    }
}

.app-container .app-wrapper-qr {
    max-width: 364px;
}

@media screen and (max-width: 767px) {
    .app-container .app-wrapper-qr {
        display: none;
    }
}

.app-container .app-wrapper-qr-block {
    display: flex;
    -moz-column-gap: 42px;
    column-gap: 42px;
    align-items: center;
}

@media screen and (max-width: 990px) {
    .app-container .app-wrapper-qr-block {
        display: block;
    }
}

.app-container .app-wrapper-qr-block-image {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 990px) {
    .app-container .app-wrapper-qr-block-image {
        margin-bottom: 12px;
    }
}

.app-container .app-wrapper-qr-block-image img {
    -o-object-fit: contain;
    object-fit: contain;
}

.app-container .app-wrapper-qr-block-info {
    flex-basis: 152px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
}

/*# sourceMappingURL=style.css.map */


/* Sidebar */
.product-item-detail-info-section {
    padding: 0 20px;
}

@media (max-width: 992px) {
    .product-item-detail-info-section {
        padding: 0;
    }
}

.product-item-detail-info-container {
    margin-bottom: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.product-item-detail-info-container-title {
    margin-bottom: 3px;
    color: #000;
    font-weight: var(--ui-font-weight-bold);
    font-size: 13px;
}

.product-item-detail-pay-block {
    position: relative;
    margin-bottom: 15px;
    padding: 20px 20px 0;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background-color: #fff;
}

.bx-retina .product-item-detail-pay-block {
    border-width: 0.5px;
}

/*Compare*/
.product-item-detail-compare-container {
    position: relative;
    margin: 0 -20px;
    padding: 4px 15px;
    min-height: 30px;
    border-top: 1px solid #e4e4e4;
    background: #f3f3f3;
    box-shadow: inset 0 1px 1px 0 #eee;
    color: #4e4e4e;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
}

.product-item-detail-compare .checkbox {
    margin: 0;
    padding: 0;
}

/* Price */
.product-item-detail-price-current {
    color: #d0021b;
    white-space: nowrap;
    font-weight: var(--ui-font-weight-bold);
    font-size: 30px;
    line-height: 33px;
    transition: font-size 200ms ease;
}

.product-item-detail-price-old {
    color: #bdbdbd;
    text-decoration: line-through;
    white-space: nowrap;
    font-weight: var(--ui-font-weight-bold);
    font-size: 14px;
    line-height: 17px;
}

/* SCU */
.product-item-scu-container {
    padding: 0 0 2px;
}

.product-item-scu-container-title {
    color: #333;
    font-size: 12px;
}

.product-item-scu-list {
    margin: 0;
}

.product-item-scu-item-list {
    overflow: hidden;
    margin: 0 0 0 -2px;
    padding: 0;
    list-style: none;
}

.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 3px;
    max-width: 100%;
    vertical-align: middle;
}

.product-item-scu-item-text-container {
    min-width: 48px;
}

.product-item-scu-item-color-container {
    max-width: 38px;
    width: 25%;
}

.product-item-scu-item-color-block {
    position: relative;
    padding-top: 100%;
    outline: 1px solid #c0cfda;
    cursor: pointer;
}

.bx-no-touch .product-item-scu-item-color-block {
    transition: outline 200ms ease;
}

.bx-retina .product-item-scu-item-color-block {
    outline-width: 0.5px;
}

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
    outline-width: 2px;
}

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block {
    outline-width: 1px;
}

.product-item-scu-item-color {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-item-scu-item-text-block {
    position: relative;
    padding: 0 5px;
    outline: 1px solid #c0cfda;
    cursor: pointer;
}

.bx-no-touch .product-item-scu-item-text-block {
    transition: outline 300ms ease;
}

.bx-retina .product-item-scu-item-text-block {
    outline-width: 0.5px;
}

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
    outline-width: 2px;
}

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block {
    outline-width: 1px;
}

.product-item-scu-item-text {
    overflow: hidden;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
    position: relative;
    overflow: hidden;
    outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
    background-size: 80% 80%;
    content: "";
}

.product-item-selected-scu-container {
    word-spacing: 1px;
}

.product-item-selected-scu {
    display: inline-block;
    overflow: hidden;
    padding: 0 5px;
    min-width: 22px;
    height: 22px;
    outline: 1px solid #c0cfda;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 22px;
}

.bx-retina .product-item-selected-scu {
    outline-width: 0.5px;
}

.product-item-selected-scu-color {
    background-position: center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

/*Amount*/
.product-item-amount {
    padding: 0 0 2px;
    text-align: center;
}

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
    position: relative;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    border-radius: 2px;
    background-color: #f2f2f2;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus {
    border-width: 0.5px;
}

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover {
    background: #d3d3d3;
}

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0.8;
    transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
    opacity: 0.3 !important;
    cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
    background-color: #f2f2f2;
}

.product-item-amount-field-btn-minus:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0.8;
    transition: opacity 300ms ease;
}

.product-item-amount-field-btn-plus:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
    background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
    background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after {
    opacity: 1;
}

.product-item-amount-field {
    display: inline-block;
    padding: 0;
    max-width: 50px;
    width: auto;
    height: 22px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent !important;
    color: #000;
    vertical-align: middle;
    text-align: center;
    font-weight: var(--ui-font-weight-bold);
    font-size: 19px;
    line-height: 22px;
    transition: border 300ms ease;
}

.bx-retina .product-item-amount-field {
    border-width: 0.5px;
}

.product-item-amount-field:focus {
    outline: none !important;
}

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.product-item-amount-description-container {
    color: #a5a5a5;
    white-space: nowrap;
    font-size: 12px;
}

.product-item-amount-description-container strong {
    color: #333;
    white-space: nowrap;
}

.product-item-amount-label-container {
    margin: 5px 0;
    color: #a5a5a5;
    font-weight: var(--ui-font-weight-bold);
    font-size: 12px;
}

/**/
.product-item-quantity {
    color: #333;
    font-weight: normal;
    font-size: 12px;
}

/*Buy button*/
.btn.product-item-detail-buy-button {
    position: relative;
    display: block;
    margin: 0 auto 20px;
    max-width: 250px;
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.product-item-detail-short-card-btn .btn.product-item-detail-buy-button {
    margin: 0;
}

.btn.product-item-detail-buy-button span {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: inline-block;
    min-height: 16px;
    max-width: 100%;
    white-space: normal;
    line-height: 16px;
    transform: translateY(-50%);
}

.btn-link.product-item-detail-buy-button {
    height: 25px;
}

/* Slider */
.product-item-detail-slider-container {
    position: relative;
    max-width: 100%;
    background: transparent;
    transition: background 800ms ease;
}

.product-item-detail-slider-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 56.25%;
    height: 0;
}

.product-item-detail-slider-block.product-item-detail-slider-block-square {
    padding-top: 100%;
}

.product-item-detail-slider-images-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-item-detail-slider-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 250ms linear;
}

.product-item-detail-slider-image.active {
    z-index: 10;
    opacity: 1;
}

.product-item-detail-slider-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    outline: 1px solid transparent;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
    transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 180;
    height: 3px;
}

/*Slider Controls*/
.product-item-detail-slider-controls-block {
    padding: 10px 0;
    text-align: center;
}

.product-item-detail-slider-controls-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 65px;
    height: 65px;
    outline: 1px solid #c0cfda;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

.bx-retina .product-item-detail-slider-controls-image {
    outline-width: 0.5px;
}

.bx-no-retina .product-item-detail-slider-controls-image.active {
    outline-width: 2px;
}

.bx-retina .product-item-detail-slider-controls-image.active {
    outline-width: 1px;
}

.product-item-detail-slider-controls-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 65px;
    max-height: 65px;
    width: auto;
    height: auto;
    transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-left,
.product-item-detail-slider-right {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 111;
    display: block;
    width: 25%;
    background: rgba(255, 255, 255, 0) url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    opacity: 0.57;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-detail-slider-left {
    left: 0;
}

.product-item-detail-slider-right {
    right: 0;
    transform: rotate(180deg);
}

.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0.8;
}

.product-item-detail-slider-close {
    display: none;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close {
    position: absolute;
    top: 4px;
    right: 110px;
    bottom: 0;
    z-index: 150;
    display: block;
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    opacity: 0.27;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover {
    opacity: 1;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-right {
    right: 105px;
}

/*magnified*/
.product-item-detail-slider-container.magnified .product-item-detail-slider-image {
    z-index: 100;
}

.product-item-detail-slider-container.magnified .product-item-detail-slider-image img {
    outline-color: #ddd;
}

.product-item-detail-slider-container.magnified .product-item-detail-slider-left,
.product-item-detail-slider-container.magnified .product-item-detail-slider-right {
    z-index: 50;
}

.product-item-detail-slider-container.magnified .product-item-label-text,
.product-item-detail-slider-container.magnified .product-item-label-ring {
    opacity: 0;
}

/*	>>>	popup*/
.product-item-detail-slider-container.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
    animation-name: imgPopupShow;
    animation-duration: 300ms;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
    right: 105px;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-block {
    padding-top: 0;
    height: 100vh;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100vh;
    width: calc(100% - 150px);
    transform: translateY(-50%) translateX(-50%);
}

@keyframes imgPopupShow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    cursor: default;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding: 20px;
    border-left: 1px solid #d3d3d3;
    background-color: #fff;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
    display: block;
    margin-bottom: 20px;
}

/* Slider Mobile*/
@media (max-width: 767px) {
    .product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
        right: 0;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-block {
        padding-top: 0;
        height: calc(100vh - 111px);
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image {
        width: 90%;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image img {
        max-width: 100%;
        max-height: calc(100vh - 115px);
        width: auto;
        cursor: default;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-x: auto;
        max-height: 111px;
        border-top: 1px solid #d3d3d3;
        border-left: none;
        white-space: nowrap;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
        display: inline-block;
        margin-bottom: 0;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-close {
        right: 10px;
        z-index: 200;
    }

    .product-item-detail-slider-left,
    .product-item-detail-slider-right {
        max-width: 75px;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-right {
        right: 0;
    }
}

/*Label*/
.product-item-label-text,
.product-item-label-ring {
    position: absolute;
    z-index: 190;
    opacity: 1;
    transition: opacity 450ms ease;
}

.product-item-label-text span,
.product-item-label-ring {
    display: inline-block;
    clear: both;
    margin-bottom: 2px;
    background: #f42c2c;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    transition: all 250ms ease;
}

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring {
    background-color: #fba90c;
}

.product-item-label-text > div,
.product-item-label-ring > div {
    line-height: 0;
}

.product-item-detail-slider-container.popup .product-item-label-text,
.product-item-detail-slider-container.popup .product-item-label-ring {
    display: none;
}

/* TEXT */
.product-item-label-text span {
    padding: 2px 5px;
    vertical-align: middle;
    font-weight: var(--ui-font-weight-bold);
}

.product-item-label-text.product-item-label-small span {
    margin-bottom: 1px;
    padding: 2px 7px;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
}

.product-item-label-text.product-item-label-big span {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 17px;
}

@media (max-width: 767px) {
    .product-item-label-text > div {
        line-height: 0;
    }

    .product-item-label-text.product-item-label-small span,
    .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
        margin-bottom: 1px;
        padding: 2px 7px;
        font-size: 10px;
        line-height: 14px;
    }

    .product-item-big-card .product-item-label-text.product-item-label-small span,
    .product-item-label-text.product-item-label-big span,
    .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
        margin-bottom: 1px;
        padding: 3px 12px;
        font-size: 14px;
        line-height: 16px;
    }

    .product-item-big-card .product-item-label-text.product-item-label-big span {
        padding: 3px 12px;
        font-size: 20px;
        line-height: 25px;
    }
}

/*RING*/
.product-item-label-ring {
    box-sizing: border-box;
    border-radius: 50%;
    font-weight: var(--ui-font-weight-bold);
}

.product-item-label-ring.product-item-label-small {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}

.product-item-label-ring.product-item-label-big {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}

@media (max-width: 767px) {
    .product-item-label-ring.product-item-label-small,
    .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
        width: 20px;
        height: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .product-item-big-card .product-item-label-ring.product-item-label-small,
    .product-item-label-ring.product-item-label-big,
    .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
    }

    .product-item-big-card .product-item-label-ring.product-item-label-big {
        width: 70px;
        height: 70px;
        font-size: 24px;
        line-height: 70px;
    }
}

.product-item-label-top {
    top: -5px;
}

.product-item-label-center {
    left: 50%;
    transform: translateX(-50%);
}

.product-item-label-center > div {
    text-align: center;
}

.product-item-label-left {
    left: -5px;
}

.product-item-label-left > div {
    text-align: left;
}

.product-item-label-bottom {
    bottom: -5px;
}

.product-item-label-middle {
    top: 50%;
    transform: translateY(-50%);
}

.product-item-label-right {
    right: -5px;
}

.product-item-label-right > div {
    text-align: right;
}

.product-item-label-center.product-item-label-middle {
    transform: translateY(-50%) translateX(-50%);
}

/* Tabs */
.product-item-detail-tabs-container {
    min-height: 60px;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

.product-item-detail-tabs-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-item-detail-tabs-list:after {
    display: table;
    clear: both;
    content: "";
}

.product-item-detail-tab {
    float: left;
    min-height: 60px;
}

.product-item-detail-tab-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    height: 60px;
    color: #039be5;
    vertical-align: middle;
    text-transform: uppercase;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: var(--ui-font-weight-bold);
    font-size: 13px;
    line-height: 45px;
    transition: all 250ms ease;
}

.product-item-detail-tab-link:hover,
.product-item-detail-tab.active .product-item-detail-tab-link {
    color: #000;
}

.product-item-detail-tab-link:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    background: #1485ce;
    content: "";
    transition: all 250ms ease;
}

.product-item-detail-tab-link:hover:after,
.product-item-detail-tab.active .product-item-detail-tab-link:after {
    height: 3px;
}

.product-item-detail-tab-link:active:after {
    height: 6px;
}

.product-item-detail-tab-content {
    padding: 25px 0;
}

@media (max-width: 991px) {
    .product-item-detail-tabs-container {
        display: none !important;
    }

    .product-item-detail-tab-content {
        display: block !important;
    }
}

/*Tab fixed*/
.product-item-detail-tabs-container-fixed {
    position: fixed;
    top: -100px;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 4px 14px 0 rgba(32, 54, 74, 0.23);
    transition: top 350ms linear;
}

.product-item-detail-tabs-container-fixed {
    min-height: 45px;
    background: #fff;
}

.product-item-detail-tabs-container-fixed.active {
    top: 0;
    opacity: 1;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tabs-list {
    margin: 0 auto;
    max-width: 1048px;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tab {
    min-height: 45px;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tab-link {
    padding: 10px 25px;
    height: 45px;
    line-height: 25px;
}

.bx-touch .product-item-detail-tabs-container-fixed {
    display: none !important;
}

/*Small Card*/
.product-item-detail-short-card-fixed {
    position: fixed;
    top: -85px;
    right: 0;
    left: 0;
    z-index: 1010;
    box-sizing: border-box;
    padding: 7px 0 8px;
    height: 85px;
    background-color: #fff;
    box-shadow: 0 4px 14px 0 rgba(32, 54, 74, 0.23);
    transition: top 220ms linear;
}

.product-item-detail-short-card-fixed.active {
    top: 0;
    opacity: 1;
}

.product-item-detail-short-card-fixed.active + .product-item-detail-tabs-container-fixed.active {
    top: 85px;
}

.bx-touch .product-item-detail-short-card-fixed {
    display: none !important;
}

.product-item-detail-short-card-fixed .product-item-detail-short-card-content-container {
    margin: 0 auto;
    max-width: 1048px;
}

.product-item-detail-short-card-content-container table {
    min-width: 100%;
    border-collapse: collapse;
}

.product-item-detail-short-card-image {
    padding-right: 15px;
    width: 80px;
    vertical-align: middle;
    text-align: left;
}

.product-item-detail-short-card-image img {
    max-width: none;
    height: 65px;
}

.product-item-detail-short-title-container {
    max-width: 650px;
}

.product-item-detail-short-title-text {
    display: block;
    color: #000;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
    font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
}

.product-item-detail-short-card-price {
    padding: 0 10px;
    vertical-align: middle;
    text-align: right;
}

.product-item-detail-short-card-btn {
    padding-left: 10px;
    min-width: 120px;
}

/*Properties */
.product-item-detail-tab-content {
    display: none;
}

.product-item-detail-tab-content.active {
    display: block;
}

.product-item-detail-tab-content h3 {
    margin-bottom: 10px;
    font-weight: var(--ui-font-weight-bold);
    font-size: 14px;
}

.product-item-detail-properties {
    display: block;
    overflow: hidden;
    margin: 0;
    max-width: 560px;
    color: #a5a5a5;
    font-size: 12px;
}

.cart-purchase__shop_line_text {
    line-height: 1.5rem;
}

.button.button-catalog-card-map {
    color: #fff;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px;
    height: auto;
    padding: 2px 20px;
}

.button.button-catalog-card-map:hover {
    color: #fff;
}

.button-catalog-card-map-left-padding {
    padding-right: 10px;
}

.product-item-detail-properties dl {
    clear: both;
}

.product-item-detail-properties dt {
    float: left;
    clear: both;
    font-weight: normal;
}

.product-item-detail-properties dd {
    float: right;
    margin-bottom: 3px;
    margin-left: 5px;
    color: #000;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.availability__btn-close {
    position: absolute;
    top: 4px;
    right: 8px;
    background: none;
    border: none;
    font-size: 18px;
}

.availability__content-inner {
    width: 100%;
}

.ballon .availability__sum {
    padding-right: 10px;
}

.availability__btn-close,
.modal .is-close-btn {
    color: #000 !important;
}

.cart-purchase__buy-price .catalog-body__price-sale {
    margin-bottom: 6px;
}

.cart-purchase__buy-discount {
    width: 100%;
    margin-bottom: 24px;
}

.cart-purchase__buy-discount-total,
.cart-purchase__buy-discount-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.cart-purchase__buy-discount-total {
    margin-bottom: 8px;
}

.cart-purchase__buy-discount-name {
    display: flex;
    align-items: center;
    font-size: 12px;
}

a.cart-purchase__buy-discount-name {
    color: #2a65c5;
}

.cart-purchase__buy-discount-total .cart-purchase__buy-discount-name {
    gap: 8px;
    font-size: 16px;
    cursor: pointer;
}

.cart-purchase__buy-discount-total::before,
.cart-purchase__buy-discount-element::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dotted #afafaf;
}

.cart-purchase__buy-discount-name,
.cart-purchase__buy-discount-price {
    background-color: #fff;
    z-index: 1;
}

.cart-purchase__buy-discount-element {
    display: none;
    margin-top: 8px;
}

.cart-purchase__buy-discount.active .cart-purchase__buy-discount-element {
    display: flex;
}

.cart-purchase__buy-discount.active .cart-purchase__buy-discount-total .cart-purchase__buy-discount-name {
    color: #7d7d7d;
}

.cart-purchase__buy-discount .cart-purchase__buy-discount-toggle svg {
    transition: transform 0.3s;
}

.cart-purchase__buy-discount.active .cart-purchase__buy-discount-toggle svg {
    transform: rotate(180deg);
}

.cart-purchase__buy-discount-total .cart-purchase__buy-discount-price {
    font-weight: 600;
    font-size: 16px;
}

.cart-purchase__buy-discount-price {
    color: #d70015;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 12px;
}

.cart-purchase__box-button-map-available-store {
    background-color: rgba(245, 245, 247, 0.6509803922) !important;
    padding: 7px 24px !important;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cart-purchase__box-button-map-available-store-text {
    justify-content: center;
    align-items: center;
    display: inline-flex;
    gap: 12px;
}

.cart-purchase__box-button-map-available-store-text:before {
    content: "";
    width: 18px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.5781C0 3.84055 3.84055 0 8.5781 0H9.30064C14.1052 0 18 3.89484 18 8.69936C18 10.8258 17.2079 12.8678 15.8918 14.538C14.9469 15.7372 13.8919 17.1716 13.2 18.4C12.3258 19.9521 11.1711 22.1417 10.5817 23.2679C10.3463 23.7178 9.88122 24 9.37341 24C8.89389 24 8.45069 23.7488 8.20465 23.3372C7.54375 22.2317 6.18968 19.9772 5.2 18.4C4.42956 17.1722 3.29244 15.7459 2.27788 14.5519C0.855251 12.8776 0 10.7752 0 8.5781Z' fill='%230E0E0E'/%3E%3Cpath d='M11.7149 10.9499L11.7144 10.1871C11.7607 10.1575 11.8152 10.1461 11.877 10.1461C11.9716 10.1461 12.0474 10.1804 12.1042 10.2491C12.1617 10.3182 12.1905 10.4225 12.1905 10.563C12.1905 10.7045 12.1611 10.811 12.1026 10.8817C12.0439 10.9526 11.9686 10.9879 11.877 10.9879C11.816 10.9879 11.7621 10.9809 11.7149 10.9499ZM12.4033 10.7838V11.1767H12.0487C12.138 11.1508 12.2145 11.1025 12.2771 11.0324C12.3372 10.9647 12.379 10.8822 12.4033 10.7838ZM11.7141 8.20669L10.4037 9.82905L9.09222 8.21317L9.09411 11.1767H8.40575L8.40332 6.41016H8.52816L10.4067 8.82037L12.2687 6.41016H12.4008L12.403 10.3516C12.3793 10.2524 12.3369 10.1693 12.2763 10.1022C12.1754 9.99002 12.0422 9.93394 11.8748 9.93394C11.8171 9.93394 11.764 9.94041 11.7144 9.95281L11.7141 8.20669Z' fill='white'/%3E%3Cpath d='M7.04256 9.672L7.72904 9.67632H7.72985V9.67686C7.71879 9.72188 7.70612 9.76718 7.69183 9.81167C7.67862 9.85616 7.66325 9.90038 7.6468 9.94352C7.61445 10.0293 7.57643 10.1118 7.53302 10.1908C7.4915 10.2679 7.44431 10.3415 7.39173 10.4116C7.34158 10.4787 7.28847 10.5429 7.23184 10.6036C7.17495 10.6642 7.11456 10.7214 7.05092 10.7737C6.99349 10.8214 6.93229 10.8651 6.86919 10.9039C6.80745 10.942 6.74328 10.9754 6.67668 11.004C6.60765 11.0336 6.53674 11.0595 6.46502 11.0811C6.39303 11.1035 6.31969 11.1215 6.24554 11.1358C6.1687 11.1506 6.09158 11.1617 6.01393 11.1687C5.93412 11.1757 5.85323 11.1784 5.77261 11.1784C5.70332 11.1776 5.63456 11.1738 5.56608 11.1668C5.49759 11.1604 5.42964 11.1498 5.3617 11.1366C5.29456 11.1231 5.22796 11.107 5.1619 11.0867C5.09503 11.0671 5.02978 11.0444 4.96561 11.018C4.90171 10.9921 4.83808 10.9633 4.77633 10.9317C4.71459 10.9002 4.65473 10.8651 4.59595 10.8282C4.53771 10.7907 4.48082 10.7508 4.42581 10.7082C4.37027 10.665 4.31634 10.6192 4.26512 10.5709C4.21443 10.5238 4.16751 10.4736 4.12275 10.4202C4.07772 10.366 4.03485 10.3086 3.99549 10.249C3.95288 10.1832 3.91379 10.115 3.8782 10.0446C3.84234 9.97372 3.80971 9.90173 3.78113 9.82812C3.74985 9.74966 3.7237 9.66958 3.70051 9.58869C3.67732 9.50483 3.65845 9.42044 3.64389 9.33551C3.62852 9.24599 3.61693 9.15566 3.61019 9.06507C3.6021 8.97043 3.59913 8.87552 3.59967 8.78034C3.60048 8.68381 3.60452 8.58648 3.61369 8.48968C3.62232 8.39693 3.63445 8.30471 3.6509 8.21358C3.66735 8.12703 3.68703 8.04156 3.7113 7.9577C3.73529 7.876 3.7628 7.79539 3.79515 7.71611C3.82508 7.64251 3.85825 7.57052 3.89438 7.50014C3.93105 7.43004 3.97122 7.36182 4.01463 7.29603C4.05507 7.23671 4.09768 7.17955 4.14432 7.1259C4.18881 7.07305 4.23734 7.02344 4.28803 6.97706C4.34007 6.92988 4.39454 6.88485 4.45008 6.84306C4.50562 6.80126 4.56252 6.76244 4.6213 6.72577C4.68007 6.68964 4.74047 6.6562 4.80168 6.626C4.86369 6.59554 4.92625 6.56776 4.98988 6.54431C5.05459 6.51923 5.12011 6.49766 5.18617 6.4796C5.25223 6.46099 5.31937 6.44562 5.38704 6.43403C5.45553 6.42163 5.52428 6.41273 5.59304 6.4068C5.66341 6.40086 5.73352 6.39844 5.80389 6.39844C5.881 6.39925 5.95866 6.40356 6.0355 6.41138C6.11073 6.4192 6.18649 6.43079 6.26091 6.44616C6.33425 6.46099 6.40705 6.4796 6.47877 6.50224C6.54968 6.52408 6.61925 6.5497 6.68827 6.57936C6.75433 6.60767 6.81823 6.64083 6.87971 6.67858C6.9428 6.7166 7.0032 6.75974 7.06117 6.80666C7.12426 6.85762 7.18412 6.9137 7.24047 6.97221C7.29682 7.03153 7.34994 7.09462 7.39928 7.1596C7.45132 7.22647 7.4977 7.29819 7.53922 7.37207C7.58101 7.44676 7.61822 7.52468 7.64923 7.60584C7.66325 7.64197 7.67673 7.67864 7.68833 7.71558C7.70046 7.75359 7.71205 7.79161 7.72203 7.83017L7.72284 7.83071H7.72149L7.02504 7.82558H7.0245C6.97677 7.71935 6.9188 7.62147 6.84897 7.53385C6.78156 7.44945 6.70445 7.37396 6.61601 7.31032C6.49495 7.22269 6.36283 7.16284 6.22532 7.12482C6.08781 7.08626 5.94356 7.06927 5.79903 7.06874C5.69388 7.06739 5.58953 7.07655 5.4868 7.09651C5.39028 7.11565 5.29483 7.14477 5.20369 7.18548C5.11148 7.22593 5.02601 7.27689 4.9462 7.33675C4.86504 7.39849 4.79035 7.4694 4.72268 7.54948C4.58463 7.71234 4.48675 7.89596 4.42177 8.09171C4.35086 8.30822 4.31958 8.5401 4.31796 8.77764C4.31661 9.00198 4.34789 9.21633 4.41341 9.41747C4.47758 9.61269 4.57411 9.79603 4.70623 9.96482C4.77229 10.0492 4.84617 10.1258 4.92705 10.1929C5.00471 10.2574 5.08991 10.3129 5.18131 10.3579C5.27326 10.403 5.3679 10.4359 5.46523 10.4577C5.56742 10.4809 5.67177 10.4919 5.77746 10.4925C5.85512 10.493 5.93277 10.4887 6.01042 10.4785C6.08322 10.4688 6.15602 10.4539 6.22694 10.4326C6.29785 10.4113 6.36687 10.3844 6.43293 10.3515C6.49845 10.3191 6.56128 10.2811 6.62086 10.2374C6.68261 10.1924 6.73869 10.1414 6.79019 10.0856C6.84169 10.0295 6.88807 9.96779 6.92959 9.90146C6.9517 9.86533 6.97165 9.82866 6.99026 9.79064C7.00967 9.75208 7.02666 9.71218 7.04283 9.67146H7.04256V9.672Z' fill='white'/%3E%3Cpath d='M13.7745 11.1778V9.96094H14.6309V10.1664H14.0091V10.4371H14.5875V10.6426H14.0091V10.9726H14.6535V11.178H13.7745V11.1778ZM12.8424 10.4765H13.0155C13.1274 10.4765 13.197 10.4713 13.2253 10.4611C13.2534 10.4514 13.2755 10.4341 13.2906 10.4096C13.3067 10.3853 13.3146 10.3549 13.3146 10.3182C13.3146 10.2769 13.3043 10.244 13.2833 10.219C13.2625 10.1939 13.2334 10.1777 13.1954 10.1712C13.1762 10.168 13.1196 10.1667 13.0252 10.1667H12.8424V10.4765ZM12.6084 11.1778V9.96094H13.1005C13.224 9.96094 13.314 9.97199 13.3701 9.99383C13.4265 10.0157 13.4709 10.0545 13.5046 10.1106C13.5383 10.1667 13.5553 10.2303 13.5553 10.3017C13.5553 10.394 13.5297 10.4686 13.4788 10.5285C13.4281 10.5878 13.3523 10.625 13.2507 10.6407C13.3008 10.6714 13.3426 10.7057 13.375 10.7429C13.4078 10.7795 13.4518 10.8461 13.5073 10.9405L13.6486 11.1775H13.3693L13.2019 10.9122C13.142 10.8175 13.1007 10.7582 13.0784 10.7337C13.0563 10.7092 13.0331 10.6919 13.008 10.683C12.9829 10.6741 12.9435 10.6695 12.8902 10.6695H12.8424V11.1778H12.6084Z' fill='white'/%3E%3Cpath d='M10.6545 11.1779V10.1665H10.3116V9.96102H11.2294V10.1665H10.8888V11.1779H10.6545ZM11.715 9.95347V10.1878C11.6842 10.2045 11.657 10.2253 11.6322 10.2544C11.5734 10.3239 11.5435 10.4291 11.5435 10.5685C11.5435 10.7063 11.5742 10.8114 11.6346 10.8829C11.6592 10.9112 11.6861 10.9338 11.7152 10.9506L11.7155 11.1838C11.6128 11.1606 11.5252 11.1105 11.4556 11.0344C11.3539 10.9236 11.3033 10.7715 11.3033 10.5771C11.3033 10.4528 11.321 10.349 11.3558 10.2646C11.3823 10.2023 11.4181 10.1468 11.4631 10.0972C11.5093 10.0481 11.5586 10.0114 11.6131 9.98718C11.6454 9.97343 11.6791 9.96129 11.715 9.95347ZM9.25488 10.7837L9.48299 10.7599C9.4962 10.8403 9.52397 10.8991 9.56604 10.9363C9.60756 10.9743 9.66391 10.9929 9.73482 10.9929C9.80924 10.9929 9.8664 10.9762 9.90415 10.9427C9.94217 10.9093 9.96131 10.8699 9.96131 10.8257C9.96131 10.7966 9.95322 10.7721 9.93731 10.7518C9.92141 10.7316 9.89336 10.7144 9.85346 10.6995C9.82596 10.6893 9.76448 10.6718 9.66769 10.6462C9.54312 10.6135 9.45549 10.5734 9.4048 10.5256C9.33388 10.4579 9.2991 10.3763 9.2991 10.2797C9.2991 10.218 9.31582 10.1595 9.34871 10.105C9.38242 10.0511 9.42987 10.0104 9.49297 9.98205C9.55525 9.95374 9.63129 9.93945 9.71972 9.93945C9.86478 9.93945 9.97344 9.97289 10.0465 10.0406C10.1199 10.1082 10.1584 10.1986 10.1619 10.3118L9.92788 10.3202C9.91736 10.2571 9.89579 10.212 9.86344 10.1851C9.83108 10.1573 9.78201 10.1433 9.71676 10.1433C9.64962 10.1433 9.59677 10.1581 9.55902 10.1878C9.53476 10.2064 9.52182 10.2323 9.52182 10.2638C9.52182 10.2927 9.53368 10.3172 9.5566 10.3377C9.58626 10.3636 9.65744 10.3911 9.77068 10.4197C9.88447 10.4474 9.96805 10.4768 10.022 10.5073C10.0764 10.5375 10.119 10.5779 10.1498 10.6308C10.1802 10.6831 10.1956 10.7475 10.1956 10.8246C10.1956 10.8942 10.1773 10.9592 10.1406 11.0204C10.1037 11.0811 10.0519 11.1266 9.98423 11.1563C9.91709 11.1859 9.83324 11.2008 9.73294 11.2008C9.5868 11.2008 9.47436 11.1652 9.3959 11.094C9.31717 11.0226 9.27025 10.9198 9.25488 10.7837Z' fill='white'/%3E%3C/svg%3E%0A");
}

.availability__li .store-image {
    display: none;
}

.availability__li .store-image img {
    width: 100%;
    height: 100%;
    margin-top: 8px;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
}

.availability__li.availability__li_active .store-image {
    display: block;
}

.ballon .availability__content .store-image img {
    display: none;
}

@media (max-width: 1023px) {
    .availability-tabs__box_list-box {
        min-height: 128px;
    }

    .fancybox__container[aria-modal=true] .fancybox__content {
        height: 100%;
    }
}

.toggle-list-button {
    display: none;
    padding: 6px 15px;
    color: #2a65c5;
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid #2a65c5;
    font-weight: 500;
    height: 34px;
}

@media screen and (max-width: 1024px) {
    .cart-parameter__list {
        max-height: 200px;
        overflow: hidden;
        margin-bottom: 4px !important;
    }

    .toggle-list-button {
        display: block;
    }
}

/*# sourceMappingURL=style.css.map */

.basket__promocode-box._ok .basket__promocode-button {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.basket__promocode-box._error .basket__promocode-button {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.basket-recommendation .catalog-body__img-sl-slide img {
    max-width: 100% !important;
    max-height: 100% !important;
}

.basket__insurance .basket__info {
    width: 100%;
}

.basket__insurance .basket__price-box {
    width: 100%;
    justify-content: space-between;
}

.basket__insurance-box2 .basket__insurance-remove {
    display: none;
}

@media (max-width: 766px) {
    .basket__insurance-box2 .basket__insurance-remove {
        display: inline-block;
    }

    .basket__insurance-box2 {
        display: flex;
        justify-content: space-between;
    }

    .basket__insurance .basket__price-box {
        margin-top: 12px;
    }

    .basket__insurance .basket__insurance-control {
        margin-top: 0px;
    }

    .basket__item_def:not(:nth-last-child(1)) {
        margin-bottom: 20px;
    }
}

@media (max-width: 1919px) {
    .basket__item_def:not(:nth-last-child(1)) {
        margin-bottom: 20px;
    }
}


.basket-complect {
    margin: 20px 0 0;
}

.basket-complect__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
}

.basket-complect__head-title {
    display: flex;
    flex-flow: column;
}

.basket-complect__head-check {
    margin-bottom: 8px;
}

.basket-complect__head-check .checkbox__text {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.basket-complect__benefit {
    display: inline-block;
    color: #3c82ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 46px;
    border: 1px solid #5aa0f5;
    background: #fff;
    padding: 4px 12px;
}

.basket-complect__price {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    margin-top: 4px;
}

.basket-complect__price p {
    margin-bottom: 8px;
}

.basket-complect__price p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: line-through;
}

.basket-complect__remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #999;
}

.basket-complect__remove:hover {
    color: #0E0E0E;
}

.basket-complect__remove * {
    pointer-events: none;
}

.basket-complect .basket__order {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 8px;
    width: calc(100% - 32px);
    margin-left: 32px;
}

.basket-complect .basket__item:not(:last-child) {
    border-bottom: none;
    padding: 0;
    margin-bottom: 32px;
}

.basket-empty {
    margin: 120px 0;
    text-align: center;
}

.basket-empty__wrapper {
    max-width: 869px;
    padding: 0 46px;
    margin: 0 auto;
}

.basket-empty__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px;
}

.basket-empty__text {
    line-height: 20px;
    margin-bottom: 32px;
}

.basket-empty__bt-box {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.basket-empty__button {
    padding: 0 40px;
}

.basket-menu {
    position: fixed;
    width: 100%;
    height: 65px;
    left: 0;
    bottom: calc(var(--safe-area-inset-bottom, 49px) + 49px);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    padding: 8px 20px;
    border-top: 1px solid #e1e1e3;
    background: #fff;
    z-index: 7;
}

.basket-menu.basket-menu_step {
    padding: 8px 12px;
    height: 56px;
    bottom: 0;
}

.basket-menu.basket-menu_step .basket-menu__price {
    font-size: 16px;
}

.basket-menu.basket-menu_step .basket-menu__sum {
    font-size: 12px;
}

.basket-menu.basket-menu_step .button {
    height: 40px;
    font-size: 14px;
}

.basket-menu__empty {
    display: none;
    color: #7d7d7d;
    line-height: 20px;
}

.basket-menu__left {
    flex-flow: column;
    gap: 4px;
    display: flex;
}

.basket-menu__price-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket-menu__price {
    font-size: 20px;
    font-weight: 600;
}

.basket-menu__price-old {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through;
}

.basket-menu__sum {
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.basket-menu._hide .basket-menu__empty {
    display: block;
}

.basket-menu._hide .basket-menu__left {
    display: none;
}

.basket-recommendation {
    margin: 8px 0 0 32px;
}

.basket-recommendation._hide {
    display: none;
}

.basket-recommendation__slider {
    width: 100%;
    overflow: hidden;
}

.basket-recommendation__slide {
    display: flex;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    max-width: 330px;
}

.basket-recommendation__slide_all {
    max-width: 80px;
    padding: 0;
    border: none;
}

.basket-recommendation__img {
    width: 64px;
    margin-right: 8px;
}

.basket-recommendation__img img {
    max-width: 100%;
    height: auto;
}

.basket-recommendation__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
    width: calc(100% - 32px);
}

.basket-recommendation__name:hover {
    color: #7d7d7d;
}

.basket-recommendation__price {
    display: flex;
    align-items: center;
    gap: 4px;
}

.basket-recommendation__price p {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.basket-recommendation__price p + p {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

.basket-recommendation__content {
    width: calc(100% - 72px);
}

.basket-recommendation__box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.basket-recommendation__bt {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: 50% 50% no-repeat #0E0E0E;
    border: 1px solid #0E0E0E;
    color: #fff;
}

.basket-recommendation__bt:hover {
    color: #0E0E0E;
    background-color: #fff;
}

.basket-recommendation__bt._active {
    background-color: #fff;
    background-image: url(/ajax/auth/img/icon/plus-check.svg);
}

.basket-recommendation__bt._active svg {
    opacity: 0;
}

.basket-recommendation__bt * {
    pointer-events: none;
}

.basket-recommendation__link {
    display: block;
    width: 100%;
    height: 80px;
    padding: 12px 6px;
    border-radius: 12px;
    background: #f5f5f7;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.basket-recommendation__link span {
    display: block;
    width: 100%;
}

.basket-recommendation__link svg {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

.basket-recommendation__link * {
    pointer-events: none;
}

.basket-recommendation__arrow {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    transition: border 0.2s;
}

.basket-recommendation__arrow:hover {
    border: 1.5px solid #999;
}

.basket-recommendation__arrow.swiper-button-disabled {
    display: none;
}

.basket-recommendation__arrow svg {
    width: 24px;
    height: 24px;
}

.basket-recommendation__arrow:after {
    display: none;
}

.basket-recommendation__arrow_next {
    right: 20px;
}

.basket-recommendation__arrow_prev {
    left: 20px;
}

.basket-recommendation__arrow_prev svg {
    transform: rotate(180deg);
}

.basket-recommendation__ok {
    position: fixed;
    display: inline-flex;
    padding: 24px;
    align-items: center;
    gap: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    z-index: 14;
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    transition: 0.3s, opacity 0.3s;
}

.basket-recommendation__ok img {
    width: 24px;
}

.basket-recommendation__ok_active {
    opacity: 1;
    transform: translateY(0);
}

.basket {
    margin-bottom: 120px;
}

.basket h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin: 40px 0 24px;
}

.basket__checkbox-item {
    height: 80px;
    display: flex;
    align-items: center;
}

.basket__control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e1e1e3;
    width: 100%;
}

.basket__remove * {
    pointer-events: none;
}

.basket__remove-all {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #999;
    font-size: 14px;
    line-height: 16px;
}

.basket__remove-all:hover {
    color: #0E0E0E;
}

.basket__remove-all svg {
    width: 24px;
    height: 24px;
}

.basket__remove-all span {
    color: #0E0E0E;
}

.basket__remove-all * {
    pointer-events: none;
}

.basket__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 40px;
    margin-bottom: 120px;
}

.basket__items {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    min-width: 0;
}

.basket__item_not-available .basket__checkbox-item,
.basket__item_not-available .basket__insurance-link,
.basket__item_not-available .basket__recommendation-link {
    opacity: 0;
    visibility: hidden;
}

.basket__item_not-available .basket__photo {
    opacity: 0.4;
}

.basket__item_not-available .basket__name {
    color: #999;
}

.basket__item_not-available .basket__price {
    color: #999;
    margin-bottom: 16px;
}

.basket__item._active .basket__control-mob-bg {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.basket__item._active .basket__control-mob {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.basket__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}

.basket__name {
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.basket__name:hover {
    color: #7d7d7d;
}

.basket__recommendation-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #e1e1e3;
    background: #fff;
    margin-right: 20px;
}

.basket__recommendation-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
}

.basket__recommendation-link * {
    pointer-events: none;
}

.basket__recommendation-link svg {
    transition: transform 0.3s;
}

.basket__recommendation-link._active {
    background: #eeeef0;
    border-color: #eeeef0;
}

.basket__recommendation-link._active svg {
    transform: rotate(180deg);
}

.basket__insurance-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 0;
    white-space: nowrap;
}

.basket__insurance-link svg {
    margin-top: 1px;
    transform: rotate(-90deg);
}

.basket__insurance-link._hide {
    display: none;
}

.basket__order {
    display: grid;
    grid-template-columns: 20px 100px 1fr;
    gap: 8px;
    width: 100%;
}

.basket__counter {
    display: flex;
    align-items: center;
}

.basket__counter-bt {
    display: flex;
    position: relative;
    width: 32px;
    height: 32px;
    color: #0E0E0E;
    border-radius: 8px;
    background: #f5f5f7;
}

.basket__counter-bt:hover {
    color: #0E0E0E;
    background: #e1e1e3;
}

.basket__counter-bt._disabled {
    background: #fafafb;
    color: #e1e1e3;
    pointer-events: none;
}

.basket__counter-bt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 1.5px;
    background: currentColor;
    border-radius: 6px;
}

.basket__counter-bt_plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5px;
    height: 14px;
    background: currentColor;
    border-radius: 6px;
}

.basket__info {
    display: grid;
    grid-template-columns: 1fr 256px;
    gap: 8px;
    padding: 8px 0 8px 8px;
    align-items: flex-start;
}

.basket__counter-text {
    border: none;
    outline: 0;
    width: 40px;
    height: 32px;
    background: #fff;
    text-align: center;
}

.basket__price {
    text-align: right;
    width: 144px;
}

.basket__price p {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.basket__price p + p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: line-through;
}

.basket__price p:not(:last-of-type) {
    margin-bottom: 4px;
}

.basket__control-bt {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@media (min-width: 1023px) {
    .viewed .catalog-mini__item:hover {
        box-shadow: 0 16px 24px 0 rgba(195, 195, 195, 0.14), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 8px 10px 0 rgba(195, 195, 195, 0.2);
    }
}

#basket-root .basket-menu.sf-hidden {
    display: none !important;
}


@media (max-width: 1439px) {
    .footer__container {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media (max-width: 900px) {
    .catalog-body__item_adaptive {
        width: 100% !important;
    }

    .catalog-body__img-sl-slide {
        width: 100% !important;
    }

    .card__content {
        display: block !important;
    }

    .cart-purchase {
        display: block !important;
    }
}

main {
    min-height: 70vh !important;
}

.ps-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ps-main {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.ps-thumbs {
    height: 100px;
}

.ps-thumbs .ps-thumb-slide {
    width: 100px;
    height: 100px;
    opacity: 0.5;
    cursor: pointer;
}

.ps-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.ps-thumb-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.ps-button {
    width: 40px;
    height: 40px;
    background-color: #0E0E0E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 35%;
    z-index: 10;
    cursor: pointer;
    color: #FFF;
}


.ps-button svg {
    fill: #fff;
    width: 16px;
    height: 16px;
}

.ps-button-prev {
    left: 10px;
    transform: rotate(180deg);
}

.ps-button-next {
    right: 10px;
}

.hamburger {
    display: none;
}

.hamburgerMenu {
    position: absolute;
    top: 57px;
    z-index: 9999;
    width: 100%;
    background: #FFF;
    left: 0px;
    padding: 15px;
    display: none;
}

.hamburgerMenu li {
    margin-bottom: 15px;
}

.hamburgerMenu a {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 14px;
    padding: 8px 17px;
    text-wrap: nowrap;
    border-radius: 8px;
}

.hamburgerMenu a:hover {
    background: #f5f5f7;
}

.hamburgerMenu li:last-child {
    margin-bottom: 0px;
}

.b_sidebar_second {
    display: none !important;
}

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

    .catalog {
        flex-wrap: wrap;
    }

    .catalog-filter {
        width: 100%;
    }

    .basket__box {
        display: flex !important;
    }

    .basket__control-open {
        display: none !important;
    }

    .basket__info {
        grid-template-columns: 1fr;
    }

    .b_sidebar_second._clone {
        display: none !important;
    }
}

@media screen and (max-width:1440px) {
    .b_sidebar_second {
        display: block !important;
        margin-bottom: 30px !important;
    }
}

.header__logo {
    width: 300px;
    height: 20px;
    object-fit: cover
}

.mega-menu-dropdown {
    display: none;
}
.mega-menu-wrapper.open .mega-menu-dropdown {
    display: flex;
}

.mega-menu-wrapper {
    position: relative;
    display: inline-block;
}

.mega-menu-button {
    color: #FFF;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
}
.mega-menu-button svg {
    margin-right: 0.5rem;
}

.mega-menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 600px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 1rem;
    z-index: 1000;
    flex-direction: row;
}

.mega-menu-column--cats {
    width: 30%;
    padding-right: 1rem;
    border-right: 1px solid #eee;
}
.mega-menu-cat-list {
    margin: 0;
    padding: 0;
    list-style: none;
    .catalog-link {
        font-weight: 800;
    }
}
.mega-menu-cat-item {
    padding: 0.5rem 0.5rem;
    cursor: pointer;
    color: #333;
}
.mega-menu-cat-item:hover,
.mega-menu-cat-item.active {
    font-weight: bold;
    background: #f5f5f5;
}

.mega-menu-column--prods {
    width: 70%;
    padding-left: 1rem;
}
.mega-menu-prods-title {
    margin: 0 0 0.5rem 0;
    font-weight: 800;
    color: #000;
}
.mega-menu-prods-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mega-menu-prods-list li {
    margin-bottom: 0.5rem;
}
.mega-menu-prods-list a {
    text-decoration: none;
    color: #000;
}
.mega-menu-prods-list a:hover {
    text-decoration: underline;
}

@media screen and (max-width:600px) {
    .mega-menu-wrapper {
        position: static;
    }

    .mega-menu-cat-list {
        .catalog-link {
            font-size: 13px;
        }
    }
}


.features-section {
    background-color: #0E0E0E;
    color: #FFFFFF;
    padding: 2rem 1rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.feature-item {
    flex: 1 1 180px;
    max-width: 200px;
    text-align: center;
    margin: 1rem;
}
.feature-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem;
    border: 2px solid #4ECAC3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-icon svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 1.5;
}
.feature-title {
    font-size: 1.125rem;
    margin: 0.5rem 0;
}
.feature-desc {
    font-size: 0.875rem;
    line-height: 1.4;
}

.text-under-features {
    text-align: center;
    padding: 40px 0 0px 0;
    font-size: 18px;
    font-weight: 400;
}

.swiper-slide img {
    max-width: 1600px;
    max-height: 500px;
    object-fit: cover;
}

.promos__card {
    max-width: 435px;
    max-height: 150px;
    object-fit: cover;
}

.mega-menu-subcat-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mega-menu-subcat-item {
    padding: 0.5rem 0;
    cursor: pointer;
    color: #333;
}
.mega-menu-subcat-item:hover,
.mega-menu-subcat-item.active {
    font-weight: bold;
    background: #f5f5f5;
}

.mega-menu-prods-title {
    margin-bottom: 0.5rem;
    color: #000;
}

.mega-menu-dropdown {
    display: none;
}
.mega-menu-wrapper.open .mega-menu-dropdown {
    display: flex;
}

.client-swiper-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 40px 40px;
    margin-top: 20px;
}

.client-swiper-slide {
    width: calc((100% - 40px) / 3) !important;
    transition: transform 0.3s;
}

.client-swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.client-swiper-slide.swiper-slide-active {
    transform: scale(1.1);
    z-index: 10;
}

@media (max-width: 767px) {
    .client-swiper-slide {
        width: 100% !important;
        height: 350px !important;
    }

    .swiper-slide img {
        max-height: 350px !important;
    }
}

.client-swiper-button-prev,
.client-swiper-button-next {
    background-color: #0E0E0E;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.client-swiper-button-prev {
    left: 10px;
}
.client-swiper-button-next {
    right: 10px;
}
.client-swiper-button-prev::after,
.client-swiper-button-next::after {
    font-size: 16px;
}

.smartfilter-filtersRow .col-lg-4 h5 {
    font-size: 18px;
    margin-bottom: 20px;
}

.smartfilter-filtersRow .col-lg-4 label input {
    margin-right: 15px;
}

@media (min-width: 1000px) {
    .header_logo_box.box_sf-hidden {
        display: none !important;
    }
}

@media (max-width: 790px) {
    .hamburger {
        display: inline-flex
    }

    .swiper-slide img {
        max-height: 170px;
    }

    .promotion__main .swiper-wrapper {
        width: 1300px;
    }

    .sales-section-actions, .sales-section__header.promotion {
        display: block;
    }

    .features-section {
        flex-direction: column;
        align-items: center;
    }
    .feature-item {
        max-width: none;
        margin: 1rem 0;
    }

    .mega-menu-prods-list {
        width: 70%;
    }

    .mega-menu-dropdown {
        width: 100%;
    }

    .header_logo_box {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .header_logo_box img {
        display: flex;
        width: 180px;
    }

    .header__hhead-logo img {
        display: block;
        width: 120px;
        position: relative;
        top: 10px;
    }

    .header__hhead-left {
        width: max-content
    }

    .header-city, .header-city select {
        width: max-content;
    }
}

.price-slider-wrapper {
    position: relative; width: 100%; height: max-content; padding-bottom: 20px
}

.price-slider-input {
    display: flex; margin: 20px 0;
}

.price-slider-field {
    flex: 1; display: flex; align-items: center;
}

.price-slider-field span {
    font-size: 14px; margin-right: 8px;
}

.price-slider-field input {
    width: 100%; padding: 5px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px;
}

.price-slider-separator {
    padding: 0 10px; font-size: 14px; display: flex; align-items: center;
}

.price-slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}
.price-slider .price-slider-progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #0E0E0E;
}

.range-input {
    position: relative;
}
.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #0E0E0E;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #17a2b8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.header-city select {
    appearance: none;
    padding: 5px 0px;
    background: #263F8B;
    border-radius: 0px;
    border-bottom: 1px dotted #263F8B;
}

footer select {
    appearance: none;
    padding: 5px 0px;
    background: #263F8B;
    border-radius: 0px;
    border-bottom: 1px dotted #263F8B;
    width: max-content;
}

.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}
.social-icons__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}
.social-icons__link svg {
    width: 30px;
    height: 30px;
    fill: #000000;
    transition: fill 0.3s ease;
}

.social-icons__link--vk:hover       { background: #4680C2; }
.social-icons__link--vk:hover svg   { fill: #ffffff; }
.social-icons__link--instagram:hover { background: #E4405F; }
.social-icons__link--instagram:hover svg path { fill: #ffffff; }
.social-icons__link--telegram:hover { background: #0088CC; }
.social-icons__link--telegram:hover svg { fill: #ffffff; }
.social-icons__link--whatsapp:hover { background: #25D366; }
.social-icons__link--whatsapp:hover svg path { fill: #ffffff; }

@media screen and (max-width:720px) {
    .footer__container {
        gap: 0px
    }
}

.parameters-adaptive {
    display: none
}



@media screen and (max-width:1439px) {
    .parameters-adaptive {
        display: block;
        margin-top: 0px;
        position: relative;
        top: 0px;
    }
}

@media screen and (max-width: 900px) {
    .card__preview {
        width: 100% !important;
        position: relative
    }
}

@media screen and (max-width: 1024px) {
    .sales-section-actions {
        display: block
    }
}

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

    .promotion__slide {
        height: 80% !important;
    }

}


.b_sidebar_second {
    display: none !important;
}

@media screen and (max-width: 965px) {
    .basket__content {
        display: block
    }

    .basket__sidebar {
        width: 100%;
    }

    .b_sidebar_first {
        display: none !important;
    }

    .b_sidebar_second {
        display: block !important;
    }
}

.promotion__slide {
    position: relative;
    height: 325px !important;
    border-radius: 24px;
    padding: 12px 24px 8px;
    background-color: #ffffff;
    transition-property: transform, padding;
}
@media screen and (max-width: 1599px) {
    .promotion__slide {
        height: 280px !important;
        padding: 17px 24px 8px;
    }
    .promotion__slide .swiper-slide-next {
        padding: 22px 10px 8px;
    }
    .promotion__slide .swiper-slide-prev {
        padding: 22px 10px 8px;
    }
}
@media screen and (max-width: 1399px) {
    .promotion__slide {
        border-radius: 14px;
        height: 170px !important;
        padding: 8px 12px;
    }
}

.sales-section-actions {
    width: 100%;
    max-width: 650px;
    display: flex;
    align-items: center;
}

@media (max-width: 1600px) {
    .sales-section-actions {
        max-width: 572px;
    }
}

@media (max-width: 1400px) {
    .sales-section-actions {
        max-width: 376px;
    }
}

.promotion__mobile-gallery {
    display: none;
}


@media screen and (max-width: 1024px) {
    .sales-section__wrap {
        display: block
    }
    .sales-section__wrap::before {
        display: none
    }

    .sales-section-products {
        max-width: 100%
    }

    .promotion__main {
        display: none !important;
    }

    .sales-section-actions {
        max-width: 655px;
        margin-top: 20px;
        margin: 0 auto;
    }

    .promotion__mobile-gallery {
        display: block !important;
        margin-top: 30px;
    }

    .promotion-mobile__controllers {
        width: max-content;
        margin: 0 auto;
        margin-top: 15px
    }

    .product__day-description a {
        font-size: 12px;
        line-height: 20px;
    }
}

@media screen and (max-width: 768px) {
    .product__day-description a {
        height: 20px;
        overflow: hidden;
    }
}

.old-price p {
    font-size: 12px !important;
}

.mega-menu-column--subsubs {
    width: 30%;
    padding-left: 1rem;
    border-left: 1px solid #eee;
    display: block;
    box-sizing: border-box;
}
.mega-menu-column--subsubs .third-content {
    margin-top: 0.5rem;
}
.mega-menu-column--subsubs.hidden {
    display: none;
}
.mega-menu-column--subsubs .no-subsubs {
    color: #666;
    padding: 0.5rem 0;
}
@media screen and (max-width:700px) {
    .mega-menu-column--subsubs {
        display: none !important;
    }
    .mega-menu-column--prods {
        width: 70%;
    }
}
@media screen and (min-width:601px) {
    .mega-menu-dropdown {
        width: 900px;
    }
    .mega-menu-column--prods {
        width: 40%;
    }
    .mega-menu-column--cats {
        width: 30%;
    }
}


@media screen and (max-width: 700px) {
    .mega-menu-column--prods {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .mega-menu-dropdown {
        width: 100%;
    }

    .mega-menu-wrapper {
        position: static
    }
}

@media screen and (max-width: 650px) {
    .mega-menu-dropdown {
        width: 100%;
    }

    .mega-menu-column--cats {
        width: 45%;
    }
}


.description-content h1, .product-description h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

.description-content h2, .product-description h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
}

.description-content h3, .product-description h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
}

.description-content h4, .product-description h4 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

.description-content h5, .product-description h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}

.description-content h6, .product-description h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}


.ql-align-center {
    text-align: center;
}

.catalog__box {
    padding: 0 10px;
}

.product-description  {
    word-break: break-word;
}

@media screen and (max-width: 900px) {
    .catalog-body__list {
        display: grid;
        grid-template-columns: auto auto;
    }
}