:root {
    --wc-side-width: 296px;
    --wc-side-padding: 0;
    --wc-side-radius: 0px;
    --wc-side-background: #fff;
    --wc-side-color: var(--base-color);
    --wc-side-head-padding: 0px;
    --wc-side-body-padding: 0px;
    --wc-side-close-position: absolute;
    --wc-side-close-position-top: 5px;
    --wc-side-close-position-left: auto;
    --wc-side-close-position-right: 10px;
    --wc-side-close-size: 38px;
    --wc-side-close-padding: 8px;
    --wc-side-close-bg: transparent;
    --wc-side-close-color: var(--base-color);
    --wc-side-close-align: flex-start;
    --wc-side-close-line-thickness: 2px;
    --wc-side-back-display: none;
    --wc-side-overlay-bg: rgba(0, 0, 0, 0.3);
    --wc-side-overflow: visible;
    --wc-side-overlay-z: 950;
    --wc-side-z: 10200;

    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #D3E3EF;
    --swiper-pagination-color: #008AD1;
    --swiper-pagination-bullet-gap: 12px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-vertical-gap: 12px;

    --swiper-navigation-size: 48px;
    --swiper-navigation-color: #fff;
    --swiper-navigation-icon-color: #74747B;
}
:where(side-bar:not([align="top"])) {
    --wc-side-position-top: calc(var(--bx-panel-height) * var(--bx-panel-fixed));
    --wc-side-width: 375px;
    --wc-side-close-position-top: calc(50% - var(--wc-side-close-size) / 2);
    --wc-side-close-size: 30px;
    --wc-side-close-color: var(--color-gray-500);
}
:where(side-bar[align="top"]) {
    --wc-side-width: 100%;
}
/*-------------------------------- counter-box ------------------------------*/
counter-box {
    text-align: center;

    /*--_input-font-size: 16px;*/
    --input-width: 90px;
    --input-padding-x: 0px;
    --wc-counter-button-width: auto;
    --wc-counter-button-padding: 8px;
    --wc-counter-button-color: var(--color-gray-500);
    --wc-counter-button-icon-width: 11px;
    --wc-counter-button-icon-height: 2px;
    --wc-counter-button-down-align: center;
    --wc-counter-button-up-align: center;
}
counter-box:where(.is-initialized) {
    display: grid;
    grid-template-columns: 29px 1fr 29px;
    justify-content: center;
}
counter-box.is-hidden-btn {
    grid-template-columns: 1fr;
    --wc-counter-button-display: none;
}
counter-box.pvs-input {
    padding: 0;
}
counter-box input {
    text-align: inherit;
    --input-width: auto;
}
counter-box input::-webkit-outer-spin-button, counter-box input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/*-------------------------------- fancybox ---------------------------------*/
.fancybox-close-small {
    width: 36px;
    height: 36px;
    color: #999;
}
.fancybox-slide--html .fancybox-close-small {
    color: #999;
}
.fancybox-close-small svg {
    stroke: currentColor;
    fill: currentColor;
}
/*-------------------------------- swiper -----------------------------------*/
.swiper {
    z-index: auto;
}
.swiper:hover {
    z-index: 5;
}
.swiper-wrapper {
    box-sizing: border-box;
    z-index: auto;
}

.swiper-button {
    position: absolute;
    top: 50%;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background: var(--swiper-navigation-color);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: var(--swiper-navigation-icon-color);
    z-index: 10;
}
.swiper-button:where(:hover) {
    color: #006EA7;
}
.swiper-button:where(.swiper-button-disabled) {
    pointer-events: none;
    color: #CACCD2;
}
.swiper-button--prev {
    left: calc(var(--main-container-gap) * -1);
    padding-right: 2px;
}
.swiper-button--next {
    right: calc(var(--main-container-gap) * -1);
    padding-left: 2px;
}
.swiper-button:after {
    position: relative;
    content: '';
    width: 10px;
    height: 18px;
    background: url("/local/templates/redisign_2025/images/icons.svg#arrow-right-view") center center / contain no-repeat;
    mask: center center / contain no-repeat;
    display: block;
}
.swiper-button--prev:after {
    /*transform: scaleX(-1);*/
    rotate: 180deg;
}
.swiper-button .svg-icon {
    width: 45%;
    height: 100%;
}
.swiper-control-locked .swiper-button {
    display: none;
}

.swiper-nav {
    width: auto;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0 calc(var(--swiper-pagination-bullet-horizontal-gap) * -1);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: var(--swiper-pagination-bullet-vertical-gap) 0;
    gap: var(--swiper-pagination-bullet-vertical-gap) 0;
}
.swiper-nav.swiper-pagination-bullets-dynamic {
    flex-wrap: nowrap;
    justify-content: stretch;
}
.swiper-nav.swiper-pagination-bullets-dynamic:before, .swiper-nav.swiper-pagination-bullets-dynamic:after {
    content: '';
    flex: 1 1 auto;
}
.swiper-horizontal > .swiper-nav.swiper-pagination-bullets-dynamic, .swiper-nav.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 0;
    transform: none;
}
.swiper-nav .swiper-pagination-bullet {
    flex: 0 0 auto;
}

@supports (mask-image: none) {
    .swiper-button:after {
        mask-image: url("/local/templates/redisign_2025/images/icons.svg#arrow-right-view");
        background: currentColor;
    }
}
@media (min-width: 768px) {
    .swiper-button--prev {
        left: -24px;
    }
    .swiper-button--next {
        right: -24px;
    }
}
/*------------------------------ logo-box -----------------------------------*/
.logo-box {
    display: flex;
}
.logo-box__inner {
    display: flex;
}
.logo-box img {
    max-width: 100%;
    flex: 0 0 auto;
}
/* region svg-icon */
.svg-icon {
    max-width: 100%;
    fill: currentColor;
    stroke: currentColor;
    transition: all 0.2s ease-in-out 0s;
    transition-property: color, fill, stroke;
}
:where(a) .svg-icon {
    transform: none;
}
.svg-icon > * {
    pointer-events: none;
}
/* endregion */
/*------------------------------ modal-block --------------------------------*/
.modal-block {
    padding: 40px;
    border-radius: 0;
}
.modal-block__head {
    margin-bottom: 24px;
}
.modal-block__title {
    font-size: 24px;
    font-weight: 500;
    line-height: calc(30 / 24);
    margin: 0;
    color: #000;
}
.modal-block__body {}
.modal-block .fancybox-close-small {
    right: 30px;
    top: 37px;
}
/*--------------------------------- tabs-block ------------------------------*/
.tabs-block {}
.tabs-block__nav {}
.tabs-block__content {}
.tabs-block__tab {}

.tabs-nav {
    font-size: 15px;
    font-weight: bold;
    line-height: calc(20 / 15);
    margin-bottom: 24px;
    text-transform: uppercase;
    color: var(--color-gray-500);
}
.tabs-nav__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 20px;
}
.tabs-nav__item {
    padding: 0;
    margin: 0;
}
.tabs-nav__link {
    text-decoration: none;
    color: currentColor;
}
.tabs-nav__link:hover, .tabs-nav__item.ui-state-active .tabs-nav__link {
    color: var(--color-green-dark);
}
/*============================== site-content ===============================*/
.site-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
:where(.is-auth-page) .site-content {
    background: url("/layout/images/page-bg.png") center top / 100% auto no-repeat;
}
.site-content__before {
    padding-top: 16px;
    padding-bottom: 18px;
}
.site-content__before:empty, .site-content__before:where(:not(:has(> *))) {
    padding-top: 15px;
    padding-bottom: 15px;
}
.site-content__after {}
.site-content__after:empty, .site-content__after:where(:not(:has(> *))) {
    display: none;
}
.site-content__outer {
    display: grid;
    gap: 0 30px;
}
.site-content__outer > * {
    min-width: 1px;
    grid-column: 1 / -1;
}
.site-content__outer:before, .site-content__outer:after {
    content: '';
    grid-column: 1 / -1;
    display: block;
}
.site-content__outer:before {
    /*margin-bottom: 16px;*/
}
.site-content__outer:after {
    margin-top: 50px;
}
.site-content__side {
    width: 204px;
    grid-column: 1 / 2;
    display: none;
}
.site-content__inner {}

@media (min-width: 768px) {
    :where(.is-index-page) .site-content {
        background: url("/layout/images/index-bg.png") center top / 100% auto no-repeat;
    }
    .site-content__before {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .site-content__before:empty, .site-content__before:where(:not(:has(> *))) {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .site-content__outer {
        grid-template-columns: 204px 1fr;
    }
    .site-content__outer:before {
        /*margin-bottom: 58px;*/
    }
    .site-content__outer:after {
        margin-top: 65px;
    }
    .site-content__side {
        display: block;
    }
    .site-content__side:where(:not(:empty), :has(> *)) ~ .site-content__inner {
        grid-column: 2 / 3;
    }
}
@media (min-width: 992px) {
    .site-content__before {
        padding-top: 58px;
        padding-bottom: 40px;
    }
    .site-content__before:empty, .site-content__before:where(:not(:has(> *))) {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .site-content__outer:after {
        margin-top: 80px;
    }
}
/*------------------------------ page-head ----------------------------------*/
.page-head {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.page-head__title {
    font-size: 28px;
    font-weight: 500;
    line-height: calc(36 / 28);
    padding: 0;
    margin: 0;
    color: #000;
}
.page-head__back {
    font-size: 13px;
    line-height: calc(20 / 13);
    color: var(--color-gray-500);
    --link-color: currentColor;
}
.page-head .breadcrumbs-box {}

@media (min-width: 768px) {
    .page-head {
        gap: 16px;
    }
    .page-head__title {
        font-size: 32px;
        line-height: calc(40 / 32);
    }
}
/*------------------------------ breadcrumbs-box ----------------------------*/
.breadcrumbs-box {
    font-size: 13px;
    line-height: calc(20 / 13);
    color: var(--color-gray-500);
}
.breadcrumbs-box__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.breadcrumbs-box__item {
    position: relative;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
}
.breadcrumbs-box__item:after {
    content: '—';
}
.breadcrumbs-box__item:last-child:after {
    content: none;
}
.breadcrumbs-box__item--parent {
    padding-right: 9px;
}
.breadcrumbs-box__item--parent:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    border-top: 3px solid currentColor;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    transform: translateY(-50%);
}
.breadcrumbs-box__link {
    color: inherit;
}
.breadcrumbs-box__popup {
    position: absolute;
    font-size: 13px;
    line-height: calc(26 / 13);
    top: 100%;
    left: -16px;
    padding: 16px;
    background: #fff;
    display: none;
    white-space: nowrap;
    z-index: 50;
}
.breadcrumbs-box__sublist {
    padding: 0;
    margin: 0;
    list-style: none;
}
.breadcrumbs-box__subitem {
    padding: 0;
    margin: 0;
}
.breadcrumbs-box__subitem.currem {
    font-weight: 600;
}
.breadcrumbs-box__sublink {}

@media (hover: hover) {
    .breadcrumbs-box__item:hover .breadcrumbs-box__popup {
        display: block;
    }
}
/*------------------------------ feedback-front -----------------------------*/
.feedback-front {
    margin-top: 14px;
    margin-bottom: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 50px 30px;
}
.feedback-front__inner {
    min-width: 1px;
}
.feedback-front__title {
    font-size: 28px;
    font-weight: 500;
    line-height: calc(36 / 28);
    margin: 0 0 24px 0;
}
.feedback-front__image {
    margin: 0 calc(var(--main-container-gap) * -1);
    display: flex;
    flex: 0 0 auto;
}
.feedback-front__image img {
    margin: auto;
    flex: 0 0 auto;
}

.feedback-form {
    --input-max-width: 460px;
}
.feedback-form__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.feedback-form__field {}
.feedback-form__search {
    background-image: url("/layout/images/icons.svg#search2-view");
    background-size: 20px 20px;
    background-position: center right 11px;
    --input-border-color: var(--color-green);
}
.feedback-form__help {
    font-size: 13px;
    line-height: calc(20 / 13);
    margin-top: 24px;
    color: #3D4452;
}
.feedback-form__foot {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;

    --button-text-transform: uppercase;
}
:where(.feedback-front) .feedback-form__foot {
    --button-height: 48px;
    --button-padding-x: 30px;
}
.feedback-form__policy {
    font-size: 11px;
    line-height: calc(14 / 11);
    color: var(--color-gray-600);
    --link-line: underline;
    --link-line-color: currentColor;
    --link-color: currentColor;
}

@media (min-width: 576px) {
    .feedback-front__image {
        margin: 0;
    }
}
@media (min-width: 768px) {
    .feedback-front {
        flex-direction: row;
        align-items: center;
    }
    .feedback-front__inner {
        flex: 1 1 auto;
    }
    .feedback-front__image {
        width: 52.17%;
        max-width: 582px;
        order: -1;
    }
}
@media (min-width: 992px) {
    .feedback-front {
        margin-bottom: 0;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
        gap: 50px 40px;
    }
    .feedback-front__inner {
        padding: 0px 40px 0px 0;
    }
    .feedback-front__title {
        font-size: 32px;
        line-height: calc(40 / 32);
        margin-bottom: 30px;
    }
    .feedback-front__image {
        width: 58%;
    }

    :where(.feedback-front) .feedback-form__body {
        gap: 30px;
    }
    :where(.feedback-front) .feedback-form__foot {
        margin-top: 30px;
    }
}
@media (min-width: 1280px) {
    .feedback-front {
        gap: 50px 60px;
    }
    .feedback-front__inner {
        padding: 30px 40px 30px 0;
    }
    .feedback-front__image {
        width: 52.17%;
    }
}
/*------------------------------ benefits-front -----------------------------*/
.benefits-front {
    position: relative;
    padding: 50px var(--main-container-gap);
    margin: 0 calc(var(--main-container-gap) * -1);
    margin-bottom: 50px;
    background: var(--color-gray-0);
}
.benefits-front:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: inherit;
    transform: translateX(-50%);
    pointer-events: none;
}
.benefits-front__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.benefits-front-item {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: calc(22 / 16);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 0 0 150px;
    text-align: center;
}
.benefits-front-item__image {
    width: 60px;
    margin: 0 auto;
    display: flex;
}
.benefits-front-item__image img {
    margin: auto;
    flex: 0 0 auto;
}
.benefits-front-item__title {}

@media (min-width: 992px) {
    .benefits-front {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 80px;
    }
    .benefits-front__list {
        justify-content: space-between;
    }
}
/*------------------------------ about-front --------------------------------*/
.about-front {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.about-front__top {
    min-width: 1px;
    flex: 1 1 auto;
}
.about-front__title {
    font-size: 24px;
    font-weight: 500;
    line-height: calc(30 / 24);
    margin: 0 0 24px 0;
}
.about-front__descr {
    font-size: 15px;
    line-height: calc(22 / 15);
}
.about-front__buttons {
    margin-top: 24px;
    --button-text-transform: uppercase;
}
.about-front__body {}
.about-front__list {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.about-front-item {
    font-size: 15px;
    font-weight: 500;
    line-height: calc(18 / 15);
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.about-front-item__image {
    display: flex;
    flex: 0 0 auto;
}
.about-front-item__image img {
    flex: 0 0 auto;
}
.about-front-item__inner {
    min-width: 1px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
}
.about-front-item__title {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(20 / 16);
}
.about-front-item__descr {
    color: var(--color-gray-700);
}

@media (min-width: 576px) {
    .about-front-item {
        flex-direction: row;
        align-items: center;
    }
}
@media (min-width: 768px) {
    .about-front {
        margin-bottom: 65px;
        flex-direction: row;
        align-items: flex-start;
        gap: 30px;
    }
    .about-front__body {
        flex: 0 0 50%;
    }
}
@media (min-width: 992px) {
    .about-front {
        margin-bottom: 80px;
        gap: 103px;
    }
}
/*------------------------------ brand-front --------------------------------*/
.brand-front {
    position: relative;
    padding: 50px 0;
    background: var(--color-gray-0);
}
.brand-front:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: inherit;
    transform: translateX(-50%);
    pointer-events: none;
}
.brand-front__body {
    position: relative;
}
.brand-front__list {
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 100px;
}
.swiper-initialized .brand-front__list {
    flex-wrap: nowrap;
}
.brand-front__item {
    width: auto;
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
}
.swiper-initialized .brand-front__item {
    margin-right: 0 !important;
}
.brand-front__item-image {
    display: flex;
}
.brand-front__item-image img {
    max-width: 100px;
    margin: auto;
    flex: 0 0 auto;
}
.brand-front .swiper-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}

@media (min-width: 992px) {
    .brand-front {
        padding: 120px 0;
    }
    .brand-front__list {
        gap: 160px;
    }
}
/*------------------------------ side-menu ----------------------------------*/
.side-menu {
    font-size: 13px;
    line-height: calc(20 / 13);
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    color: var(--color-gray-700);
}
.side-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.side-menu__item {
    padding: 0;
    margin: 0;
    border-top: 1px solid #E6E6E6;
}
.side-menu__item.current {
    font-weight: bold;
}
.side-menu__item:first-child {
    border-top: none;
}
.side-menu__link {
    padding: 11px 14px;
    display: block;
    text-decoration: none;
    color: inherit;
}
/*------------------------------ category-block -----------------------------*/
.category-block {
    --_columns: 2;
}
.category-block__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(var(--_columns), 1fr);
}
.category-block__item {
    padding: 0;
    margin: 0 -1px -1px 0;
    display: flex;
}

.category-item {
    font-size: 15px;
    line-height: calc(22 / 15);
    min-width: 1px;
    min-height: 200px;
    padding: 38px 22px;
    border: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    flex: 1 1 auto;
    color: #000;
}
.category-item__image {
    margin-bottom: 8px;
    display: flex;
}
.category-item__image img {
    max-width: 120px;
    margin: auto;
    flex: 0 0 auto;
}
.category-item__title {}
.category-item__count {
    font-size: 13px;
    line-height: calc(20 / 13);
    margin-top: 4px;
    color: var(--color-gray-600);
}

@media (min-width: 576px) {
    .category-block {
        --_columns: 3;
    }
}
@media (min-width: 992px) {
    .category-block {
        --_columns: 4;
    }
}
/*------------------------------ availability-box ---------------------------*/
.availability-box {
    position: relative;
    padding-left: 13px;
    color: #5FA800;
}
.availability-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    transform: translateY(-50%);
}
/*------------------------------ price-box ----------------------------------*/
.price-box {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(24 / 16);
    color: var(--color-gray-600);
}
.price-box__item {}
/*------------------------------ button-favorite ----------------------------*/
.button-favorite {
    --button-width: var(--button-height, var(--_button-height));
    --button-padding: 8px;
    --button-border-width: 1px;
    --button-border-color: #E6E6E6;
    --button-border-color-hover: var(--color-green);
    --button-bg-hover: var(--color-green);
    --button-color: var(--color-gray-500);
    --button-color-hover: #fff;
}
.button-favorite.active {
    --button-border-color: var(--color-green-dark);
    --button-bg: var(--color-green-dark);
    --button-color: #fff;
}
/*------------------------------ buy-box ------------------------------------*/
.buy-box {
    display: flex;
    gap: 12px;

    --input-height: 36px;

    --button-height: 36px;
    --button-padding-y: 8px;
    --button-text-transform: uppercase;
}
.buy-box__add2cart {
    --button-min-width: 118px;
}
.buy-box__add2cart.is-added2cart {
    --button-width: 213px;
}
/*------------------------------ search-box ---------------------------------*/
.search-box {
    position: relative;
    --input-height: 38px;
    --input-border-radius: var(--_input-border-radius) 0 0 var(--_input-border-radius);

    --button-padding-y: 10px;
    --button-radius: 0 var(--_button-radius) var(--_button-radius) 0;
    --button-text-transform: uppercase;
    /*
    --button-padding: 0 13px 0 5px;
    --button-border-width: 0px;
    --button-bg-hover: var(--button-bg);
    --button-shadow: none;
    --button-shadow-focus: none;*/
}
.search-box.is-activated {
    --input-font-size: 15px;
    --input-height: 56px;
    --input-padding: 0 16px 0 16px;
    --input-border-width: 0px;
    --input-bg: #fff;

    --button-inner-height: 40px;
    --button-padding: 0 10px 0 10px;
    --button-bg: var(--color-green-dark) url('/layout/images/icons.svg#search-view') center center / 17px 17px no-repeat;
}
.search-box__inner {
    display: flex;
}
.search-box__input {
    min-width: 1px;
    flex: 1 1 auto;
}
.search-box__button {
    background-origin: content-box;
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .search-box {}
    .search-box.is-activated {
        --input-font-size: 20px;
        --input-height: 91px;
        --input-padding: 0 60px 0 30px;
    }
}

.search-result-popup {
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
}
.search-box .search-result-popup {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 0 0 3px 3px;
    z-index: 500;
}
.search-result-popup__list {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.search-result-popup__foot {
    border-top: 1px solid #E6E6E6;
    --button-font-size: 13px;
    --button-line-height: calc(23 / 13);
    --button-padding-y: 12px;
    --button-border-width: 0px;
    --button-text-transform: uppercase;
    --button-color: var(--color-gray-700);
}
.search-result-popup .pvs-button {}

.search-result-item {
    font-size: 13px;
    line-height: calc(20 / 13);
    color: var(--color-gray-800);
    --link-color: currentColor;
}
.search-result-item__title {}
.search-result-item__price {
    color: var(--color-green-dark);
}
/*------------------------------ pagination-box -----------------------------*/
.pagination-box {
    font-size: 15px;
    font-weight: 700;
    line-height: calc(20 / 15);
    display: flex;
    justify-content: center;
    gap: 46px;
    color: #000;
}
.pagination-box__arrow {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-decoration: none;
    color: var(--color-gray-700);
}
.pagination-box__arrow .svg-icon {
    flex: 0 0 auto;
}
.pagination-box__arrow:hover {
    background: var(--color-green);
    color: #fff;
}
.pagination-box__arrow--prev {
    padding-right: 2px;
}
.pagination-box__arrow--next {
    padding-left: 2px;
}
.pagination-box__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 24px;
}
.pagination-box__item {
    padding: 0;
    margin: 0;
    flex: 0 0 auto;
}
.pagination-box__link {
    min-width: 25px;
    height: 25px;
    padding: 0 8px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
}
.pagination-box__link:hover, .pagination-box__item.current .pagination-box__link {
    background: var(--color-green);
    color: #fff;
}
.pagination-box__text {}
/*---------------------------- hint-box -------------------------------------*/
.hint-box {
    display: inline-flex;
}
.hint-btn {
    position: relative;
    font: inherit;
    font-size: 11px;
    line-height: 14px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 1px solid #E6E6E6;
    border-radius: 50%;
    background: #fff center center no-repeat;
    text-align: center;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-decoration: none;
    color: var(--color-gray-600);
}
.hint-btn:before {
    content: '?';
}
.hint-box__popup:empty ~ .hint-btn {
    display: none;
}
.hint-btn:hover {}
.hint-box-popup {
    position: absolute;
    max-width: 360px;
    padding: 16px 20px;
    border: none;
    border-radius: 16px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
    background: #fff;
    text-align: left;
    overflow: visible;
    white-space: normal;
    color: inherit;
}
@media (min-width: 768px) {}
/*---------------------------- hint-tooltip ---------------------------------*/
.hint-tooltip {
    white-space: normal;
    display: none;
}
.hint-tooltip.is-activated {
    display: block;
}
/*---------------------------------------------------------------------------*/
.ui-tooltip {
    --ul-gap: 4px;
}

.tippy-root {}
.tippy-root--bottom {
    position: fixed !important;
    max-width: none !important;
    inset: 0 !important;
    transform: none !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    visibility: visible !important;
    z-index: 10500 !important;
}

.tippy-box {
    font-size: 14px;
    font-weight: 500;
    line-height: calc(19 / 14);
    border-radius: 0;
    background: none;
    color: #191A1C;
}
.tippy-box .tippy-content {
    font-size: 16px;
    line-height: calc(14 / 11);
    max-width: 360px;
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
    background: #fff;
    color: #191A1C;
}

.tippy-box[data-theme~="tippy-order"] {}
.tippy-box[data-theme~="tippy-order"] .tippy-content {
    max-width: 223px;
}

.tippy-box[data-theme~="tippy-bottom"] {
    max-height: 90%;
    transform: none;
    opacity: 1;
    transition: transform 0.25s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.2s;
    overflow: hidden;
    z-index: 10;
}
.tippy-box[data-theme~="tippy-bottom"] .tippy-content {
    max-width: none;
    padding: 0px;
    border: 0px solid transparent;
    border-width: 40px 24px 24px 24px;
    border-radius: 20px 20px 0 0;
    z-index: 10;
}
.tippy-box[data-theme~="tippy-bottom"]:not([data-state="visible"]) {
    transform: translateY(100%);
    opacity: 0;
}

.tippy-root__overlay {
    position: fixed;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100vh;
    padding: 0;
    background: #000;
    opacity: 0.5;
    cursor: pointer;
}
.tippy-root__close {
    position: absolute;
    top: 11px;
    right: 19px;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: none;
    display: flex;
    color: var(--color-gray-700);
    cursor: pointer;
    z-index: 15;
}
.tippy-root__close:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: currentColor;
    mask: url("/layout/images/icons.svg#close-view") center center / contain no-repeat;
    transform: translate(-50%, -50%);
}

.fancy-tooltip {}
.fancy-tooltip .fancybox-bg {}
.fancy-tooltip .fancybox-infobar, .fancy-tooltip .fancybox-toolbar, .fancy-tooltip .fancybox-navigation, .fancy-tooltip .fancybox-caption {
    display: none;
}
.fancy-tooltip .fancybox-close-small {
    top: 7px;
    right: 11px;
}
.fancy-tooltip .fancybox-slide {
    padding: 0;
}
.fancy-tooltip .fancybox-content {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
}

@media (min-width: 768px) {
    .tippy-box .tippy-content {
        font-size: 11px;
    }
}
/*------------------------------ range-box ----------------------------------*/
.range-box {}
.range-box__inputs {
    display: grid;
    grid-template-columns: repeat(2, 110px);
}
.range-box__inputs .pvs-input:where(:not(:last-child)) {
    margin-right: -1px;
    --input-border-radius: var(--_input-border-radius) 0 0 var(--_input-border-radius);
}
.range-box__inputs .pvs-input:where(:not(:first-child)) {
    --input-border-radius: 0 var(--_input-border-radius) var(--_input-border-radius) 0;
}
.range-box__bar {
    position: relative;
    height: 22px;
    margin-top: 16px;
    margin-bottom: 18px;
    border: 0px solid transparent;
    border-width: 10px 0;
    background: var(--color-gray-500);
    background-clip: content-box;
}
.range-box__bar-label {
    position: absolute;
    font-size: 11px;
    line-height: calc(14 / 11);
    top: 100%;
    margin-top: 14px;
    color: var(--color-gray-500);
}
.range-box__bar-label--min {
    left: 0;
}
.range-box__bar-label--max {
    right: 0;
}
.range-box__track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: var(--color-green);
}
.range-box__button {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 50%;
    border: 8px solid #fff;
    background: var(--color-green);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
    transform: translateY(-50%);
}
.range-box__button--left {}
.range-box__button--right {}
/*------------------------------ filter-block -------------------------------*/
.filter-block {}
.filter-block__toggle {
    font-size: 13px;
    font-weight: bold;
    line-height: calc(20 / 13);
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    display: none;
    gap: 8px;
    color: var(--color-gray-700);
}
.filter-block.is-activated .filter-block__toggle {
    display: inline-grid;
}
.filter-block__toggle .pvs-button__icon {
    position: relative;
    width: 12px;
    height: 10px;
    display: flex;
    flex: 0 0 auto;
}
.filter-block__toggle .pvs-button__icon:before {
    position: absolute;
    content: '';
    top: -2px;
    right: -2px;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #5FA801;
    pointer-events: none;
}
.filter-block__head {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    line-height: calc(20 / 13);
    padding: 22px 35px 22px 20px;
    display: none;
    align-items: center;
    gap: 8px;
    color: var(--color-gray-700);
}
.filter-block__head:before {
    position: absolute;
    content: '';
    left: 0;
    right: 12px;
    bottom: 0;
    border-bottom: 1px solid #E6E6E6;
}
.filter-block__head-icon {
    position: relative;
    width: 12px;
    height: 10px;
    display: flex;
    flex: 0 0 auto;
}
.filter-block__head-icon:before {
    position: absolute;
    content: '';
    top: -2px;
    right: -2px;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #5FA801;
    pointer-events: none;
}
.filter-block.is-activated .filter-block__head {
    display: flex;
}
.filter-block__body {}
.filter-block__field {
    position: relative;
}
.filter-block__field:before {
    position: absolute;
    left: 0;
    right: 12px;
    bottom: 0;
    border-bottom: 1px solid #E6E6E6;
}
.filter-block.is-activated .filter-block__field:before {
    content: '';
}
.filter-block__field-title {
    position: relative;
    font: inherit;
    font-size: 13px;
    line-height: calc(20 / 13);
    padding: 14px 20px;
    margin: 0;
    border: none;
    background: none;
    flex: 1 1 auto;
    color: var(--color-gray-700);
}
.filter-block__field-title:before {
    position: absolute;
    right: 20px;
    top: 50%;
    border-top: 3px solid currentColor;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;;
    transform: translateY(-50%);
    color: var(--color-gray-600);
}
.is-open > .filter-block__field-title:before, .filter-block__field-title.is-open:before {
    transform: translateY(-50%) scaleY(-1);
}
.is-overflow > .filter-block__field-title, .filter-block__field-title.is-overflow {
    padding-right: 25px;
    cursor: pointer;
}
.is-overflow > .filter-block__field-title:before, .filter-block__field-title.is-overflow:before {
    content: '';
}

.filter-block__field-body {}
.filter-block__field-cont {}
.filter-block.is-activated .filter-block__field-cont {
    padding: 2px 20px 20px 20px;
}
.filter-block.is-activated .filter-block__field-cont:first-child {
    padding: 14px 20px 14px 20px;
}
.filter-block__buttons {
    display: flex;
    --button-shadow: none;
    --button-shadow-focus: none;
    --button-radius: 0;
    --button-border-width: 0px;
}
.filter-block__reset {
    --button-padding: 14px 16px 14px 20px;
    --button-gap: 10px;
    --button-icon-size-w: 10px;
    --button-icon-size-h: 10px;
}
.filter-block__reset:before {
    position: absolute;
    content: '';
    top: 4px;
    right: 0;
    bottom: 4px;
    border-left: 1px solid var(--color-green);
}
.filter-block__reset .pvs-button__inner {
    display: none;
}
.filter-block__submit {
    justify-content: flex-start;
    flex: 1 1 auto;
    --button-font-weight: bold;
    --button-padding: 14px 16px 14px 16px;
}
.filter-block .range-box {
    max-width: 217px;
}

.filter-available {
    padding: 14px 20px;
    display: flex;
    gap: 20px 12px;
}
.filter-block.is-activated .filter-available {
    flex-direction: column;
}

@media (min-width: 992px) {
    .filter-block {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .filter-block__body {
        display: contents;
    }
    .filter-block__field--sort {
        margin-left: auto;
        order: 25;
        --wc-collapse-close-max-height: none;

        --input-font-size: 13px;
        --input-line-height: calc(20 / 13);
        --input-height: 30px;
        --input-padding: 0 9px;
        --input-bg: #fff;
        --select-icon-size: 10px;
        --select-padding-right: 25px;
        --select-icon-pos: right 8px center;
    }
    .filter-block__field-title {
        padding: 4px 24px 4px 9px;
        border: 1px solid #E6E6E6;
        border-radius: 3px;
        background: #fff;
    }
    .filter-block__field--sort .filter-block__field-title {
        display: none;
    }
    .filter-block__field-title:before {
        right: 9px;
    }
    .filter-block__field-body {
        position: absolute;
        z-index: 10;
    }
    .filter-block__field-body:where(.is-open, .is-animate) {
        box-shadow: 0 1px 4px 0 rgba(12, 12, 12, 0.05);
    }
    .is-overflow > .filter-block__field-cont {
        padding: 20px;
        background: #fff;
    }
    .filter-block__buttons {}
    .filter-block__buttons--mobile {
        display: none;
    }
    .filter-block__reset {
        font-size: 13px;
        line-height: calc(20 / 13);
        padding: 0;
        border: none;
        background: none;
        color: var(--color-gray-800);
        --button-font-weight: 400;
        --button-icon-color: var(--color-green-dark);
    }
    .filter-block__reset .pvs-button__inner {
        text-decoration: underline;
        text-decoration-style: dotted;
        text-decoration-thickness: 1px;
        text-underline-offset: 2px;
        white-space: nowrap;
    }
    .filter-block__reset:before {
        content: none;
    }
    .filter-block__reset .pvs-button__inner {
        display: block;
    }
    .filter-block__submit {
        display: none;
    }
    .filter-block .pvs-check-box {
        white-space: nowrap;
    }

    .filter-available {
        font-size: 13px;
        line-height: calc(20 / 13);
        padding: 0;
        flex-direction: row;
        gap: 12px;
        white-space: nowrap;
    }
    .filter-available .pvs-check-box {
        padding: 4px 9px;
        border: 1px solid var(--_input-border-color);
        border-radius: 3px;
        color: var(--color-gray-800);
    }
    .filter-available .pvs-check-box:has(> :checked) {
        border-color: var(--color-green-dark);
        background: var(--color-green-dark);
        color: #fff;
    }
    .filter-available .pvs-check-box__icon {
        display: none;
    }
}
@media (min-width: 1280px) {
    .filter-block__buttons {
        padding: 0 12px;
    }
}
/*------------------------------ catalog-search -----------------------------*/
.catalog-search {}
.catalog-search__top {
    margin-bottom: 24px;
}
.catalog-search__result {
    border-top: 1px solid #E6E6E6;
}

@media (min-width: 992px) {
    .catalog-search__result {
        border-top: none;
    }
}
/*------------------------------ catalog-block ------------------------------*/
.nav-more {

    --button-width: 100%;
    --button-height: 54px;
    --button-radius: 0 0 var(--_button-radius) var(--_button-radius);
    --button-bg: var(--color-gray-0);
    --button-text-transform: uppercase;
    --button-color: #000;
}

.catalog-block {}
.catalog-block__brand {
    width: 180px;
    padding: 15px;
    margin-bottom: 24px;
    border: 1px solid #E6E6E6;
}
.catalog-block__filter {
    margin-bottom: 8px;
}
.catalog-block__body {}
.catalog-block__list {
    position: relative;
}
.catalog-block__list:before {
    position: absolute;
    content: '';
    left: calc(var(--main-container-gap) * -1);
    right: calc(var(--main-container-gap) * -1);
    top: 0;
    border-top: 1px solid #E6E6E6;
}
.catalog-block .nav-more {
    border: 1px solid #E6E6E6;
    border-radius: 0 0 4px 4px;
    display: none;
}
.catalog-block__pagination {
    margin-top: 24px;
}

.catalog-item {
    position: relative;
    font-size: 15px;
    line-height: calc(22 / 15);
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.catalog-item:before {
    position: absolute;
    content: '';
    left: calc(var(--main-container-gap) * -1);
    right: calc(var(--main-container-gap) * -1);
    bottom: 0;
    border-top: 1px solid #E6E6E6;
}
.catalog-item__inner {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.catalog-item__title {}
.catalog-item__props {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    color: var(--color-gray-500);
}
.catalog-item__article {}
.catalog-item__brand {}
.catalog-item__price {}
.catalog-item__buy {
    margin-top: 8px;
}

@media (min-width: 576px) {
    .catalog-item {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: flex-start;
        justify-items: flex-start;
        align-items: center;
    }
    .catalog-item__inner {
        grid-column: 1 / -1;
    }
    .catalog-item__buy {
        margin-top: 0px;
    }
}
@media (min-width: 768px) {
    .catalog-block__list:before {
        left: 0;
        right: 0;
    }
    .catalog-block .nav-more {
        display: block;
    }
    .catalog-block__pagination {
        margin-top: 48px;
    }

    .catalog-item:before {
        left: 0;
        right: 0;
    }
}
@media (min-width: 992px) {
    .catalog-block__brand {
        margin-bottom: 30px;
    }
    .catalog-block__filter {
        margin-bottom: 30px;
    }
    .catalog-block__list {}
    .catalog-block__list:before {
        content: none;
    }

    .catalog-item {
        padding: 23px;
        margin-bottom: -1px;
        border: 1px solid #E6E6E6;
        grid-template-columns: 260px 1fr auto;
        gap: 20px;
    }
    .catalog-item:before {
        content: none;
    }
    .catalog-item__inner {
        grid-column: auto;
    }
    .catalog-item__props {
        gap: 8px 10px;
    }
}
@media (min-width: 1280px) {
    .catalog-item {
        grid-template-columns: 320px 1fr auto;
        gap: 40px;
    }
    .catalog-item__props {
        gap: 8px 24px;
    }
}
/*------------------------------ brands-block -------------------------------*/
.brands-block {
    --_columns: 2;
}
.brands-block__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(var(--_columns), 1fr);
}
.brands-block__item {
    padding: 0;
    margin: 0 -1px -1px 0;
    display: flex;
}

.brand-item {
    font-size: 13px;
    line-height: calc(20 / 13);
    min-width: 1px;
    min-height: 165px;
    padding: 38px 22px;
    border: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    flex: 1 1 auto;
    color: #999;
}
.brand-item__image {
    margin-bottom: 8px;
    display: flex;
}
.brand-item__image img {
    margin: auto;
    flex: 0 0 auto;
}
.brand-item__title {}

@media (min-width: 576px) {
    .brands-block {
        --_columns: 3;
    }
}
@media (min-width: 992px) {
    .brands-block {
        --_columns: 4;
    }

    .brand-item {
        min-height: 200px;
    }
}
/*------------------------------ contact-block ------------------------------*/
.contact-block {
    position: relative;
    padding: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 50px 30px;
}
.contact-block:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 100vw;
    border-top: 1px solid #E6E6E6;
    transform: translateX(-50%);
    pointer-events: none;
}
.contact-block__inner {}
.contact-block__info {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contact-block__info-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact-block__descr {
    font-size: 15px;
    line-height: calc(22 / 15);
    color: var(--color-gray-600);
}
.contact-block__buttons {
    margin-top: 24px;
    --button-font-size: 12px;
    --button-line-height: calc(18 / 12);
    --button-padding-x: 20px;
    --button-padding-y: 10px;
    --button-text-transform: uppercase;
}
.contact-block__map {
    margin: 0 calc(var(--main-container-gap) * -1);
    margin-bottom: -50px;
    display: flex;
}
.contact-block__map iframe {
    min-height: 100%;
}

.contact-info {}
.contact-info__title {
    font-size: 12px;
    font-weight: 600;
    line-height: calc(13 / 12);
    color: var(--color-gray-500);
}
.contact-info__cont {}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    .contact-block__info {
        flex-direction: row;
    }
    .contact-block__info-col {
        width: 220px;
    }
    .contact-block__map {
        margin-bottom: -65px;
    }
}
@media (min-width: 992px) {
    .contact-block {
        padding: 0;
        flex-direction: row;
    }
    .contact-block__inner {
        padding: 70px 0px 70px 0;
        flex: 1 0 calc(50% - 15px);
    }
    .contact-block__map {
        margin-left: 0;
        margin-right: calc((50vw - 50%) * -1);
        margin-bottom: -80px;
        flex: 0 1 calc(50vw - 15px);
    }
}
@media (min-width: 1280px) {
    .contact-block__inner {
        padding-right: 107px;
    }
}
/*------------------------------ documents-block ----------------------------*/
.documents-block {}
.documents-block__title {
    font-size: 24px;
    font-weight: 500;
    line-height: calc(30 / 24);
    margin: 0 0 16px 0;
    color: #000;
}
.documents-block__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.documents-block__item {
    padding: 0;
    margin: 0;
}

.document-item {
    font-size: 15px;
    line-height: calc(22 / 15);
    padding: 23px 23px 19px 23px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    color: var(--color-gray-800);
}
.document-item__icon {
    width: 40px;
    display: flex;
    flex: 0 0 auto;
}
.document-item__inner {
    min-width: 1px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
}
.document-item__title {
    margin: 0 0 8px 0;
}
.document-item__size {
    color: var(--color-gray-600);
}
.document-item__buttons {
    width: 38px;
    flex: 0 0 auto;
    --button-width: 38px;
    --button-height: 38px;
    --button-padding-x: 10px;
    --button-padding-y: 10px;
    --button-border-width: 1px;
    --button-border-color: #E6E6E6;
    --button-border-color-hover: #E6E6E6;
}

@media (min-width: 768px) {
    .documents-block__title {
        margin-bottom: 24px;
    }
    .document-item {
        padding-bottom: 23px;
    }
}
/*------------------------------ auth-block ---------------------------------*/
.auth-block {
    width: 360px;
    padding: 48px 31px;
    margin: 0 auto;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.11);
}
.auth-block__head {
    font-size: 15px;
    line-height: calc(22 / 15);
    margin-bottom: 21px;
    display: flex;
    flex-direction: column;
    gap: 21px;
    text-align: center;
}
.auth-block__title {
    font-size: 24px;
    font-weight: 500;
    line-height: calc(30 / 24);
    letter-spacing: -1%;
    margin: 0;
    color: #000;
}
.auth-block__descr {}
/*------------------------------ auth-form ----------------------------------*/
.auth-form {
    display: flex;
    flex-direction: column;
    gap: 21px;
}
.auth-form__body {
    display: flex;
    flex-direction: column;
    gap: 21px;
}
.auth-form__field {}
.auth-form__foot {
    display: grid;
    gap: 21px;
    text-align: center;
}
.auth-form__foot-links {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    --link-line: underline;
    --link-line-hover: none;
}
.auth-form__foot-links > *:first-child:last-child{
    margin: 0 auto;
}
/*--------------------------------- lk-reports ------------------------------*/
.lk-reports {
    padding-top: 16px;
    margin-bottom: 30px;
}
.lk-reports:last-child {
    margin-bottom: 0px;
}
.lk-reports__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.lk-reports__item {
    padding: 0 0 30px 0;
    margin: 0;
    border-bottom: 1px solid #E6E6E6;
}

.lk-reports-item {
    font-weight: normal;
}
.lk-reports-item.is-open:not(.is-animate) {
    --wc-collapse-overflow: visible;
}
.lk-reports-item__head {
    color: #222;
}
.lk-reports-item__title {
    font: inherit;
    font-size: 16px;
    font-weight: normal;
    line-height: calc(20 / 16);
    padding: 0 0 0 23px;
    margin: 0;
    border: none;
    background: none;
    --link-color: currentColor;
    --link-color-hover: var(--color-green-dark);
    --link-line-thickness: 2px;
}
.lk-reports-item__title:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 13px;
    height: 8px;
    background: currentColor center center / contain no-repeat;
    mask: url("/layout/images/icons.svg#arrow2-view") center center / contain no-repeat;
    transform: translateY(-50%);
}
.lk-reports-item.is-open .lk-reports-item__title {
    --link-color: var(--color-green-dark);
}
.lk-reports-item.is-open .lk-reports-item__title:before {
    transform: translateY(-50%) scaleY(-1);
    color: #215B84;
}
.lk-reports-item__body {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.lk-reports-item__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    --button-font-size: 12px;
    --button-font-weight: 600;
    --button-line-height: calc(13 / 12);
    --button-inner-height: 40px;
    --button-padding-y: 7px;
    --button-bg: var(--color-gray-500);
    --button-bg-hover: var(--button-bg);
    --button-gap: 12px;
    --button-color: #fff;
    --button-color-hover: #fff;
}
.lk-reports-item__actions .pvs-button {
    justify-content: flex-start;
    text-align: left;
}
.lk-reports-item__file {}
.lk-reports-item__file-title {
    font-size: 13px;
    line-height: calc(20 / 13);
    margin-bottom: 6px;
    color: #3D4452;
}
.lk-reports-item__file-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px 17px;
}
.lk-reports-item__file-buttons .attach-file-box {
    max-width: 370px;
    flex: 1 1 auto;
}
.lk-reports-item__file-buttons .file-input {}
.lk-reports-item__send {
    text-transform: uppercase;
    --button-font-weight: 600;
    --button-min-width: 200px;
}

@media (min-width: 768px) {
    .lk-reports {
        padding-top: 0px;
    }
}
/*--------------------------------- lk-event-feed ---------------------------*/
.lk-event-feed {
    margin-bottom: 30px;
}
.lk-event-feed:last-child {
    margin-bottom: 0px;
}
.lk-event-feed__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-event-feed__item {
    padding: 0 0 24px 0;
    margin: 0;
    border-bottom: 1px solid #E6E6E6;
}

.lk-event-feed-item {
    font-size: 15px;
    line-height: calc(18 / 15);
    color: #222;
}
.lk-event-feed-item__date {
    position: relative;
    font-size: 13px;
    line-height: calc(22 / 13);
    color: #999;
}
.lk-event-feed-item--accepted .lk-event-feed-item__date {
    padding-left: 16px;
}
.lk-event-feed-item--accepted .lk-event-feed-item__date:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #74A722;
    transform: translateY(-50%);
}
.lk-event-feed-item__title {}
/*--------------------------------- lk-profile ------------------------------*/
.lk-profile {
    margin-bottom: 30px;
}
.lk-profile:last-child {
    margin-bottom: 0px;
}

.lk-profile-form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.lk-profile-form__outer {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.lk-profile-form__group {}
.lk-profile-form__group-title {
    font-size: 15px;
    font-weight: bold;
    line-height: calc(20 / 15);
    margin-bottom: 24px;
    text-transform: uppercase;
}
.lk-profile-form__group-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-profile-form__group-foot {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 47px;
    --button-min-width: 200px;
}

.lk-profile-column {
    display: flex;
    flex-direction: column;
    gap: 24px 48px;
}
.lk-profile-column__item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-profile-column .remove-btn {
    margin: auto auto auto 0;
}

.lk-profile-type {
    margin: 28px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    --button-font-weight: bold;
    --button-border-color: #E6E6E6;
    --button-border-color-hover: var(--color-green-dark);
    --button-bg: #fff;
    --button-bg-hover: var(--color-green-dark);
    --button-color: var(--color-gray-800);
    --button-color-hover: #fff;
}
.lk-profile-type .pvs-button {
    text-transform: uppercase;
}
.lk-profile-type .pvs-button:where(:has(:checked)) {
    --button-border-color: var(--color-green-dark);
    --button-bg: var(--color-green-dark);
    --button-color: #fff;
}

.lk-profile-field {
    display: flex;
    flex-direction: column;
}
.lk-profile-field__title {
    font-size: 13px;
    font-weight: normal;
    line-height: calc(20 / 13);
    margin-bottom: 6px;
    color: #3D4452;
}

.lk-profile-files {}
.lk-profile-files__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-profile-files__item {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.lk-profile-files__item .lk-profile-column {
    gap: 16px 48px;
}
.lk-profile-files__buttons {
    margin-top: 20px;
}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    .lk-profile-form {}
    .lk-profile-form__outer {}
    .lk-profile-form__group-foot {
        margin-top: 24px;
    }

    .lk-profile-column {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .lk-profile-column__item {
        flex: 0 1 calc((100% - 48px) / 2);
    }
    .lk-profile-column__item:where(.order-md-last) {
        order: 24;
    }

    .lk-profile-field__title--tab {
        padding-left: 20px;
    }
}
@media (min-width: 1280px) {}
/*--------------------------------- lk-profile-dop --------------------------*/
.lk-profile-dop {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-profile-dop__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-profile-dop__item {
    padding: 0 0 24px 0;
    margin: 0;
    border-bottom: 1px solid #ADDAF7;
}
.lk-profile-dop__foot {}

.lk-profile-item {}
.lk-profile-item__head {
    font-size: 16px;
    font-weight: 500;
    line-height: calc(20 / 16);
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 20px;
}
.lk-profile-item__title {}
.lk-profile-item__action-edit {
    display: none;
}
.lk-profile-item.is-overflow .lk-profile-item__action-edit {
    display: block;
}
.lk-profile-item.is-open .lk-profile-item__action-edit {
    --button-icon-color: var(--color-green);
}
.lk-profile-item__action-delete {}
.lk-profile-item.is-overflow .lk-profile-item__action-delete {
    display: none;
}
.lk-profile-item.is-open .lk-profile-item__action-delete {
    display: block;
}
.lk-profile-item .lk-profile-form {
    padding-top: 24px;
}
.lk-profile-item .lk-profile-form__group-body {}
.lk-profile-item .lk-profile-form__group-foot {}
.lk-profile-item .lk-profile-column__item {}
/*------------------------------ basket-block -------------------------------*/
.basket-block {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 9px 30px;
}
.basket-block:last-child {
    margin-bottom: 0;
}
.basket-block__body {
    min-width: 1px;
}
.basket-block__total {
    flex: 0 0 auto;
}

.basket-table {
    width: 100%;
    border: 1px solid #E6E6E6;
    border-radius: 3px 3px 0 0;
    display: block;
}
.basket-table__head {
    display: block;
}
.basket-table__head-row {
    padding: 22px 24px;
    border-bottom: 1px solid #E6E6E6;
    display: block;
}
.basket-table__head-cell {
    padding: 0;
    border: none;
    display: block;
}
.basket-table__body {
    display: block;
}
.basket-table__row {
    padding: 15px;
    display: block;
}

.basket-table-head {
    font-size: 13px;
    line-height: calc(20 / 13);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
}
.basket-table-head__title {
    position: relative;
    color: #000;

    --link-color: currentColor;
}
.basket-table-head__title:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    border-top: 2px solid var(--color-green-dark);
    pointer-events: none;
}
.basket-table-head__control {}
.basket-table-head__clear {
    font: inherit;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--color-gray-500);
    cursor: pointer;
}
.basket-table-head__clear .svg-icon {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
}

.basket-table-item {
    font-size: 13px;
    line-height: calc(20 / 13);
    padding: 15px;
    border: none;
    border-top: 1px solid #E6E6E6;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'cont cont cont' 'count sum control';
    gap: 16px 20px;
}
.basket-table-item:first-child {
    border-top: none;
}
.basket-table-item__cell {
    padding: 0;
    border: none;
    vertical-align: top;
}
.basket-table-item__cell--cont {
    grid-area: cont;
}
.basket-table-item__cell--price {
    grid-area: price;
}
.basket-table-item__cell--count {
    white-space: nowrap;
    grid-area: count;
}
.basket-table-item__cell--sum {
    justify-self: flex-end;
    grid-area: sum;
}
.basket-table-item__cell--control {
    grid-area: control;
}
.basket-table-item__title {
    font-size: 15px;
    line-height: calc(22 / 15);
    color: var(--color-gray-800);
    --link-color: currentColor;
}
.basket-table-item__brand {
    color: var(--color-gray-500);
}
.basket-table-item__counter {}
.basket-table-item__measure {
    margin-top: 8px;
    white-space: nowrap;
    color: var(--color-gray-500);
}
.basket-table-item__price {
    white-space: nowrap;
}
.basket-table-item__sum {
    font-size: 15px;
    font-weight: bold;
    line-height: calc(24 / 15);
    white-space: nowrap;
    color: var(--color-gray-800);
}
.basket-table-item__remove {
    font: inherit;
    width: 16px;
    height: 16px;
    padding: 4px;
    margin: 4px 0 0 0;
    border: none;
    background: none;
    display: flex;
    color: var(--color-gray-500);
    cursor: pointer;
}
.basket-table-item__remove .svg-icon {
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
}

.basket-block-total {
    padding: 28px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.basket-block-total__sum {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(22 / 16);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
    color: #000;
}
.basket-block-total__sum-title {}
.basket-block-total__sum-price {
    font-size: 18px;
    line-height: calc(24 / 18);
}
.basket-block-total__buttons {
    --button-height: 48px;
}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    .basket-block {
        flex-direction: row;
    }
    .basket-block__body {
        flex: 1 1 auto;
    }
    .basket-block__total {
        width: 296px;
    }

    .basket-block-total {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 28px 24px;
    }
}
@media (min-width: 992px) {
    .basket-table {}
    .basket-table__body {
        width: 100%;
        display: table;
    }
    .basket-table__row {
        display: table-row;
    }

    .basket-table-item {
        padding: 20px 24px 16px 24px;
        display: table-row;
    }
    .basket-table-item__cell {
        padding: inherit;
        border: inherit;
        display: table-cell;
    }
    .basket-table-item__cell--count {
        width: 1%;
    }
    .basket-table-item__cell--sum {
        width: 15%;
        text-align: center;
    }
    .basket-table-item__cell--control {
        width: 1%;
    }
}
@media (min-width: 1280px) {
    .basket-table-item__cell--sum {
        width: 25.7%;
    }
}
/*------------------------------ order-block --------------------------------*/
.order-block {
   margin-bottom: 30px;
}
.order-block:last-child {
    margin-bottom: 0;
}
.order-block__outer {
    display: flex;
    flex-direction: column;
    gap: 16px 32px;
}
.order-block__inner {}
.order-block__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.order-block__total {
    font-size: 13px;
    line-height: calc(20 / 13);
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 0 0 auto;
}
.order-block__policy {}

.order-group {
    padding: 24px 15px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.order-group__head {
    display: flex;
    align-items: center;
    gap: 16px;
}
.order-group__head-icon {
    width: 24px;
    height: 24px;
    align-self: flex-start;
    flex: 0 0 auto;
    color: var(--color-green-dark);
}
.order-group__title {
    font-size: 20px;
    font-weight: 600;
    line-height: calc(24 / 20);
    color: var(--color-gray-800);
}
.order-group__body {
    display: grid;
    gap: 16px;
}
.order-group__help {
    font-size: 13px;
    line-height: calc(20 / 13);
    color: var(--color-gray-600);
}
.order-group__sub {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-group__sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: calc(22 / 16);
}
.order-group .form-field {
    display: flex;
    flex-direction: column;
}
.order-group .pvs-radio-box--block {
    width: 100%;
    flex: 1 1 auto;
}
.order-group .pvs-radio-box--block .pvs-radio-box__inner {
    padding-right: 16px;
}
.order-group .pvs-radio-box--block .hint-box {
    margin: 4px -20px 0 4px;
    float: right;
}

.order-total {
    font-size: 13px;
    line-height: calc(20 / 13);
    padding: 28px 24px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.order-total__sum {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(22 / 16);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 15px;
    color: #000;
}
.order-total__sum-title {}
.order-total__sum-price {
    font-size: 18px;
    line-height: calc(24 / 18);
}
.order-total__price {
    position: relative;
    min-width: 1px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 5px;
}
.order-total__price:before {
    position: absolute;
    content: '\00A0';
    top: -6px;
    left: 0;
    right: 0;
    border-bottom: 1px dotted var(--color-gray-500);
    flex: 1 1 auto;
    pointer-events: none;
}
.order-total__price-title {
    position: relative;
    padding-right: 5px;
    order: -1;
    z-index: 1;
}
.order-total__price-title span {
    background: #fff;
    filter: drop-shadow(5px 0px 0px #fff);
}
.order-total__price-val {
    position: relative;
    width: 50%;
    padding-left: 5px;
    background: #fff;
    text-align: inherit;
    flex: 0 0 auto;
}
.order-total__price-val span {
    background: #fff;
    filter: drop-shadow(-5px 0px 0px #fff);
}
.order-total__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-total__buttons {
    --button-height: 48px;
}

.order-total-info {
    font-weight: bold;
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.order-total-info__title {
    flex: 0 0 auto;
}
.order-total-info__val {
    color: var(--color-green-dark);
    --link-color: currentColor;
}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    .order-block {}
    .order-block__outer {
        flex-direction: row;
        align-items: flex-start;
    }
    .order-block__inner {
        flex: 1 1 auto;
    }
    .order-block__total {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 274px;
    }

    .order-total {}
}
@media (min-width: 992px) {
    .order-group__body {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1280px) {
}
/*------------------------------ order-history ------------------------------*/
.order-status {
    position: relative;
    font-size: 13px;
    line-height: calc(20 / 13);
    color: var(--color-gray-700);
}
.order-status:before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: center center no-repeat;
}
.order-status--wait {
    padding-left: 24px;
}
.order-status--wait:before {
    content: '';
    background-image: url("/layout/images/icons.svg#status-wait-view");
}
.order-status--canceled {
    padding-left: 24px;
}
.order-status--canceled:before {
    content: '';
    background-image: url("/layout/images/icons.svg#status-canceled-view");
}
.order-status--ready {
    padding-left: 24px;
}
.order-status--ready:before {
    content: '';
    background-image: url("/layout/images/icons.svg#status-ready-view");
}

.order-history {}
.order-history__filter {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    --input-height: 30px;
    --input-bg: #fff;
}
.order-history__filter-field {}
.order-history__list {}
.order-history__list > *:where(:not(:first-child)) {
    margin-top: -1px;
}

.order-item {
    border: 1px solid #E6E6E6;
    background: #fff;
}
.order-item__head {
    font-size: 13px;
    line-height: calc(20 / 13);
    min-width: 100%;
    padding: 24px 15px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 8px;
}
.is-open > .order-item__head {
    background: var(--color-gray-0);
}
.order-item__head-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-item__title {
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: calc(22 / 16);
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 2px;
    text-align: inherit;
    color: var(--color-gray-700);
}
.is-open > .order-item__head .order-item__title {
    color: var(--color-green-dark);
}
.order-item__info {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}
.order-item__info-delivery {
    flex: 1 1 100%;
}
.order-item__info-num {
    color: var(--color-gray-500);
}
.order-item__info-count {}
.order-item__info-payment {}
.order-item__info-payment--wait {
    color: var(--color-red);
}
.order-item__info-payment--ready {
    color: var(--color-yellow);
}
.order-item__info-payment--no-ready {
    color: var(--color-red);
}
.order-item__head-middle {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-item__price {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(24 / 16);
    color: var(--color-gray-700);
}
.order-item__head-bottom {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}
.order-item__head-toggle {
    display: none;
    flex: 0 0 auto;
    --button-width: 36px;
    --button-height: 36px;
    --button-padding: 5px;
    --button-border-width: 1px;
    --button-border-color: #E6E6E6;
    --button-color: var(--color-gray-700);
}
.order-item.is-overflow .order-item__head-toggle {
    display: flex;
}
.order-item.is-open .order-item__head-toggle .svg-icon {
    transform: scaleY(-1);
}
.order-item__body {
    padding: 24px 15px;
    border-top: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.order-item__descr {
    font-size: 15px;
    line-height: calc(22 / 15);
    color: var(--color-gray-800);
}
.order-item__buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;

    --button-width: 100%;
    --button-border-width: 1px;
}
.order-item__btn-doc {
    --button-color: var(--color-gray-700);
}
.order-item__btn-pay {}
.order-item__btn-cancel {
    margin-top: 20px;

    --button-border-color: var(--color-red);
    --button-color: var(--color-red);
}
.order-item__foot {
    margin-top: 13px;
    text-align: center;
}
.order-item__foot .pvs-button {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    box-shadow: none;
}
.order-item__foot .pvs-button .svg-icon {
    transform: scaleY(-1);
}

.order-info {
    font-size: 15px;
    line-height: calc(22 / 15);
    display: grid;
    gap: 24px;
}
.order-info__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-info__title {
    font-size: 12px;
    font-weight: 600;
    line-height: calc(13 / 12);
    text-transform: uppercase;
    color: var(--color-gray-500);
}
.order-info__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-info__item {}
.order-info__price {
    font-weight: bold;
    white-space: nowrap;
}
.order-info__descr {
    font-size: 13px;
    line-height: calc(20 / 13);
    color: var(--color-gray-500);}

.order-composition {
}
.order-composition.is-open:not(.is-animate) {
    --wc-collapse-overflow: visible;
}
.order-composition__head {}
.order-composition__head .pvs-button {
    font-size: 16px;
    font-weight: 600;
    line-height: calc(22 / 16);
    box-shadow: none;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 2px;
    color: var(--color-green-dark);
}
.order-composition__table {
    padding-top: 16px;
}
.order-composition__table .basket-table {
    margin: 0;
}
.order-composition__table .basket-table-item {
    padding: 8px 15px;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: 'cont  cont  cont' 'price count sum';
    gap: 8px 20px;
}
.order-composition__table .basket-table-item__cell--count {
    text-align: right;
}
.order-composition__more-btn {
    font-size: 12px;
    font-weight: 600;
    line-height: calc(13 / 12);
    height: 54px;
    margin-top: -1px;
    border: 1px solid #E6E6E6;
    border-radius: 0 0 4px 4px;
    background: var(--color-gray-0);
    box-shadow: none;
    color: #000;
}

@media (min-width: 576px) {
    .order-item__head {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .order-item__head-top {
        flex: 1 1 calc(60% - 4px);
    }
    .order-item__head-middle {
        align-self: center;
        flex: 1 1 calc(40% - 4px);
    }
    .order-item__head-bottom {
        flex: 1 1 100%;
    }

    .order-info {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .order-history__filter {
        margin-bottom: 30px;
        gap: 16px 20px;
    }

    .order-info {
        gap: 30px;
    }
}
@media (min-width: 992px) {
    .order-item__head {
        padding: 24px;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 40px;
    }
    .order-item__head-top {
        flex: 0 0 300px;
    }
    .order-item__head-middle {
        flex: 1 1 auto;
    }
    .order-item__head-bottom {
        max-width: 188px;
        flex: 0 0 auto;
        justify-content: flex-end;
    }
    .order-item__body {
        padding: 30px;
    }
    .order-item .order-composition {
        margin-top: 6px;
    }
    .order-item__descr {
        margin-top: 6px;
    }
    .order-item__buttons {
        flex-direction: row;

        --button-width: auto;
    }
    .order-item__btn-cancel {
        margin-top: 0;
        margin-left: auto;
    }
    .order-item__foot {
        display: none;
    }

    .order-info {
        grid-template-columns: 315px 1fr;
    }

    .order-composition__table .basket-table-item {
        padding: 20px 24px 16px 24px;
    }
}
/*------------------------------ 404 ----------------------------------------*/
.is-page-404 .site-content {
    position: relative;
    background: url("/layout/images/bg-404.png") center top / 100% auto no-repeat;
    display: flex;
    flex-direction: column;
}
.is-page-404 .site-content:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 1000px;
    max-width: 100%;
    height: 650px;
    max-height: 100%;
    background: radial-gradient(ellipse closest-side at center, #fff, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0)) center center / 1000px 650px no-repeat;
    transform: translate(-50%, -50%);
}
.is-page-404 .site-content__outer {
    margin: auto;
}


.page-not-found {
    position: relative;
    font-size: 15px;
    line-height: calc(22 / 15);
    margin: auto 0;
    text-align: center;
    color: #000;
}
.page-not-found__image {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}
.page-not-found__image svg {
    flex: 0 0 auto;
}
.page-not-found__inner {}
.page-not-found__title {
    font-size: 32px;
    font-weight: 500;
    line-height: calc(40 / 32);
    margin: 0 0 30px 0;
}
.page-not-found__descr {

}
.page-not-found__buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.page-not-found__buttons .btn {}