@font-face {
    font-family: 'Golos Text';
    src: url('fonts/Golos Text.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Loos Normal';
    src: url('fonts/Loos Normal.eot');
    src: url('fonts/Loos Normal.eot#iefix') format('embedded-opentype'), url('fonts/Loos Normal.woff2') format('woff2'), url('fonts/Loos Normal.woff') format('woff'), url('fonts/Loos Normal.ttf') format('truetype');
    font-display: swap;
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

:root {
    font-family: 'Golos Text', sans-serif;
    font-size: 0;
    color: #1B1B1B;
    background-color: #F5F5FA;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

*,
*:before,
*:after {
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

a {
    color: #1B1B1B;
    text-decoration: none;
}

.app {
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto;
}

.container {
    padding: 0 64px;
}

.\!html {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.\!html a {
    color: #5E54A1;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
}

.\!html a:hover {
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    color: #8C7EE5;
}


.\!html h2 {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    color: #1B1B1B;
}

.\!html h2:not(:first-child) {
    margin-top: 40px;
}

.\!html h2:not(:last-child) {
    margin-bottom: 24px;
}

.\!html p:not(:first-child),
.\!html ol:not(:first-child),
.\!html ul:not(:first-child) {
    margin-top: 12px;
}

.\!html li:not(:first-child) {
    margin-top: 8px;
}

.\!html ol {
    padding-left: 12px;
    list-style: none;
    counter-reset: ol;
}

.\!html ol li {
    position: relative;
    padding-left: 32px;
}

.\!html ol li::before {
    display: inline-block;
    width: 28px;
    counter-increment: ol;
    content: counters(ol, ".") ".";
    color: #5E54A1;
    position: absolute;
    left: 0;
}

.\!html ul {
    padding-left: 16px;
    list-style: none;
}

.\!html ul li {
    position: relative;
    padding-left: 28px;
}

.\!html ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #5E54A1;
    position: absolute;
    left: 0;
    top: 12px;
}

.header-static {
    border-bottom: 2px solid #F0EFEF;
}

.header-static-container {
    display: flex;
    align-items: center;
    height: 96px;
    gap: 16px;
}

.header-static-logo a {
    display: inline-block;
    transition-duration: 350ms;
    width: 100%;
    max-width: 182px;
}

.header-static-logo a:hover {
    opacity: .5;
}

.header-static-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header-static-mobile-seperator {
    display: none;
    height: 40px;
    border-bottom: 2px solid #F0EFEF;
}

.header-static-mobile-seperator:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.header-static-mobile-seperator:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.header-static-phone {
    margin-left: auto;
    flex: none;
}

.header-static-phone a {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #4B4B51;
    transition-duration: 350ms;
}

.header-static-phone a:hover {
    color: #4334A1;
}

.header-nav {
    position: relative;
    background-color: #F5F5F5;
    z-index: 100;
}

.header-nav-blocks {
    display: flex;
    align-items: center;
    margin: 0 -12px;
}

.header-nav-left {
    display: flex;
    align-items: center;
}

.header-nav-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header-nav-item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    height: 56px;
    padding: 0 12px;
    transition-duration: 350ms;
}

.header-nav-item a:hover {
    color: #767680;
}

.header {
    position: sticky;
    top: 0;
    margin-bottom: 22px;
    background-color: #fff;
    z-index: 100;
}

.header.fixed {
    box-shadow: 0px 2px 10px 0px #0000001A;
}

.header-container {
    padding: 18px 0;
}

.header-blocks {
    position: relative;
    display: flex;
}

.header-left {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
}

.header-logo a {
    display: inline-block;
    transition-duration: 350ms;
    width: 100%;
    max-width: 56px;
}

.header-logo a:hover {
    opacity: .5;
}

.header-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header-buttons {
    display: flex;
    margin-left: 48px;
    gap: 8px;
}

.header-button-catalog a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    padding: 0 28px 0 24px;
    border-radius: 4px;
    color: #4334A1;
    background-color: #F0F0F7;
    gap: 8px;
    transition-duration: 350ms;
}

.header-button-catalog a:hover {
    color: #fff;
    background-color: #4334A1;
}

.header-button-catalog-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: none;
}

.header-button-catalog-icon img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: auto;
    transition-duration: 350ms;
}

.header-button-catalog-icon img:last-child {
    opacity: 0;
}

.header-button-catalog a:hover .header-button-catalog-icon img {
    filter: brightness(0) invert(1);
}

.open-catalog .header-button-catalog-icon img:last-child {
    opacity: 1;
}

.open-catalog .header-button-catalog-icon img:first-child {
    opacity: 0;
}

.header-button-service a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    padding: 0 28px 0 24px;
    border-radius: 4px;
    border: 2px solid #F0EFEF;
    gap: 8px;
    transition-duration: 350ms;
}

.header-button-service a:hover {
    background-color: #F0EFEF;
}

.header-button-service img {
    display: block;
    width: 24px;
    height: auto;
    flex: none;
}

.header-middle {
    position: relative;
    margin: 0 auto;
    max-width: 684px;
    width: 100%;
    z-index: 2;
}

.header-search-input {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 480px;
    width: 100%;
    transition-duration: 350ms;
    margin: 0 auto;
}

.header-search-icon {
    display: block;
    position: absolute;
    width: 24px;
    height: auto;
    top: calc(50% - 12px);
    left: 24px;
    transition-duration: 350ms;
    pointer-events: none;
}

.header-search-input input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding-left: 56px;
    padding-right: 24px;
    border-radius: 4px;
    color: #767680;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.header-search-clear {
    position: absolute;
    width: 24px;
    top: calc(50% - 12px);
    right: 12px;
    color: #767680;
    transition-duration: 350ms;
    cursor: pointer;
}

.open-search .header-search-input {
    max-width: 100%;
}

.header-search:not(.is-not-empty) .header-search-clear {
    opacity: 0;
    visibility: hidden;
}

html:not(.open-search) .header-search-clear {
    opacity: 0;
    visibility: hidden;
}

.header-search-clear:hover {
    color: #9B9BA2;
}

.header-search-clear svg {
    display: block;
    width: 100%;
    height: auto;
}

.header-search-dropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    padding-bottom: 24px;
    width: 100%;
    transition-duration: 350ms;
}

.header-search:not(.is-dropdown) .header-search-dropdown {
    opacity: 0;
    visibility: hidden;
}

.header-search-tags {
    padding: 12px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    flex: none;
}

.header-search-tags:not(.show) {
    display: none;
}

.header-search-tags-slider {
    touch-action: pan-y;
}

.header-search-tags-slider-wrapper {
    display: flex;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.header-search-tags-slide {
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    line-height: 150%;
    color: #4B4B51;
    white-space: nowrap;
    padding: 0 12px;
    background-color: #F5F5F5;
    flex-shrink: 0;
    transition-duration: 350ms;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
}

.header-search-tags-slide:hover {
    background-color: #F0EFEF;
    color: #767680;
}

.header-search-tags-slide:not(:last-child) {
    margin-right: 8px;
}

.header-search-body {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.header-search-loader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsl(0deg 0% 100% / 50%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    inset: 0;
}

.header-search-loader svg {
    display: block;
    width: 57px;
    height: auto;
    animation: loader 1s infinite linear;
}

.header-search-loader:not(.show) {
    display: none;
}

.header-search-tabs {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 8px;
    border-bottom: 2px solid #F0F0F0;
}

.header-search-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    padding-left: 30px;
    white-space: nowrap;
    height: 48px;
    gap: 8px;
    color: #767680;
    transition-duration: 350ms;
}

.header-search-tab:not(.disabled) {
    cursor: pointer;
}

.header-search-tab:not(.active, .disabled):hover {
    color: #5B5B63;
}

.header-search-tab.active {
    color: #1B1B1B;
}

.header-search-tab.disabled {
    color: #B9B9BD;
}

.header-search-tab span {
    width: 48px;
}

.header-search-tabs-cursor {
    position: absolute;
    background-color: #4334A1;
    height: 2px;
    transition-duration: 350ms;
    bottom: -2px;
}

.header-search-tabs-cursor:not(.show) {
    display: none;
}

.header-search-tabs-content {
    max-height: calc(100% - 58px);
    overflow-y: auto;
}

.header-search-tabs-content::-webkit-scrollbar {
    height: 18px;
    width: 18px;
    background-color: transparent;
}

.header-search-tabs-content::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 1px 3px #B9B9BD;
    border: solid 7px transparent;
    border-radius: 100px;
}

.header-search-tabs-content:not(.show) {
    display: none;
}

.header-search-tab-content:not(.active) {
    display: none;
}

.header-search-not {
    font-size: 16px;
    line-height: 150%;
    color: #5B5B63;
    text-align: center;
    padding: 24px 28px;
}

.header-search-not:not(.show) {
    display: none;
}

.header-search-empty {
    font-size: 16px;
    line-height: 150%;
    color: #5B5B63;
    text-align: center;
    padding: 24px 28px;
}

.header-search-empty:not(.show) {
    display: none;
}

.header-search-empty p:not(:first-child) {
    margin-top: 8px;
}

.header-search-product {
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 4px;
}

.header-search-product:not(:first-child) {
    border-top: 2px solid #F0EFEF;
}

.header-search-product-left {
    flex: none;
    width: 100%;
    max-width: 116px;
}

.header-search-product-photo {
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
}

.header-search-product-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.header-search-product-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    transition-duration: 350ms;
}

.header-search-product:hover .header-search-product-photo img {
    transform: scale(1.1);
}

.header-search-product-content {
    width: 100%;
    padding: 0 16px;
}

.header-search-product-name {
    font-size: 16px;
    line-height: 150%;
    transition-duration: 350ms;
}

.header-search-product-char {
    margin-top: 4px;
    font-size: 16px;
    line-height: 150%;
    color: #6A6A72;
}

.header-search-product:hover .header-search-product-name {
    color: #4334A1;
}

.header-search-product-price {
    margin-top: 16px;
}

.header-search-product-price-now {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
}

.header-right {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
}

.header-links {
    display: flex;
    margin-right: 16px;
}

.header-link {
    flex: none;
}

.header-link a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 8px;
    color: #4B4B51;
    transition-duration: 350ms;
}

.header-link a:hover {
    color: #4334A1;
}

.header-link svg {
    display: block;
    width: 28px;
    height: auto;
}

.header-link span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    background-color: #4334A1;
    color: #fff;
    min-width: 19px;
    height: 19px;
    border-radius: 10px;
    left: 27px;
    top: 10px;
    padding: 0 5px;
    transition-duration: 350ms;
}

.header-link span:empty {
    display: none;
}

.header-personal-link {
    flex: none;
}

.header-personal-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
}

.header-personal-icon {
    padding: 0 8px;
    color: #4B4B51;
    transition-duration: 350ms;
}

.header-personal-link a:hover .header-personal-icon {
    color: #5E54A1;
}

.header-personal-text {
    font-size: 18px;
    line-height: 130%;
    max-width: 177px;
    color: #6A6A72;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-duration: 350ms;
}

.header-personal-link a:hover .header-personal-text {
    color: #4334A1;
}

.header-personal-icon svg {
    display: block;
    width: 28px;
    height: auto;
}

.header-cart a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 56px;
    height: 56px;
    color: #4334A1;
    background-color: #F0F0F7;
    transition-duration: 350ms;
}

.header-cart a:hover {
    color: #fff;
    background-color: #4334A1;
}

.header-cart svg {
    display: block;
    width: 28px;
    height: auto;
}

.header-cart span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    background-color: #4334A1;
    color: #fff;
    min-width: 19px;
    height: 19px;
    border-radius: 10px;
    left: 27px;
    top: 10px;
    padding: 0 5px;
    transition-duration: 350ms;
}

.header-cart span:empty {
    display: none;
}

.header-cart a:hover span {
    background-color: #fff;
    color: #4334A1;
}

.header-menu {
    display: none;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-left: auto;
    cursor: pointer;
}

.header-menu-burger {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 18px;
}

.header-menu-burger span {
    position: absolute;
    background-color: #1B1B1B;
    width: 100%;
    height: 2px;
    transition: all 200ms ease 200ms, transform 200ms ease;
}

.header-menu:hover .header-menu-burger span {
    background-color: #767680;
}

.header-menu-burger span:nth-child(1) {
    top: 0;
}

.header-menu-burger span:nth-child(2) {
    top: calc(50% - 1px);
    right: 0;
}

.header-menu-burger span:nth-child(3) {
    bottom: 0;
}

.open-mobile-menu .header-menu-burger span {
    transition: transform 200ms ease 200ms, top 200ms ease, bottom 200ms ease, opacity 200ms ease;
}

.open-mobile-menu .header-menu-burger span:nth-child(1) {
    transform: rotate(45deg);
    top: calc(50% - 1px);
}

.open-mobile-menu .header-menu-burger span:nth-child(2) {
    opacity: 0;
}

.open-mobile-menu .header-menu-burger span:nth-child(3) {
    transform: rotate(-45deg);
    bottom: calc(50% - 1px);
}

.mobile-menu-search {
    display: none;
    position: relative;
}

.mobile-menu-search-input {
    position: relative;
}

.mobile-menu-search-input input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding-left: 44px;
    padding-right: 16px;
    border-radius: 4px;
    color: #767680;
    border: 2px solid #F5F5F5;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.mobile-menu-search-input input:focus {
    border-color: #A9A4CB;
}

.mobile-menu-search-icon {
    display: block;
    position: absolute;
    width: 24px;
    height: auto;
    top: calc(50% - 12px);
    left: 12px;
    transition-duration: 350ms;
    pointer-events: none;
}

.open-mobile-search .mobile-menu-search-input input {
    padding-left: 12px;
    padding-right: 44px;
}

.open-mobile-search .mobile-menu-search-icon {
    opacity: 0;
    visibility: hidden;
    transform: translatex(-12px);
}

.mobile-menu-search-clear {
    position: absolute;
    width: 24px;
    top: calc(50% - 12px);
    right: 12px;
    color: #767680;
    transition-duration: 350ms;
    cursor: pointer;
}

.mobile-menu-search:not(.is-not-empty) .mobile-menu-search-clear {
    opacity: 0;
    visibility: hidden;
}

html:not(.open-mobile-search) .mobile-menu-search-clear {
    opacity: 0;
    visibility: hidden;
}

.mobile-menu-search-clear:hover {
    color: #9B9BA2;
}

.mobile-menu-search-clear svg {
    display: block;
    width: 100%;
    height: auto;
}

.mobile-menu-search-dropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    width: calc(100% + (24px * 2));
    margin-left: -24px;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    transition-duration: 350ms;
    z-index: 1;
}

.mobile-menu-search:not(.is-dropdown) .mobile-menu-search-dropdown {
    opacity: 0;
    visibility: hidden;
}

.open-mobile-search .mobile-menu-block {
    /* width: calc(50% + 100px); */
    overflow: hidden;
}

.mobile-menu-search-body {
    height: 100%;
}

.mobile-menu-search-tags {
    margin-bottom: 16px;
}

.mobile-menu-search-tags:not(.show) {
    display: none;
}

.mobile-menu-search-tags-scroll {
    display: flex;
    padding: 0 24px;
    overflow-x: auto;
    gap: 6px;
    scrollbar-width: none;
}

.mobile-menu-search-tags-scroll::-webkit-scrollbar {
    display: none;
}

.mobile-menu-search-tags span {
    display: inline-flex;
    height: 28px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 140%;
    color: #4B4B51;
    white-space: nowrap;
    padding: 0 8px;
    background-color: #F5F5F5;
    transition-duration: 350ms;
    cursor: pointer;
}

.header-search-tags span:hover {
    background-color: #F0EFEF;
    color: #767680;
}

.mobile-menu-search-tabs {
    position: relative;
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
}

.mobile-menu-search-tabs::-webkit-scrollbar {
    display: none;
}

.mobile-menu-search-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    padding-left: 24px;
    white-space: nowrap;
    height: 44px;
    gap: 4px;
    color: #767680;
    border-bottom: 2px solid #F0F0F0;
    transition-duration: 350ms;
}

.mobile-menu-search-tab:not(.disabled) {
    cursor: pointer;
}

.mobile-menu-search-tab:not(.active, .disabled):hover {
    color: #5B5B63;
}

.mobile-menu-search-tab.active {
    color: #1B1B1B;
}

.mobile-menu-search-tab.disabled {
    color: #B9B9BD;
}

.mobile-menu-search-tab span {
    width: 32px;
}

.mobile-menu-search-tabs-cursor {
    position: absolute;
    background-color: #4334A1;
    height: 2px;
    transition-duration: 350ms;
    bottom: 0;
}

.mobile-menu-search-tabs-cursor:not(.show) {
    display: none;
}

.mobile-menu-search-tabs-content {
    max-height: calc(100% - 44px);
    overflow-y: auto;
}

.mobile-menu-search-tabs-content::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.mobile-menu-search-tabs-content::-webkit-scrollbar-thumb {
    background-color: #4334A1;
    border-radius: 4px;
}

.mobile-menu-search-tabs-content:not(.show) {
    display: none;
}

.mobile-menu-search-tab-content:not(.active) {
    display: none;
}

.mobile-menu-search-not {
    font-size: 14px;
    line-height: 140%;
    color: #5B5B63;
    text-align: center;
    padding: 24px;
}

.mobile-menu-search-not:not(.show) {
    display: none;
}

.mobile-menu-search-empty {
    font-size: 14px;
    line-height: 140%;
    color: #5B5B63;
    text-align: center;
    padding: 24px;
}

.mobile-menu-search-empty:not(.show) {
    display: none;
}

.mobile-menu-search-empty p:not(:first-child) {
    margin-top: 8px;
}

.mobile-menu-search-loader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsl(0deg 0% 100% / 50%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    inset: 0;
}

.mobile-menu-search-loader svg {
    display: block;
    width: 57px;
    height: auto;
    animation: loader 1s infinite linear;
}

.mobile-menu-search-loader:not(.show) {
    display: none;
}

.mobile-menu-overlow {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: 98;
    transition-duration: 350ms;
}

.header-line {
    position: absolute;
    display: flex;
    width: 100%;
    height: 40px;
    top: calc(100% - 18px);
    background-color: #fff;
    box-shadow: inset 0 -2px 0 0 #F0EFEF;
    z-index: 1;
}

.header:not(.no-fixed) .header-line {
    display: none;
}

.header-line:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.header-line:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.search-overlow {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition-duration: 350ms;
}

.open-search {
    overflow: hidden;
}

.open-search .search-overlow {
    opacity: 1;
    visibility: visible;
}

.open-search .header-search-input input {
    padding-left: 12px;
    padding-right: 44px;
}

.open-search .header-search-icon {
    opacity: 0;
    visibility: hidden;
    transform: translatex(-12px);
}

.sticky-cart {
    display: none;
    position: fixed;
    right: 32px;
    bottom: 32px;
}

.sticky-cart a {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    white-space: nowrap;
    width: 96px;
    height: 94px;
    background-color: #4334A1;
    box-shadow: 0px 4px 8px 0px #0000003D;
    border-radius: 50%;
    padding-top: 27px;
    transition-duration: 350ms;
}

.sticky-cart a:hover {
    background-color: #5E54A1;
}

.sticky-cart svg {
    display: block;
    width: 48px;
    height: auto;
}

.sticky-cart span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 32px;
    min-width: 50px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 32px;
    background-color: #fff;
    top: -8px;
    border: 1px solid #E8E8EB;
}

.b-a {
    border-bottom: 2px solid #F0EFEF;
    margin-top: -22px;
}

.b-a-block {
    display: flex;
}

.b-a-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 54px 32px 32px 0;
    min-height: 550px;
    border-right: 1px solid #F0EFEF;
}

.b-a-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 56px;
    line-height: 110%;
}

.b-a-text {
    margin-top: 24px;
}

.b-a-button {
    margin-top: 64px;
}

.b-a-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #4334A1;
    font-size: 18px;
    font-weight: 500;
    height: 67px;
    padding: 0 48px;
    border-radius: 4px;
    transition-duration: 350ms;
}

.b-a-button a:hover {
    background-color: #5B46D9;
}

.b-a-image {
    width: 50%;
    padding: 54px 0 32px 32px;
    border-left: 1px solid #F0EFEF;
}

.b-a-image-block {
    position: relative;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.b-a-image-block img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
}

.b-a-seperator-mobile-bottom {
    display: none;
    height: 80px;
    border-top: 2px solid #F0EFEF;
}

.b-a-seperator-mobile-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-a-seperator-mobile-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-b {
    padding: 64px 0;
    border-bottom: 2px solid #F0EFEF;
}

.b-b-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    margin-bottom: 48px;
    text-align: center;
}

.b-b-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.b-b-item {
    position: relative;
    display: flex;
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    width: calc((100% - 3 * 8px) / 4);
    min-height: 180px;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 24px;
    gap: 8px;
    overflow: hidden;
    transition-duration: 350ms;
    z-index: 0;
}

.b-b-item:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    inset: 0;
    background-color: #4334A1;
    transition-duration: 350ms;
    border-radius: 4px;
    z-index: -1;
}

.b-b-item:hover:before {
    height: 100%;
}

.b-b-item:hover {
    color: #fff;
}

.b-b-item:nth-child(1),
.b-b-item:nth-child(2) {
    width: calc((100% - 8px) / 2);
    min-height: 258px;
}

.b-b-item-photo {
    position: relative;
    width: 100%;
    max-width: 242px;
    margin-left: auto;
    border-radius: 4px;
    overflow: hidden;
    flex: none;
}

.b-b-item-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-b-seperator-mobile-bottom {
    display: none;
    height: 80px;
    margin-top: 32px;
    border-top: 2px solid #F0EFEF;
}

.b-b-seperator-mobile-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-b-seperator-mobile-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-c {
    border-bottom: 2px solid #F0EFEF;
}

.b-c-header {
    border-bottom: 2px solid #F0EFEF;
}

.b-c-header-blocks {
    display: flex;
}

.b-c-header-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 128px;
    padding-bottom: 40px;
    padding-left: 32px;
    border-left: 1px solid #F0EFEF;
}

.b-c-header-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 128px;
    padding-bottom: 40px;
    padding-right: 32px;
    border-right: 1px solid #F0EFEF;
}

.b-c-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.b-c-list {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    gap: 24px;
}

.b-c-item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 12px);
    padding: 24px;
    border-radius: 8px;
    background-color: #F5F5F5;
}

.b-c-item-header {
    display: flex;
    gap: 32px;
}

.b-c-item-content {
    width: 100%;
}

.b-c-item-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.b-c-item-text {
    margin-top: 16px;
}

.b-c-item-text-mobile {
    display: none;
    margin-top: 16px;
    max-width: 472px;
}

.b-c-item-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #4334A1;
    font-size: 18px;
    font-weight: 500;
    height: 67px;
    padding: 0 40px;
    border-radius: 4px;
    transition-duration: 350ms;
}

.b-c-item-button a:hover {
    background-color: #5B46D9;
}

.b-c-item-photos {
    display: flex;
    margin-top: auto;
    padding-top: 32px;
    gap: 24px;
}

.b-c-item-photo {
    width: calc(50% - 12px);
}

.b-c-item-photo div {
    position: relative;
    width: 100%;
    height: 348px;
    border-radius: 8px;
    overflow: hidden;
}

.b-c-item-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-c-item-content-photos {
    display: flex;
    margin-top: auto;
    padding-top: 32px;
    gap: 24px;
}

.b-c-item-work {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    max-width: 208px;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    flex: none;
}

.b-c-item-work img {
    display: block;
    position: absolute;
    width: 132px;
    height: auto;
    top: -16px;
    left: -40px;
}

.b-c-item-work-content {
    padding: 16px;
}

.b-c-item-work-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 34px;
    line-height: 110%;
}

.b-c-item-work-text {
    font-size: 16px;
    line-height: 140%;
    margin-top: 8px;
    color: #767680;
}

.b-c-item-content-photo {
    width: calc(100% - 232px);
}

.b-c-item-content-photo div {
    position: relative;
    width: 100%;
    height: 348px;
    border-radius: 8px;
    overflow: hidden;
}

.b-c-item-content-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-c-item-footer-mobile {
    display: none;
    margin-top: 24px;
    gap: 12px;
}

.b-d {
    border-bottom: 2px solid #F0EFEF;
}

.b-d-seperator-top {
    display: flex;
    height: 160px;
}

.b-d-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-d-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-d-seperator-bottom {
    display: flex;
    height: 160px;
    border-top: 2px solid #F0EFEF;
}

.b-d-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-d-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-d-header {
    display: flex;
}

.b-d-header-left {
    position: relative;
    width: 100%;
    max-width: 280px;
    flex: none;
}

.b-d-header-left svg {
    display: block;
    width: 100%;
    height: 100%;
}

.b-d-header-left line {
    stroke: #F0EFEF;
    stroke-width: 2;
}

.b-d-header-left .circle {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 2px solid #F0EFEF;
    transform: translate(-50%, -50%);
    inset: 50% auto auto 50%;
}

.b-d-header-right {
    position: relative;
    width: 100%;
    max-width: 280px;
    border-top: 2px solid #F0EFEF;
    flex: none;
}

.b-d-header-right svg {
    display: block;
    width: 100%;
    height: 100%;
}

.b-d-header-right line {
    stroke: #F0EFEF;
    stroke-width: 2;
}

.b-d-header-content {
    width: 100%;
    padding: 48px 0;
    border-top: 2px solid #F0EFEF;
    border-bottom: 2px solid #F0EFEF;
    text-align: center;
}

.b-d-header-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.b-d-header-text {
    margin-top: 24px;
}

.b-d-slider {
    padding-bottom: 40px;
}

.b-d-slider-seperator-top {
    display: flex;
    height: 40px;
}

.b-d-slider-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-d-slider-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-d-slider-block {
    touch-action: pan-y;
    overflow: hidden;
}

.b-d-slider-wrapper {
    display: flex;
    width: 100%;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

.b-d-slider-item {
    position: relative;
    width: 278px;
    height: 400px;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
    overflow: hidden;
    flex-shrink: 0;
    transition-duration: 350ms;
    cursor: pointer;
}

.b-d-slider-item:hover {
    border-radius: 4px;
}

.b-d-slider-item:not(:last-child) {
    margin-right: 16px;
}

.b-d-slider-item img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-d-slider-item:after {
    content: '';
    display: block;
    position: absolute;
    box-shadow: inset 0 0 0 2px #F0EFEF;
    width: 100%;
    height: 100%;
    transition-duration: 350ms;
}

.b-d-slider-item:hover:after {
    border-radius: 4px;
    box-shadow: inset 0 0 0 3px #A9A4CB;
}

.b-e {
    border-bottom: 2px solid #F0EFEF;
}

.b-e-header {
    border-bottom: 2px solid #F0EFEF;
}

.b-e-header-blocks {
    display: flex;
}

.b-e-header-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 120px;
    padding-bottom: 32px;
    padding-left: 32px;
    border-left: 1px solid #F0EFEF;
}

.b-e-header-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 120px;
    padding-bottom: 32px;
    padding-right: 32px;
    border-right: 1px solid #F0EFEF;
}

.b-e-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.b-e-list {
    display: flex;
    flex-wrap: wrap;
    padding: 32px 0;
    gap: 12px;
}

.b-e-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    width: calc((100% - 3 * 12px) / 4);
    background-color: #F5F5F5;
    border-radius: 4px;
}

.b-e-item img {
    display: block;
    width: 238px;
    height: 100px;
    object-fit: contain;
}

.b-f-seperator-top {
    display: flex;
    height: 160px;
}

.b-f-seperator-top-middle {
    height: 80px;
}

.b-f-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-f-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-f-seperator-bottom {
    display: flex;
    height: 160px;
    border-bottom: 2px solid #F0EFEF;
}

.b-f-seperator-bottom-middle {
    height: 80px;
}

.b-f-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-f-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-f-seperator-bottom-job {
    display: none;
}

.b-f-block {
    display: flex;
    background-color: #4334A1;
    color: #fff;
}

.b-f-content {
    width: 100%;
    max-width: 745px;
    padding: 64px 0;
    margin: 0 auto;
    text-align: center;
}

.b-f-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
}

.b-f-text {
    font-size: 18px;
    line-height: 150%;
    margin-top: 24px;
}

.b-f-text p:not(:first-child) {
    margin-top: 12px;
}

.b-f-button {
    margin-top: 48px;
}

.b-f-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    color: #4334A1;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 67px;
    padding: 0 48px;
    border-radius: 4px;
    transition-duration: 350ms;
}

.b-f-button a:hover {
    background-color: #F0EFEF;
}

.b-f-image-mobile {
    display: none;
}

.b-f-image-left {
    position: relative;
    width: 100%;
    max-width: 320px;
    flex: none;
}

.b-f-image-left svg {
    display: block;
    width: 100%;
    height: 100%;
}

.b-f-image-left line {
    stroke: #5B46D9;
    stroke-width: 2;
}

.b-f-image-left .line {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #5B46D9;
    top: 50%;
    left: 0;
}

.b-f-image-left .circle {
    position: absolute;
    width: 140px;
    transform: translate(-50%, -50%);
    inset: 50% auto auto 50%;
}

.b-f-image-left .circle svg {
    height: auto;
}

.b-f-image-right {
    position: relative;
    width: 100%;
    max-width: 320px;
    flex: none;
}

.b-f-image-right svg {
    display: block;
    width: 100%;
    height: 100%;
}

.b-f-image-right line {
    stroke: #5B46D9;
    stroke-width: 2;
}

.b-f-image-right .circle {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 2px solid #5B46D9;
    transform: translate(-50%, -50%);
    inset: 50% auto auto 50%;
}

.b-f-image-right .line {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #5B46D9;
    top: 50%;
    right: 0;
}

.b-h {
    padding: 64px 0;
    border-bottom: 2px solid #F0EFEF;
}

.b-h-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.b-h-item {
    display: flex;
    flex-direction: column;
    width: calc(35% - 11px);
    background-color: #F5F5F5;
    border: 2px solid #F5F5F5;
    padding: 24px;
    border-radius: 8px;
    transition-duration: 350ms;
    cursor: pointer;
}

.b-h-item:nth-child(2) {
    background-color: #fff;
    border: 2px solid #F0EFEF;
    width: calc(30% - 10px);
}

.b-h-item:hover {
    border-color: #5E54A1;
}

.b-h-item-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.b-h-item-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    gap: 16px;
}

.b-h-item-list a {
    font-size: 18px;
    line-height: 150%;
    white-space: nowrap;
    color: #767680;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
}

.b-h-item-list a:hover {
    color: #4334A1;
}

.b-h-item-text {
    margin-top: 24px;
}

.b-h-item-photo {
    margin-top: auto;
    padding-top: 29px;
}

.b-h-item-photo div {
    position: relative;
    width: 100%;
    height: 360px;
    border-radius: 4px;
    overflow: hidden;
}

.b-h-item-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-h-seperator-mobile-bottom {
    display: none;
    height: 80px;
    margin-top: 32px;
    border-top: 2px solid #F0EFEF;
}

.b-h-seperator-mobile-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-h-seperator-mobile-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-i {
    padding: 48px 0;
    border-bottom: 2px solid #F0EFEF;
}

.b-i-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.b-i-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: calc((100% - 3 * 16px) / 4);
    border-radius: 4px;
    background-color: #F5F5F5;
    transition-duration: 350ms;
    z-index: 0;
}

.b-i-item:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    inset: 0;
    background-color: #4334A1;
    transition-duration: 350ms;
    border-radius: 4px;
    z-index: -1;
}

.b-i-item:hover:before {
    height: 100%;
}

.b-i-item:hover {
    color: #fff;
}

.b-i-item-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.b-i-item-photo {
    margin-top: auto;
    padding-top: 48px;
}

.b-i-item-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 86%;
    border-radius: 4px;
    overflow: hidden;
}

.b-i-item-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-i-seperator-mobile-bottom {
    display: none;
    height: 80px;
    margin-top: 32px;
    border-top: 2px solid #F0EFEF;
}

.b-i-seperator-mobile-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-i-seperator-mobile-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-k {
    padding: 64px 0;
    border-bottom: 2px solid #F0EFEF;
}

.b-k-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    margin-bottom: 64px;
}

.b-k-block:not(:first-child) {
    margin-top: 64px;
}

.b-k-block-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 32px;
}

.b-k-list {
    column-gap: 64px;
    columns: 2;
}

.b-k-row {
    position: relative;
    display: flex;
    z-index: 0;
}

.b-k-row:before {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px dashed #767680;
    inset: auto 0 0 0;
    position: absolute;
    z-index: -1;
}

.b-k-row:not(:first-child) {
    margin-top: 16px;
}

.b-k-row-param span {
    display: inline-block;
    font-size: 18px;
    line-height: 150%;
    color: #353539;
    background-color: #fff;
}

.b-k-row-value {
    display: inline-flex;
    font-size: 18px;
    line-height: 150%;
    white-space: nowrap;
    color: #767680;
    background-color: #fff;
    margin-left: auto;
    margin-top: auto;
}

.b-k-row-value-ot {
    margin-right: 4px;
}

.b-k-row-value-currency {
    margin-left: 4px;
}

.b-k-list-button {
    margin-top: 16px;
}

.b-k-list-button span {
    font-size: 16px;
    line-height: 150%;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    color: #767680;
    transition-duration: 350ms;
    cursor: pointer;
}

.b-k-list-button span:last-child {
    display: none;
}

.b-k-block.open .b-k-list-button span:last-child {
    display: inline;
}

.b-k-block.open .b-k-list-button span:first-child {
    display: none;
}

.b-k-list-button span:hover {
    color: #4334A1;
}

.b-k-list-hide {
    max-height: 0;
    overflow: hidden;
    transition-duration: 350ms;
}

.b-k-list-hide-block {
    padding-top: 16px;
}

.b-k-seperator-mobile-bottom {
    display: none;
    height: 80px;
    border-top: 2px solid #F0EFEF;
}

.b-k-seperator-mobile-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-k-seperator-mobile-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-l {
    border-bottom: 2px solid #F0EFEF;
}

.b-l-header {
    border-bottom: 2px solid #F0EFEF;
}

.b-l-header-blocks {
    display: flex;
}

.b-l-header-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 128px;
    padding-bottom: 32px;
    padding-left: 32px;
    border-left: 1px solid #F0EFEF;
}

.b-l-header-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 128px;
    padding-bottom: 32px;
    padding-right: 32px;
    border-right: 1px solid #F0EFEF;
}

.b-l-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.b-l-list {
    display: flex;
    padding: 64px 0;
    gap: 8px;
}

.b-l-item {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.b-l-item:nth-child(1) {
    display: flex;
    aspect-ratio: 1 / 1.6486;
    width: 19.5312%;
}

.b-l-item:nth-child(2) {
    display: flex;
    aspect-ratio: 1 / 0.62718;
    width: 51.339%;
}

.b-l-item:nth-child(3) {
    display: flex;
    aspect-ratio: 1 / 1.14034;
    width: 28.2363%;
}

.b-l-item img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
}

.b-l-seperator-bottom {
    display: flex;
    height: 160px;
    border-top: 2px solid #F0EFEF;
}

.b-l-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-l-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-m {
    border-bottom: 2px solid #F0EFEF;
}

.b-m-seperator-mobile-top {
    display: none;
    height: 80px;
    border-bottom: 2px solid #F0EFEF;
}

.b-m-seperator-mobile-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-m-seperator-mobile-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-m-seperator-top {
    display: flex;
    height: 160px;
    border-bottom: 2px solid #F0EFEF;
}

.b-m-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-m-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-m-seperator-top-table {
    display: none;
}

.b-m-seperator-bottom {
    display: flex;
    height: 160px;
    border-top: 2px solid #F0EFEF;
}

.b-m-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-m-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-m-seperator-bottom-middle {
    height: 80px;
}

.b-m-blocks {
    display: flex;
}

.b-m-left {
    width: 50%;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 32px;
    border-right: 1px solid #F0EFEF;
}

.b-m-right {
    width: 50%;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    border-left: 1px solid #F0EFEF;
}

.b-m-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.b-n-row:not(:first-child) {
    margin-top: 24px;
}

.b-n-param {
    font-weight: 500;
    color: #1B1B1B;
}

.b-o:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.b-o-container {
    padding: 64px 0;
}

.b-o-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    margin-bottom: 48px;
    text-align: center;
}

.b-o-blocks {
    position: relative;
    padding: 24px;
    min-height: 762px;
    z-index: 0;
}

.b-o-map {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #F0EFEF;
    z-index: -1;
}

.b-o-content {
    width: 100%;
    max-width: 516px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 1px 7px 0px #00000040;
    overflow: hidden;
    transition-duration: 350ms;
}

.b-o-content-wrapper {
    padding: 24px;
}

.b-o-tabs {
    position: relative;
    display: flex;
    height: 63px;
    border-radius: 4px;
    margin-bottom: 34px;
    background-color: #F0EFEF;
    border: 2px solid #F0EFEF;
    z-index: 0;
}

.b-o-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 32px;
    flex: 1;
    transition-duration: 350ms;
    cursor: pointer;
}

.b-o-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.b-o-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.b-o-tab-content:not(.active) {
    display: none;
}

.b-o-tab-block:not(:first-child) {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 2px solid #F0EFEF;
}

.b-o-tab-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 16px;
}

.b-o-tab-row {
    display: flex;
    padding: 8px 0;
    gap: 16px;
}

.b-o-tab-param {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    flex: none;
}

.b-o-tab-value {
    color: #4B4B51;
}

.b-o-tab-value p:not(:first-child) {
    margin-top: 4px;
}

.b-o-tab-value-link {
    text-decoration: underline;
}

.b-p:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.b-p-seperator-top {
    display: flex;
    height: 80px;
}

.b-p-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-p-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-p-seperator-bottom {
    display: flex;
    height: 80px;
}

.b-p-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-p-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-p-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 72px 32px;
    background-color: #F5F5F5;
    gap: 24px 32px;
}

.b-p-block a {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
}

.b-p-block a:hover {
    color: #5E54A1;
}

.b-q {
    border-bottom: 2px solid #F0EFEF;
}

.b-q-list {
    display: flex;
    flex-wrap: wrap;
    gap: 48px 64px;
    padding: 64px 0;
}

.b-q-item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 32px);
    background-color: #F5F5F5;
    border-radius: 8px;
    padding: 32px;
    min-height: 400px;
    gap: 32px;
}

.b-q-item-content {
    display: flex;
    gap: 52px;
}

.b-q-item-content-price {
    display: none;
    font-size: 22px;
    line-height: 120%;
    margin-top: 16px;
    color: #767680;
}

.b-q-item-content-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 32px;
    line-height: 120%;
    width: 100%;
}

.b-q-item-content-button {
    flex: none;
}

.b-q-item-content-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #4334A1;
    font-size: 18px;
    font-weight: 500;
    height: 67px;
    transition-duration: 350ms;
    white-space: nowrap;
    padding: 0px 40px;
    border-radius: 4px;
}

.b-q-item:hover .b-q-item-content-button span {
    background-color: #5B46D9;
}

.b-q-item-price {
    margin-top: auto;
    font-size: 32px;
    line-height: 120%;
    color: #767680;
}

.b-q-seperator-bottom {
    display: none;
    height: 80px;
    border-top: 2px solid #F0EFEF;
}

.b-q-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.b-q-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.b-r {
    border-bottom: 2px solid #F0EFEF;
    margin-top: -22px;
}

.b-r-content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 102px 0 80px;
    text-align: center;
}

.b-r-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 56px;
    line-height: 110%;
}

.b-r-price {
    margin-top: 32px;
    font-size: 32px;
    line-height: 120%;
    color: #767680;
}

.b-r-button {
    margin-top: 32px;
}

.b-r-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #4334A1;
    font-size: 18px;
    font-weight: 500;
    height: 67px;
    transition-duration: 350ms;
    white-space: nowrap;
    padding: 0px 66px;
    border-radius: 4px;
    cursor: pointer;
}

.b-r-button span:hover {
    background-color: #5B46D9;
}

.b-r-list-item {
    display: flex;
    border-bottom: 2px solid #F0EFEF;
}

.b-r-list-item-left {
    font-family: 'Loos Normal', sans-serif;
    font-size: 32px;
    line-height: 120%;
    width: 50%;
    padding: 32px 32px 32px 64px;
    border-right: 1px solid #F0EFEF;
}

.b-r-list-item-right {
    font-size: 18px;
    line-height: 150%;
    width: 50%;
    padding: 32px 64px 32px 32px;
    border-left: 1px solid #F0EFEF;
}

.b-r-list-item-right p:not(:first-child) {
    margin-top: 12px;
}

.page-header-job-seperator-bottom {
    display: none;
    height: 40px;
    border-top: 2px solid #F0EFEF;
    border-bottom: 2px solid #F0EFEF;
    margin-top: 32px;
}

.page-header-job-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.page-header-job-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.catalog:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.catalog-blocks {
    display: flex;
}

.catalog-search {
    display: none;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.catalog-search-input {
    position: relative;
}

.catalog-search-icon {
    display: block;
    position: absolute;
    width: 24px;
    height: auto;
    top: calc(50% - 12px);
    left: 12px;
    transition-duration: 350ms;
    pointer-events: none;
}

.catalog-search-input.is-focus .catalog-search-icon {
    opacity: 0;
    visibility: hidden;
    transform: translatex(-12px);
}

.catalog-search-input input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding-left: 44px;
    padding-right: 24px;
    border-radius: 4px;
    color: #767680;
    background-color: #F5F5F5;
    transition-duration: 350ms;
}

.catalog-search-input.is-focus input {
    padding-left: 12px;
    padding-right: 44px;
}

.catalog-search-input-clear {
    position: absolute;
    width: 24px;
    top: calc(50% - 12px);
    right: 12px;
    color: #767680;
    transition-duration: 350ms;
    cursor: pointer;
}

.catalog-search-input:not(.is-not-empty) .catalog-search-input-clear {
    opacity: 0;
    visibility: hidden;
}

.catalog-search-input-clear:hover {
    color: #9B9BA2;
}

.catalog-search-input-clear svg {
    display: block;
    width: 100%;
    height: auto;
}

.catalog-left {
    width: 336px;
    border-right: 2px solid #F0EFEF;
    flex: none;
}

.filter {
    width: 304px !important;
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    padding: 64px 0 32px;
}

.filter-sort-title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 8px;
}

.filter-sort-button {
    position: relative;
    z-index: 1;
}

.filter-sort-button-variant {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 51px;
    gap: 8px;
    cursor: pointer;
}

.filter-sort-button-variant:not(.active) {
    display: none;
}

.filter-sort-button-icon {
    width: 16px;
    flex: none;
}

.filter-sort-button-icon svg {
    display: block;
    color: #767680;
    width: 100%;
    height: auto;
    transition-duration: 350ms;
}

.filter-sort-button-variant:hover .filter-sort-button-icon svg,
.filter-sort-button.open .filter-sort-button-icon svg {
    color: #9B9BA2;
}

.filter-sort-button-text {
    font-size: 18px;
    transition-duration: 350ms;
}

.filter-sort-button-variant:hover .filter-sort-button-text,
.filter-sort-button.open .filter-sort-button-text {
    color: #6A6A72;
}

.filter-sort-button-dropdown {
    position: absolute;
    top: 100%;
    min-width: 224px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 1px #00000026;
    background-color: #fff;
    transition-duration: 350ms;
}

.filter-sort-button-dropdown a {
    display: block;
    font-size: 16px;
    line-height: 150%;
    padding: 16px;
    color: #767680;
    transition-duration: 350ms;
}

.filter-sort-button-dropdown a.active {
    color: #1B1B1B;
    background-color: #F0F0F7;
}

.filter-sort-button-dropdown a:hover:not(.active) {
    background-color: #F5F5FA;
}

.filter-sort-button:not(.open) .filter-sort-button-dropdown {
    visibility: hidden;
    opacity: 0;
    transform: translatey(-10px);
}

.filter-overlow {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transition-duration: 350ms;
}

.filter-right {
    margin-top: 48px;
}

.filter-price-title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 16px;
}

.filter-price-inputs {
    display: flex;
    gap: 8px;
}

.filter-price-input {
    display: flex;
    align-items: center;
    padding: 0 12px;
    position: relative;
    width: calc(50% - 4px);
    height: 59px;
    pointer-events: none;
    z-index: 0;
}

.filter-price-input input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    font-size: 16px;
    line-height: 140%;
    padding-left: 36px;
    padding-right: 32px;
    border: 2px solid #E8E8EB;
    border-radius: 4px;
    pointer-events: auto;
    transition-duration: 350ms;
    z-index: -1;
}

.filter-price-input input:hover {
    border-color: #A9A4CB;
    background-color: #F5F5F5;
}

.filter-price-input input:focus {
    border-color: #A9A4CB;
    background-color: #F5F5F5;
}

.filter-price-input:last-child input {
    padding-left: 38px;
}

.filter-price-delimeter {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.filter-price-currency {
    font-size: 16px;
    line-height: 140%;
    margin-left: auto;
}

.filter-blocks {
    margin-top: 48px;
}

.filter-block:not(:first-child) {
    margin-top: 48px;
}

.filter-block-wrapper {
    overflow-y: auto;
}

.filter-block-wrapper::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.filter-block-wrapper::-webkit-scrollbar-thumb {
    background-color: #4334A1;
    border-radius: 4px;
}

.filter-block-title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 16px;
}

.filter-block-value {
    display: flex;
    align-items: center;
    padding: 8px 0;
    gap: 8px;
    cursor: pointer;
}

.filter-block-value:not(:first-child) {
    margin-top: 8px;
}

.filter-block-value input {
    display: none;
}

.filter-block-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #F5F5F5;
    border-radius: 4px;
    transition-duration: 350ms;
    flex: none;
}

.filter-block-checkbox svg {
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
}

.filter-block-value input:checked+.filter-block-checkbox svg,
.filter-block-value:hover input+.filter-block-checkbox svg {
    opacity: 1;
    visibility: visible;
}

.filter-block-value input:checked+.filter-block-checkbox {
    background-color: #4334A1;
    color: #fff;
}

.filter-block-value:hover input:not(:checked)+.filter-block-checkbox {
    background-color: #F0F0F7;
    color: #5E54A1;
}

.filter-block-name {
    font-size: 18px;
    line-height: 150%;
    width: 100%;
    transition-duration: 350ms;
}

.filter-set {
    display: none;
    flex: 1;
}

.filter-set button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    height: 56px;
    background: #4334A1;
    color: #fff;
    border-radius: 4px;
    flex: 1;
    transition-duration: 350ms;
    cursor: pointer;
}

.filter-set button:hover {
    background: #5B46D9;
}

.filter-clear:not(.show) {
    display: none;
}

.filter-clear.show {
    margin-top: 24px;
}

.filter-clear button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    height: 67px;
    border: 2px solid #F0EFEF;
    background: #fff;
    color: #1B1B1B;
    border-radius: 4px;
    gap: 8px;
    transition-duration: 350ms;
    cursor: pointer;
}

.filter-clear button:hover {
    background-color: #F0EFEF;
}

.filter-clear button svg {
    display: block;
    width: 24px;
    height: auto;
    flex: none;
}

.filter-header {
    display: none;
    gap: 16px;
    padding: 24px;
    position: relative;
    z-index: 10;
}

.filter-header.scroll {
    box-shadow: 0px 2px 10px 0px #0000001A;
}

.filter-header-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 28px;
    line-height: 110%;
}

.filter-header-close {
    flex: none;
    margin-left: auto;
}

.filter-header-close span {
    display: block;
    cursor: pointer;
    width: 20px;
    transition-duration: 350ms;
}

.filter-header-close span:hover {
    color: #9B9BA2;
}

.filter-header-close svg {
    display: block;
    width: 100%;
    height: auto;
}

.filter-panel-right {
    display: none;
    padding: 10px 0px;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.filter-mobile-button {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 44px;
    gap: 8px;
    margin-left: auto;
    cursor: pointer;
}

.filter-mobile-button-icon {
    position: relative;
    width: 16px;
    flex: none;
}

.filter-mobile-button-icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #4334A1;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    top: -4px;
    right: -4px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
}

.filter-mobile-button.not-empty .filter-mobile-button-icon:after {
    opacity: 1;
    visibility: visible;
}

.filter-mobile-button-icon svg {
    display: block;
    color: #767680;
    width: 100%;
    height: auto;
    transition-duration: 350ms;
}

.filter-mobile-button:hover .filter-mobile-button-icon svg {
    color: #9B9BA2;
}

.filter-mobile-button-text {
    font-size: 16px;
    transition-duration: 350ms;
}

.filter-mobile-button:hover .filter-mobile-button-text {
    color: #6A6A72;
}

.filter-seperator-table {
    display: none;
    height: 40px;
}

.filter-seperator-table:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.filter-seperator-table:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.catalog-right {
    width: calc(100% - 336px);
}

.catalog-items {
    padding: 32px 0 32px 32px;
}

.catalog-items-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 6px);
}

@media screen and (min-width: 1680px) {
    .catalog-item:nth-child(1) {
        order: -5;
    }

    .catalog-item:nth-child(2) {
        order: -4;
    }

    .catalog-item:nth-child(3) {
        order: -3;
    }

    .catalog-item:nth-child(4) {
        order: -2;
    }
}

.catalog-slider-block {
    width: 100%;
    margin: 32px 0;
    order: -1;
}

.catalog-slider {
    touch-action: pan-y;
    overflow: hidden;
    margin-right: -58px;
    padding-right: 64px;
    margin-left: -32px;
    padding-left: 32px;
}

.catalog-slider-wrapper {
    display: flex;
    width: 100%;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

.catalog-slide {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 844px;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 24px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform, opacity;
    transition-duration: 350ms;
    overflow: hidden;
    flex-shrink: 0;
    gap: 24px;
}

.catalog-slider-block-items-1 .catalog-slide {
    max-width: none;
}

.catalog-slide:hover {
    opacity: 0.8;
}

.catalog-slide:not(:last-child) {
    margin-right: 24px;
}

.catalog-slide-photo {
    flex: none;
    width: 278px;
}

.catalog-slide-photo div {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    border-radius: 4px;
    overflow: hidden;
    padding-top: 68%;
}

.catalog-slide-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    transition-duration: 350ms;
}

.catalog-slide:hover .catalog-slide-photo img {
    transform: scale(1.1);
}

.catalog-slide-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.catalog-slide-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.catalog-slide-text {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    margin-top: 16px;
}

.catalog-slide-text p:not(:first-child) {
    margin-top: 12px;
}

.catalog-slide-button {
    margin-top: auto;
    padding-top: 16px;
}

.catalog-slide-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    height: 42px;
    color: #4334A1;
    font-size: 18px;
    font-weight: 500;
    gap: 4px;
    cursor: pointer;
}

.catalog-slide-button span svg {
    display: block;
    width: 20px;
    height: auto;
    flex: none;
}

.catalog-item {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin: 0 -2px -2px 0;
    border: 2px solid #F0EFEF;
}

.catalog-item a {
    display: block;
    padding: 24px 24px 12px;
}

.catalog-item-photo {
    margin-bottom: 24px;
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
}

.catalog-item-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.catalog-item-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    transition-duration: 350ms;
}

.catalog-item a:hover .catalog-item-photo img {
    transform: scale(1.1);
}

.catalog-item-info {
    padding-top: 12px;
}

.catalog-item-name {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition-duration: 350ms;
}

.catalog-item a:hover .catalog-item-name {
    color: #4334A1;
}

.catalog-item-char {
    font-size: 16px;
    line-height: 150%;
    margin-top: 8px;
    color: #767680;
}

.catalog-item-footer {
    margin-top: auto;
    padding: 24px;
}

.catalog-item-price {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 12px;
}

.catalog-item-price-now {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

.catalog-item-price-old {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration-line: line-through;
}

.catalog-item-panel {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.catalog-item-fav {
    flex: none;
}

.catalog-item-fav span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 59px;
    height: 59px;
    background-color: #F5F5F5;
    transition-duration: 350ms;
    cursor: pointer;
}

.catalog-item-fav span:hover {
    background-color: #F5F5FA;
}

.catalog-item-fav svg {
    display: block;
    width: 24px;
    height: auto;
    flex: none;
}

.catalog-item-fav svg path {
    fill: transparent;
    stroke: #9B9BA2;
    stroke-width: 1.5px;
    transition-duration: 350ms;
}

.catalog-item-fav span:hover svg path {
    fill: #A9A4CB;
    stroke: transparent;
    stroke-width: 0;
}

.catalog-item-fav span.active {
    background-color: #F5F5F5;
}

.catalog-item-fav span.active svg path {
    fill: #5E54A1;
    stroke: transparent;
    stroke-width: 0;
}

.catalog-item-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    height: 59px;
    margin-top: 24px;
    border-radius: 4px;
    gap: 4px;
    color: #4334A1;
    background-color: #F0F0F7;
    transition-duration: 350ms;
    cursor: pointer;
}

.catalog-item-panel .catalog-item-buy {
    margin-top: 0;
}

.catalog-item-buy:hover {
    color: #fff;
    background-color: #4334A1;
}

.catalog-item-buy svg {
    display: block;
    width: 21px;
    height: auto;
    flex: none;
}

.catalog-empty {
    padding: 24px 0;
    width: 100%;
    text-align: center;
}

.catalog-empty-title {
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    max-width: 270px;
    color: #5B5B63;
    margin: 0 auto;
}

.button-loading {
    position: relative;
    width: 100%;
}

.button-loading-blur:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #FFFFFF1A;
    border-radius: 4px;
    overflow: hidden;
}

.button-loading-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    inset: 0;
}

.button-loading-icon svg {
    display: block;
    width: 24px;
    height: auto;
    animation: loader 1s infinite linear;
}

.button-count {
    position: relative;
    width: 100%;
}

.catalog-item-panel .button-count {
    margin-top: 0;
}

.button-count-button {
    opacity: 0;
    visibility: hidden;
}

.button-count-block {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: #4334A1;
    border-radius: 4px;
    overflow: hidden;
}

.button-count-minus {
    position: absolute;
    left: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #5B46D9;
    transition-duration: 350ms;
    cursor: pointer;
}

.button-count-minus:hover {
    background-color: #4F3DBF;
}

.button-count-minus svg {
    display: block;
    width: 16px;
    height: auto;
}

.button-count-plus {
    position: absolute;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #5B46D9;
    transition-duration: 350ms;
    cursor: pointer;
}

.button-count-plus:hover {
    background-color: #4F3DBF;
}

.button-count-plus svg {
    display: block;
    width: 16px;
    height: auto;
}

.button-count-line {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    gap: 6px;
    color: #fff;
}

.button-count-variant {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #A9A4CB;
    gap: 2px;
}

.button-loading .catalog-item-buy {
    color: #fff;
    background-color: #4334A1;
}

.button-loading .product-complect-buy {
    background-color: #5B46D9;
}

.brcr {
    padding: 32px 32px 20px;
    border-bottom: 2px solid #F0EFEF;
}

.brcr-list-scroll {
    overflow-x: auto;
    scrollbar-width: none;
}

.brcr-list-scroll::-webkit-scrollbar {
    display: none;
}

.brcr-list {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 8px;
}

.brcr-sep {
    display: block;
    width: 10px;
    height: 1px;
    background-color: #767680;
    flex: none;
}

.brcr-list a {
    display: inline-block;
    font-size: 16px;
    line-height: 150%;
    color: #767680;
    transition-duration: 350ms;
}

.brcr-list a:hover {
    color: #4334A1;
}

.brcr-title {
    display: none;
    margin-top: 8px;
    font-size: 22px;
    line-height: 120%;
    font-family: 'Loos Normal', sans-serif;
}

.product-brcr {
    display: flex;
    align-items: center;
    gap: 32px;
}

.product-brcr .brcr-list-scroll {
    width: 100%;
}

.brcr-panel {
    display: flex;
    align-items: center;
    width: 27%;
    max-width: 500px;
    flex: none;
}

.brcr-panel-button {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 6px;
    flex: 1;
    cursor: pointer;
}

.brcr-panel-button-text {
    font-size: 16px;
    line-height: 150%;
    color: #767680;
    width: 100px;
    flex: none;
    transition-duration: 350ms;
}

.brcr-panel-button:hover .brcr-panel-button-text {
    color: #A9A4CB;
}

.brcr-panel-button.active .brcr-panel-button-text {
    color: #767680;
}

.brcr-panel-button.active:hover .brcr-panel-button-text {
    color: #A9A4CB;
}

.brcr-panel-button-text span:last-child {
    display: none;
}

.brcr-panel-button.active .brcr-panel-button-text span:last-child {
    display: inline;
}

.brcr-panel-button.active .brcr-panel-button-text span:first-child {
    display: none;
}

.brcr-panel-button-icon {
    flex: none;
}

.brcr-panel-button-icon svg {
    display: block;
    width: 24px;
    height: auto;
}

.brcr-panel-button-favorite .brcr-panel-button-icon svg path {
    fill: transparent;
    stroke: #B9B9BD;
    stroke-width: 2px;
    transition-duration: 350ms;
}

.brcr-panel-button-favorite:hover .brcr-panel-button-icon svg path {
    fill: #A9A4CB;
    stroke: transparent;
    stroke-width: 0;
}

.brcr-panel-button-favorite.active .brcr-panel-button-icon svg path {
    fill: #5E54A1;
    stroke: transparent;
    stroke-width: 0;
}

.brcr-panel-button-favorite.active:hover .brcr-panel-button-icon svg path {
    fill: #A9A4CB;
}

.brcr-panel-button-compare .brcr-panel-button-icon svg path {
    fill: transparent;
    stroke: #B9B9BD;
    stroke-width: 2px;
    transition-duration: 350ms;
}

.brcr-panel-button-compare:hover .brcr-panel-button-icon svg path {
    stroke: #A9A4CB;
}

.brcr-panel-button-compare.active .brcr-panel-button-icon svg path {
    fill: #5E54A1;
}

.brcr-panel-button-compare.active .brcr-panel-button-icon svg path:first-child {
    stroke: transparent;
}

.brcr-panel-button-compare.active .brcr-panel-button-icon svg path:last-child {
    stroke: #fff;
}

.brcr-panel-button-compare.active:hover .brcr-panel-button-icon svg path {
    fill: #A9A4CB;
}

.product-panel {
    display: none;
    align-items: center;
}

.product-panel-button {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 6px;
    flex: 1;
    width: 50%;
    height: 64px;
    cursor: pointer;
}

.product-panel-button:first-child {
    border-right: 1px solid #F0EFEF;
}

.product-panel-button:last-child {
    border-left: 1px solid #F0EFEF;
}

.product-panel-button-text {
    font-size: 16px;
    line-height: 140%;
    color: #767680;
    width: 100px;
    flex: none;
    transition-duration: 350ms;
}

.product-panel-button:hover .product-panel-button-text {
    color: #A9A4CB;
}

.product-panel-button.active .product-panel-button-text {
    color: #767680;
}

.product-panel-button.active:hover .product-panel-button-text {
    color: #A9A4CB;
}

.product-panel-button-text span:last-child {
    display: none;
}

.product-panel-button.active .product-panel-button-text span:last-child {
    display: inline;
}

.product-panel-button.active .product-panel-button-text span:first-child {
    display: none;
}

.product-panel-button-icon {
    flex: none;
}

.product-panel-button-icon svg {
    display: block;
    width: 24px;
    height: auto;
}

.product-panel-button-favorite .product-panel-button-icon svg path {
    fill: transparent;
    stroke: #B9B9BD;
    stroke-width: 2px;
    transition-duration: 350ms;
}

.product-panel-button-favorite:hover .product-panel-button-icon svg path {
    fill: #A9A4CB;
    stroke: transparent;
    stroke-width: 0;
}

.product-panel-button-favorite.active .product-panel-button-icon svg path {
    fill: #5E54A1;
    stroke: transparent;
    stroke-width: 0;
}

.product-panel-button-favorite.active:hover .product-panel-button-icon svg path {
    fill: #A9A4CB;
}

.product-panel-button-compare .product-panel-button-icon svg path {
    fill: transparent;
    stroke: #B9B9BD;
    stroke-width: 2px;
    transition-duration: 350ms;
}

.product-panel-button-compare:hover .product-panel-button-icon svg path {
    stroke: #A9A4CB;
}

.product-panel-button-compare.active .product-panel-button-icon svg path {
    fill: #5E54A1;
}

.product-panel-button-compare.active .product-panel-button-icon svg path:first-child {
    stroke: transparent;
}

.product-panel-button-compare.active .product-panel-button-icon svg path:last-child {
    stroke: #fff;
}

.product-panel-button-compare.active:hover .product-panel-button-icon svg path {
    fill: #A9A4CB;
}

.product {
    padding: 0 32px;
}

.product:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.product-blocks {
    display: flex;
    gap: 32px;
}

.product-left {
    width: 458px;
    padding: 32px 0;
    flex: none;
}

.product-photos {
    touch-action: pan-y;
    overflow: hidden;
    border: 2px solid #F0EFEF;
    border-radius: 4px;
}

.product-photos-wrapper {
    display: flex;
    width: 100%;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

.product-photos-item {
    position: relative;
    width: 100%;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

.product-photos-item div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.product-photos-item img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
}

.product-photos-thumb {
    touch-action: pan-y;
    overflow: hidden;
    margin-top: 16px;
}

.product-photos-thumb-wrapper {
    display: flex;
    width: 100%;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

.product-photos-thumb-item {
    position: relative;
    width: 92px;
    border-radius: 4px;
    border: 2px solid transparent;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-duration: 350ms;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

.product-photos-thumb-item:not(:last-child) {
    margin-right: 8px;
}

.product-photos-thumb-item div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.product-photos-thumb-item.active {
    border-color: #5E54A1;
}

.product-photos-thumb-item:not(.active):hover {
    border-color: #A9A4CB;
}

.product-photos-thumb-item img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0.6;
    transition-duration: 350ms;
    object-fit: contain;
}

.product-photos-thumb-item.active img {
    opacity: 1;
}

.product-photos-thumb-item:hover img {
    opacity: 1;
}

.product-center {
    border-left: 2px solid #F0EFEF;
    padding: 32px;
    width: 100%;
    max-width: 920px;
    min-width: 720px;
}

.product-center:not(:last-child) {
    border-right: 2px solid #F0EFEF;
}

.product-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 32px;
    line-height: 120%;
}

.product-offer {
    margin-top: 40px;
}

.product-offer-title {
    font-size: 22px;
    line-height: 120%;
    margin-bottom: 20px;
}

.product-offer-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.product-offer-list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    border: 2px solid #F0EFEF;
    border-radius: 2px;
    height: 47px;
    padding: 0 28px;
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    transition-duration: 350ms;
    cursor: pointer;
}

.product-offer-list span.active {
    color: #1B1B1B;
    border-color: #4B4B51;
}

.product-offer-list span:not(.active):hover {
    color: #4B4B51;
    border-color: #B9B9BD;
}

.product-chars {
    margin-top: 40px;
}

.product-chars-title {
    font-size: 22px;
    line-height: 120%;
    margin-bottom: 20px;
}


.product-chars-row {
    position: relative;
    display: flex;
    z-index: 0;
}

.product-chars-row:before {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #E8E8EB;
    inset: auto 0 0 0;
    position: absolute;
    z-index: -1;
}

.product-chars-row:not(:first-child) {
    margin-top: 12px;
}

.product-chars-row-param span {
    display: inline-block;
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    background-color: #fff;
}

.product-chars-row-value {
    display: inline-flex;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    white-space: nowrap;
    background-color: #fff;
    margin-left: auto;
    margin-top: auto;
}

.product-chars-all {
    margin-top: 16px;
}

.product-chars-all span {
    font-size: 16px;
    line-height: 150%;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    color: #767680;
    transition-duration: 350ms;
    cursor: pointer;
}

.product-chars-all span:hover {
    color: #4334A1;
}

.product-right {
    width: 100%;
    max-width: 500px;
    padding: 32px 0;
}

.product-right-seperator-top {
    display: none;
    height: 80px;
    margin: 32px -32px 0;
    border-top: 2px solid #F0EFEF;
}

.product-right-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.product-right-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.product-right-seperator-bottom {
    display: none;
    height: 80px;
    margin: 0 -32px;
}

.product-right-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.product-right-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.product-variants {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-variants-tabs {
    position: relative;
    display: flex;
    height: 63px;
    border-radius: 4px;
    margin-bottom: 16px;
    background-color: #F0EFEF;
    border: 2px solid #F0EFEF;
    z-index: 0;
}

.product-variants-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 32px;
    flex: 1;
    width: 50%;
    transition-duration: 350ms;
    cursor: pointer;
}

.product-variants-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.product-variants-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.product-variants-tabs-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-variants-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-variants-tab-content:not(.active) {
    display: none;
}

.product-complect-noty {
    border-radius: 4px;
    background-color: #F5F5FA;
    color: #5E54A1;
}

.product-complect-noty-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    padding: 12px;
}

.product-complect-noty-row:not(:first-child) {
    border-top: 1px solid #E8E8EB;
}

.product-complect-noty svg {
    display: block;
    width: 20px;
    margin-top: 2px;
    height: auto;
    flex: none;
}

.product-only-noty {
    border-radius: 4px;
    background-color: #F5F5FA;
    color: #5B5B63;
}

.product-only-noty-row {
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    padding: 12px 16px;
}

.product-only-noty-row:not(:first-child) {
    border-top: 1px solid #E8E8EB;
}

.product-only-noty-row p:not(:first-child) {
    margin-top: 10px;
}

.product-only-noty-color {
    color: #5E54A1;
}

.product-complect-list {
    margin-top: 16px;
}

.product-complect-row:not(:first-child) {
    margin-top: 16px;
}

.product-complect-row-name {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.product-complect-row-value {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
}

.product-complect-sale {
    margin-top: 16px;
}

.product-complect-sale-name {
    font-size: 18px;
    line-height: 150%;
    color: #5E54A1;
}

.product-complect-sale-value {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #4334A1;
}

.product-complect-footer {
    padding-top: 32px;
    margin-top: auto;
}

.product-complect-sale-noty {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    margin-top: 2px;
    color: #5E54A1;
}

.product-complect-price {
    display: flex;
    white-space: nowrap;
    gap: 12px;
}

.product-complect-price-now {
    font-size: 27px;
    line-height: 140%;
    font-weight: 600;
}

.product-complect-price-old {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration-line: line-through;
    margin-top: auto;
}

.product-complect-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    height: 67px;
    border-radius: 4px;
    gap: 8px;
    margin-top: 16px;
    color: #fff;
    background-color: #4334A1;
    transition-duration: 350ms;
    cursor: pointer;
}

.product-complect-buy:hover {
    background-color: #5B46D9;
}

.product-complect-buy svg {
    display: block;
    width: 21px;
    height: auto;
    flex: none;
}

.product-complect-cart {
    margin-top: 40px;
    max-width: 396px;
}

.product-slider {
    padding-top: 64px;
}

.product-slider:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.product-slider:last-child {
    padding-bottom: 32px;
}

.product-slider:last-child .product-slider-seperator-bottom {
    display: none;
}

.product-slider-header {
    display: flex;
    align-items: center;
    padding: 0 32px;
    margin-bottom: 32px;
}

.product-slider-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 36px;
    line-height: 120%;
    width: 100%;
    text-align: center;
}

.product-slider-fixed {
    width: 150px;
    flex: none;
}

.product-slider-button {
    flex: none;
}

.product-slider-button a {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    white-space: nowrap;
    height: 51px;
    gap: 8px;
    transition-duration: 350ms;
}

.product-slider-button a:hover {
    color: #5E54A1;
}

.product-slider-button svg {
    display: block;
    width: 24px;
    height: auto;
}

.product-slider-button-mobile {
    display: none;
    border-bottom: 2px solid #F0EFEF;
}

.product-slider-button-mobile a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    color: #767680;
    white-space: nowrap;
    padding: 0 16px;
    height: 88px;
    gap: 8px;
    transition-duration: 350ms;
}

.product-slider-button-mobile a:hover {
    color: #5E54A1;
}

.product-slider-button-mobile svg {
    display: block;
    width: 24px;
    height: auto;
}

.product-slider-block {
    touch-action: pan-y;
    overflow: hidden;
    border-bottom: 2px solid #F0EFEF;
}

.product-slider-wrapper {
    display: flex;
    width: 100%;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

.product-slider-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 523px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
    overflow: hidden;
    flex-shrink: 0;
    border-left: 1px solid #F0EFEF;
    border-right: 1px solid #F0EFEF;
    border-top: 2px solid #F0EFEF;
    padding: 24px 16px 24px 24px;
    gap: 24px;
}

.product-slider-item:first-child {
    border-left: 2px solid #F0EFEF;
}

.product-slider-item:last-child {
    border-right: 2px solid #F0EFEF;
}

.product-slider-cnt-1 .product-slider-item {
    max-width: calc(50% + 1px);
}

.product-slider-cnt-2 .product-slider-item {
    max-width: 50%;
}

.product-slider-item:last-child {
    border-right: 2px solid #F0EFEF;
}

.product-slider-item-photo {
    width: 188px;
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
    flex: none;
}

.product-slider-item-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.product-slider-item-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    transition-duration: 350ms;
}

.product-slider-item:hover .product-slider-item-photo img {
    transform: scale(1.1);
}

.product-slider-item-content {
    width: 100%;
}

.product-slider-item-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition-duration: 350ms;
}

.product-slider-item:hover .product-slider-item-title {
    color: #4334A1;
}

.product-slider-item-char {
    font-size: 18px;
    line-height: 150%;
    margin-top: 8px;
    color: #767680;
}

.product-slider-item-footer {
    padding-top: 24px;
}

.product-slider-item-prices {
    display: flex;
    white-space: nowrap;
    gap: 12px;
}

.product-slider-item-price-now {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

.product-slider-item-price-old {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration-line: line-through;
    margin-top: auto;
}

.product-slider-seperator-bottom {
    display: flex;
    height: 80px;
}

.product-slider-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.product-slider-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.product-banner {
    display: flex;
    padding: 0 32px;
}

.product-banner:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.product-banner-header {
    width: 492px;
    padding: 32px 32px 32px 0;
    border-right: 2px solid #F0EFEF;
    flex: none;
}

.product-banner-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 36px;
    line-height: 120%;
}

.product-banner-content {
    width: 100%;
    padding: 32px 0 32px 32px;
}

.product-banner-block {
    display: flex;
    gap: 32px;
}

.product-banner-image {
    flex: none;
    position: relative;
    width: 400px;
    min-height: 210px;
    border-radius: 4px;
    overflow: hidden;
    flex: none;
}

.product-banner-image img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
}

.product-banner-context {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-banner-context-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.product-banner-context-text {
    font-size: 18px;
    line-height: 150%;
    margin-top: 16px;
    max-width: 600px;
    color: #767680;
}

.product-banner-context-text p:not(:first-child) {
    margin-top: 8px;
}

.product-banner-context-button {
    margin-top: auto;
    padding-top: 24px;
}

.product-banner-context-button a {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #4334A1;
    white-space: nowrap;
    height: 51px;
    gap: 8px;
    transition-duration: 350ms;
}

.product-banner-context-button a svg {
    display: block;
    width: 24px;
    height: auto;
}

.product-banner-context-button a:hover {
    color: #5E54A1;
}

.product-docs {
    display: flex;
    padding: 0 32px;
}

.product-docs:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.product-docs-header {
    width: 492px;
    padding: 32px 32px 32px 0;
    border-right: 2px solid #F0EFEF;
    flex: none;
}

.product-docs-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 36px;
    line-height: 120%;
}

.product-docs-content {
    width: 100%;
    padding: 32px 0 64px 32px;
}

.product-docs-panel {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 44px;
    color: #767680;
}

.product-docs-panel span {
    color: #1B1B1B;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.product-docs-panel span:hover {
    color: #4334A1;
}

.product-docs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
}

.product-doc {
    display: flex;
    width: 100%;
    max-width: 488px;
    gap: 12px;
}

.product-doc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #F0EFEF;
    color: #767680;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    transition-duration: 350ms;
    flex: none;
}

.product-doc-icon svg {
    display: block;
    width: 20px;
    height: auto;
}

.product-doc:hover .product-doc-icon {
    color: #5E54A1;
}

.product-doc-name {
    font-size: 18px;
    line-height: 150%;
    color: #353539;
    transition-duration: 350ms;
}

.product-doc:hover .product-doc-name {
    color: #4334A1;
}

.product-doc-size {
    font-size: 16px;
    line-height: 150%;
    margin-top: 4px;
    color: #767680;
}

.product-all-chars {
    display: flex;
    padding: 0 32px;
}

.product-all-chars:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.product-all-chars-header {
    width: 492px;
    padding: 32px 32px 32px 0;
    border-right: 2px solid #F0EFEF;
    flex: none;
}

.product-all-chars-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 36px;
    line-height: 120%;
}

.product-all-chars-content {
    width: 100%;
    padding: 32px 0 64px 32px;
}

.product-all-chars-list {
    width: 100%;
    max-width: 1020px;
    column-gap: 44px;
    columns: 2;
}

.product-all-chars-item {
    break-inside: avoid;
}

.product-all-chars-item:not(:first-child) {
    margin-top: 16px;
}

.product-all-chars-param {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.product-all-chars-value {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
}

.product-desc {
    display: flex;
    padding: 0 32px;
}

.product-desc:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.product-desc-header {
    width: 492px;
    padding: 32px 32px 32px 0;
    border-right: 2px solid #F0EFEF;
    flex: none;
}

.product-desc-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 36px;
    line-height: 120%;
}

.product-desc-content {
    width: 100%;
    max-width: 888px;
    padding: 32px 0 64px 32px;
}

.product-desc-seperatop-top {
    display: none;
    height: 80px;
    border-bottom: 2px solid #F0EFEF;
}

.product-desc-seperatop-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.product-desc-seperatop-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.product-mobile-footer {
    display: none;
    padding-top: 16px;
}

.page-header {
    margin-top: -22px;
    border-bottom: 2px solid #F0EFEF;
}

.page-header-blocks {
    display: flex;
}

.page-header-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 102px;
    padding-bottom: 32px;
    padding-right: 32px;
    border-right: 1px solid #F0EFEF;
}

.page-header-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    padding-top: 102px;
    padding-bottom: 32px;
    padding-left: 32px;
    border-left: 1px solid #F0EFEF;
}

.page-header-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 56px;
    line-height: 110%;
}

.page-content {
    padding: 48px 0;
    max-width: 1024px;
}

.parts {
    padding-top: 40px;
    padding-bottom: 64px;
}

.parts:not(:last-child) {
    border-bottom: 2px solid #F0EFEF;
}

.parts-header {
    margin-bottom: 32px;
}

.parts-header-content {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.parts-header-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 56px;
    line-height: 110%;
}

.parts-header-text {
    margin: 16px auto 0;
    max-width: 560px;
    width: 100%;
}

.parts-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.parts-list a {
    position: relative;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 24px;
    width: calc((100% - 3 * 8px) / 4);
    min-height: 180px;
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    overflow: hidden;
    transition-duration: 350ms;
    z-index: 0;
}

.parts-list a:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    inset: 0;
    background-color: #4334A1;
    transition-duration: 350ms;
    border-radius: 4px;
    z-index: -1;
}

.parts-list a:hover {
    color: #fff;
}

.parts-list a:hover:before {
    height: 100%;
}

.parts-desc {
    border-top: 2px solid #F0EFEF;
}

.parts-desc-blocks {
    display: flex;
}

.parts-desc-header {
    width: 50%;
    padding: 32px 32px 32px 0;
    border-right: 1px solid #F0EFEF;
}

.parts-desc-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.parts-desc-content {
    width: 50%;
    padding: 32px 0 32px 32px;
    border-left: 1px solid #F0EFEF;
}

.parts-desc-seperator-bottom {
    display: flex;
    height: 80px;
    border-top: 2px solid #F0EFEF;
}

.parts-desc-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.parts-desc-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.parts-page-header {
    padding: 32px 0 20px;
}

.parts-page-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    max-width: 1024px;
    margin-top: 8px;
    width: 100%;
}

.parts-page-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
}

.parts-page-list .catalog-item {
    width: calc(100% / 6);
}

.parts-page-products {
    padding-bottom: 64px;
    border-bottom: 2px solid #F0EFEF;
}

.cart {
    padding: 64px 0;
}

.cart-blocks {
    display: flex;
    gap: 64px;
}

.cart-left {
    width: calc(100% - 544px);
}

.cart-item {
    border-radius: 8px;
    border: 2px solid #F0EFEF;
    background-color: #fff;
    transition-duration: 350ms;
    overflow: hidden;
}

.cart-item:not(:first-child) {
    margin-top: 24px;
}

.cart-item-product {
    padding: 32px;
}

.cart-item-blocks {
    display: flex;
    gap: 28px;
}

.cart-item-left {
    width: 100%;
    max-width: 232px;
    flex: none;
}

.cart-item-left a {
    display: block;
}

.cart-item-photo {
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
}

.cart-item-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.cart-item-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    transition-duration: 350ms;
}

.cart-item-left a:hover img {
    transform: scale(1.1);
}

.cart-item-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
}

.cart-right {
    width: 480px;
    margin-left: auto;
    flex: none;
}

.cart-item-top {
    display: flex;
    gap: 24px;
}

.cart-item-info {
    width: 100%;
}

.cart-item-name a {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition-duration: 350ms;
}

.cart-item-name a:hover {
    color: #4334A1;
}

.cart-item-char {
    margin-top: 8px;
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.cart-item-prices {
    flex: none;
    white-space: nowrap;
    margin-left: auto;
    text-align: right;
}

.cart-item-prices-mobile {
    display: none;
}

.cart-item-price-now {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

.cart-item-type {
    margin-top: 4px;
}

.cart-item-type span {
    color: #4334A1;
    font-size: 16px;
    line-height: 150%;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-item-type span:hover {
    color: #8C7EE5;
}

.cart-item-bottom {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    gap: 16px;
}

.cart-item-remove span {
    display: block;
    width: 28px;
    color: #B9B9BD;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-item-remove span:hover {
    color: #767680;
}

.cart-item-remove span svg {
    display: block;
    width: 100%;
    height: auto;
}

.cart-item-count-input {
    position: relative;
    display: flex;
    align-items: center;
    height: 51px;
    width: 108px;
    z-index: 0;
}

.cart-item-count-input input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
    border: 2px solid #F0EFEF;
    border-radius: 4px;
    transition-duration: 350ms;
    z-index: -1;
}

.cart-item-count-input:hover input {
    border-color: #A9A4CB;
    background-color: #F5F5F5;
}

.cart-item-count-input input:focus {
    border-color: #A9A4CB;
    background-color: #F5F5F5;
}

.cart-item-count-minus {
    display: block;
    position: absolute;
    width: 24px;
    left: 8px;
    transition-duration: 350ms;
}

.cart-item-count-minus:not(.disabled):hover {
    color: #767680;
}

.cart-item-count-minus:not(.disabled) {
    cursor: pointer;
}

.cart-item-count-minus.disabled {
    color: #B9B9BD;
}

.cart-item-count-minus svg {
    display: block;
    width: 100%;
    height: auto;
}

.cart-item-count-plus {
    display: block;
    position: absolute;
    width: 24px;
    right: 8px;
    transition-duration: 350ms;
}

.cart-item-count-plus:not(.disabled) {
    cursor: pointer;
}

.cart-item-count-plus:not(.disabled):hover {
    color: #767680;
}

.cart-item-count-plus.disabled {
    color: #B9B9BD;
}

.cart-item-count-plus svg {
    display: block;
    width: 100%;
    height: auto;
}

.cart-item-noty {
    display: flex;
    align-items: center;
    margin-top: 32px;
    background-color: #F0F0F7;
    border-radius: 4px;
    padding: 16px 16px 16px 24px;
    gap: 16px;
}

.cart-item-noty-button {
    flex: none;
    margin-left: auto;
}

.cart-item-noty-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    color: #4334A1;
    display: inline-flex;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 4px;
    height: 48px;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-item-noty-button span:hover {
    border-color: #8C7EE5;
    background-color: #DEDDEC;
}

.cart-item-noty-content {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    color: #4334A1;
    gap: 12px;
}

.cart-item-noty-icon {
    width: 24px;
    flex: none;
}

.cart-item-noty-icon svg {
    display: block;
    width: 100%;
    height: auto;
}

.cart-item-backup {
    display: none;
    padding: 24px;
}

.cart-item-backup-timer {
    margin-bottom: 16px;
}

.cart-item-backup-timer-el {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.cart-item-backup-timer-el svg {
    display: block;
    width: 100%;
    height: auto;
    transform: rotate(-90deg);
}

.cart-item-backup-timer-el svg circle {
    stroke-dasharray: 143px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: #E8E8EB;
    fill: none;
    animation: countdown 5s linear forwards;
}

@keyframes countdown {
    from {
        stroke-dashoffset: 143px;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.cart-item-backup-timer-el span {
    position: absolute;
    font-size: 18px;
    line-height: 150%;
}

.cart-item-backup-button {
    margin-top: 16px;
}

.cart-item-backup-button span {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-item-backup-button span:hover {
    color: #5E54A1;
}

.cart-item.is-backup .cart-item-backup {
    display: block;
}

.cart-item.is-backup .cart-item-product {
    display: none;
}

.cart-panel {
    position: sticky;
    border-radius: 8px;
    background-color: #F5F5F5;
    padding: 32px;
    top: 124px;
}

.cart-panel-row {
    display: flex;
}

.cart-panel-row:not(:first-child) {
    margin-top: 16px;
}

.cart-panel-value {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-left: auto;
    white-space: nowrap;
    flex: none;
}

.cart-panel-param {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.cart-panel-param-cart {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    gap: 4px;
}

.cart-panel-value-cart div:last-child {
    display: none;
}

.cart-panel.blocked .cart-panel-value-cart div:first-child {
    display: none;
}

.cart-panel.blocked .cart-panel-value-cart div:last-child {
    display: block;
}

.cart-panel-total {
    margin-top: 48px;
}

.cart-panel-total-row {
    display: flex;
    align-items: center;
}

.cart-panel.blocked .cart-panel-total-row {
    display: none;
}

.cart-panel-total-param {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.cart-panel-total-value {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
    margin-left: auto;
    white-space: nowrap;
    flex: none;
}

.cart-panel-button:not(:first-child) {
    margin-top: 24px;
}

.cart-panel-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
}

.cart-panel:not(.blocked) .cart-panel-button a {
    cursor: pointer;
}

.cart-panel:not(.blocked) .cart-panel-button a:hover {
    background-color: #5B46D9;
}

.cart-panel.blocked .cart-panel-button a {
    opacity: 0.3;
    pointer-events: none;
}

.cart-panel-politic {
    margin-top: 24px;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    color: #767680;
}

.cart-panel-politic a {
    color: #767680;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
}

.cart-panel-politic a:hover {
    color: #5E54A1;
}

.cart-panel-seperator-top {
    display: none;
    height: 80px;
}

.cart-panel-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.cart-panel-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.cart-panel-seperator-bottom {
    display: none;
    height: 80px;
}

.cart-panel-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.cart-panel-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.cart-empty {
    text-align: center;
    padding: 88px 0;
}

.cart-empty-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 24px;
}

.cart-empty-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    height: 67px;
    width: 100%;
    max-width: 400px;
    padding: 0 24px;
    border-radius: 4px;
    border: 2px solid #F0EFEF;
    gap: 8px;
    transition-duration: 350ms;
}

.cart-empty-button a:hover {
    background-color: #F0EFEF;
}

.cart-empty-button a svg {
    display: block;
    width: 21px;
    height: auto;
    flex: none;
}

.cart-empty-seperator-mobile-bottom {
    display: none;
    height: 80px;
    border-top: 2px solid #F0EFEF;
    margin: 32px -32px 0;
}

.cart-empty-seperator-mobile-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.cart-empty-seperator-mobile-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.open-modal-type {
    overflow: hidden;
}

.cart-modal-type {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

.cart-modal-type:not(.open) {
    opacity: 0;
    visibility: hidden;
}

.cart-modal-type:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.cart-modal-type-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 500px;
    width: 100%;
    white-space: normal;
}

.cart-modal-type-content {
    background-color: #fff;
    padding: 32px;
    border-radius: 8px;
    transform: translatey(-100px);
    transition-duration: 350ms;
}

.open-modal-type .cart-modal-type-content {
    transform: translatey(0);
}

.cart-modal-type-close {
    position: absolute;
    width: 24px;
    top: 32px;
    right: 32px;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-modal-type-close:hover {
    color: #9B9BA2;
}

.cart-modal-type-close svg {
    display: block;
    width: 100%;
    height: auto;
}

.cart-modal-type-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
    margin-bottom: 20px;
    padding-right: 32px;
}

.cart-modal-product-variants-tabs {
    position: relative;
    display: flex;
    height: 55px;
    border-radius: 4px;
    margin-bottom: 16px;
    background-color: #E8E8EB;
    border: 2px solid #E8E8EB;
    z-index: 0;
}

.cart-modal-product-variants-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 32px;
    flex: 1;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-modal-product-variants-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.cart-modal-product-variants-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.cart-modal-product-variants-tab-content:not(.active) {
    display: none;
}

.cart-modal-product-complect-noty {
    border-radius: 4px;
    background-color: #F5F5FA;
    color: #5E54A1;
}

.cart-modal-product-complect-noty-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    padding: 16px;
}

.cart-modal-product-complect-noty-row:not(:first-child) {
    border-top: 1px solid #E8E8EB;
}

.cart-modal-product-complect-noty svg {
    display: block;
    width: 20px;
    margin-top: 2px;
    height: auto;
    flex: none;
}

.cart-modal-product-only-noty {
    border-radius: 4px;
    background-color: #F5F5F5;
    border: 1px solid #F0EFEF;
    color: #5B5B63;
}

.cart-modal-product-only-noty-row {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    padding: 16px;
}

.cart-modal-product-only-noty-row:not(:first-child) {
    border-top: 1px solid #E8E8EB;
}

.cart-modal-product-only-noty-row-color {
    color: #5E54A1;
}

.cart-modal-product-only-noty p:not(:first-child) {
    margin-top: 12px;
}

.cart-modal-product-complect-list {
    margin-top: 20px;
}

.cart-modal-product-complect-row:not(:first-child) {
    margin-top: 16px;
}

.cart-modal-product-complect-row-name {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.cart-modal-product-complect-row-value {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
}

.cart-modal-product-complect-sale {
    margin-top: 16px;
}

.cart-modal-product-complect-sale-name {
    font-size: 18px;
    line-height: 150%;
    color: #5E54A1;
}

.cart-modal-product-complect-sale-value {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #4334A1;
}

.cart-modal-product-complect-footer {
    padding-top: 32px;
    margin-top: auto;
}

.cart-modal-product-complect-price {
    display: flex;
    white-space: nowrap;
    gap: 12px;
}

.cart-modal-product-complect-price-now {
    font-size: 27px;
    line-height: 140%;
    font-weight: 600;
}

.cart-modal-product-complect-price-old {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration-line: line-through;
    margin-top: auto;
}

.cart-modal-product-complect-save {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    height: 67px;
    border-radius: 4px;
    gap: 8px;
    margin-top: 16px;
    color: #fff;
    background-color: #4334A1;
    transition-duration: 350ms;
    cursor: pointer;
}

.cart-modal-product-complect-save:hover {
    background-color: #5B46D9;
}

.order {
    padding: 28px 0 64px;
}

.order-nav-scroll {
    overflow-x: auto;
    scrollbar-width: none;
}

.order-nav-scroll::-webkit-scrollbar {
    display: none;
}

.order-nav {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
    gap: 8px;
}

.order-nav-item-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.order-nav-item-group.hide {
    display: none;
}

.order-nav-item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: 26px;
    line-height: 120%;
    height: 63px;
    font-family: 'Loos Normal', sans-serif;
    color: #5B5B63;
    transition-duration: 350ms;
}

.order-nav-item-group:not(.active, .disabled) .order-nav-item {
    cursor: pointer;
}

.order-nav-item-group:not(.active, .disabled) .order-nav-item:hover {
    color: #5E54A1;
}

a.order-nav-item:hover {
    color: #5E54A1;
}

.order-nav-item-group.active .order-nav-item {
    color: #4334A1;
}

.order-nav-item-group.disabled .order-nav-item {
    color: #9B9BA2;
}

.order-nav-arrow {
    padding: 0 6px;
    flex: none;
}

.order-nav-arrow svg {
    display: block;
    width: 31px;
}

.order-blocks {
    display: flex;
    gap: 64px;
}

.order-left {
    width: calc(100% - 544px);
}

.order-right {
    width: 480px;
    margin-left: auto;
    flex: none;
}

.order-panel {
    position: sticky;
    border-radius: 8px;
    background-color: #F5F5F5;
    padding: 32px;
    top: 124px;
}

.order-panel-row:not(:first-child) {
    margin-top: 24px;
}

.order-panel-value {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-left: auto;
    white-space: nowrap;
    flex: none;
}

.order-panel-param {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.order-panel-param-cart {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    gap: 4px;
}

.order-panel-value-cart div:last-child {
    display: none;
}

.order-panel.blocked .order-panel-value-cart div:first-child {
    display: none;
}

.order-panel.blocked .order-panel-value-cart div:last-child {
    display: block;
}

.order-panel-total {
    margin-top: 38px;
}

.order-panel-total-row {
    display: flex;
    align-items: center;
}

.order-panel.blocked .order-panel-total-row {
    display: none;
}

.order-panel-total-param {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
}

.order-panel-total-value {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
    margin-left: auto;
    white-space: nowrap;
    flex: none;
}

.order-panel-button:not(:first-child) {
    margin-top: 24px;
}

.order-panel-button button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-panel-button button:hover {
    background-color: #5B46D9;
}

.order-panel-politic {
    margin-top: 24px;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    color: #767680;
}

.order-panel-politic a {
    color: #767680;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
}

.order-panel-politic a:hover {
    color: #5E54A1;
}

.order-panel-seperator-bottom {
    display: none;
    height: 80px;
}

.order-panel-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.order-panel-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.order-seperator-mobile-top {
    display: none;
    height: 80px;
    margin: 0 -32px;
    border-top: 2px solid #F0EFEF;
    border-bottom: 2px solid #F0EFEF;
}

.order-seperator-mobile-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.order-seperator-mobile-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.order-content.hide {
    display: none;
}

.order-content-form {
    border: 2px solid #F0EFEF;
    border-radius: 8px;
    border-radius: 8px;
}

.order-tabs-text {
    display: none;
    max-width: 524px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    color: #353539;
    margin: 0 auto;
}

.order-tabs-block {
    display: flex;
    align-items: center;
    padding: 32px;
    border-bottom: 2px solid #F0EFEF;
    gap: 32px;
}

.order-login {
    text-align: right;
    font-size: 18px;
    line-height: 150%;
    width: 100%;
    color: #4334A1;
}

.order-login span {
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-login span:hover {
    color: #A9A4CB;
}

.order-login-mobile {
    display: none;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    width: 100%;
    margin-top: 12px;
    color: #4334A1;
}

.order-login-mobile span {
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-login-mobile span:hover {
    color: #A9A4CB;
}

.order-tabs {
    position: relative;
    display: inline-flex;
    height: 63px;
    border-radius: 4px;
    background-color: #F0EFEF;
    border: 2px solid #F0EFEF;
    flex: none;
    z-index: 0;
}

.order-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 52px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.order-tabs-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.order-tab-contents {
    padding: 36px 32px 32px;
}

.order-tab-content:not(.active) {
    display: none;
}

.order-input {
    width: calc(100% / 3 - 22px);
}

.order-inputs {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 32px;
}

.order-input-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 4px;
}

.order-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.order-input-field input:focus {
    border-color: #A9A4CB;
}

.order-input-field-dropdown {
    position: absolute;
    padding: 6px 6px 6px 16px;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px #00000026;
    background-color: #fff;
    max-height: 212px;
    overflow-y: auto;
}

.order-input-field-dropdown::-webkit-scrollbar {
    height: 18px;
    width: 18px;
    background-color: transparent;
}

.order-input-field-dropdown::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 1px 3px #4334A1;
    border: solid 7px transparent;
    border-radius: 100px;
}

.order-input-field-dropdown:not(.is-show) {
    opacity: 0;
    visibility: hidden;
}

.order-input-field-dropdown-item {
    font-size: 14px;
    line-height: 140%;
    padding: 10px 0;
    color: #5B5B63;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-input-field-dropdown-item:not(:first-child) {
    border-top: 1px solid #E8E8EB;
}

.order-input-field-dropdown-item:hover {
    color: #A9A4CB;
}

.order-input-error {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.order-input:not(.err) .order-input-error {
    display: none;
}

.order-input-error svg {
    width: 16px;
    flex: none;
}

.order-delivery-address {
    padding: 32px;
}

.order-delivery-address-panel {
    display: flex;
    gap: 16px;
}

.order-delivery-address-noty {
    flex: none;
    width: 100%;
    max-width: 284px;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: #9B9BA2;
    margin-left: auto;
    padding-top: 4px;
}

.order-delivery-address-input {
    max-width: 864px;
    width: 100%;
}

.order-delivery-address-input-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 4px;
    color: #4B4B51;
}

.order-delivery-address-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.order-delivery-address-input-field input:focus {
    border-color: #A9A4CB;
}

.order-delivery-address-input-error {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.order-delivery-address-input:not(.err) .order-delivery-address-input-error {
    display: none;
}

.order-delivery-address-input-error svg {
    width: 16px;
    flex: none;
}

.order-loader {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(0deg 0% 100% / 50%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 100;
}

.order-loader svg {
    display: block;
    width: 57px;
    height: auto;
    animation: loader 1s infinite linear;
}

.order-loader:not(.show) {
    display: none;
}

.order-done {
    margin-top: -22px;
}

.order-done-seperator-top {
    display: flex;
    min-height: 182px;
}

.order-done-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.order-done-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.order-done-seperator-bottom {
    display: flex;
    height: 160px;
}

.order-done-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.order-done-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.order-done-block {
    display: flex;
}

.order-done-image-left {
    position: relative;
    width: 400px;
    flex: none;
}

.order-done-image-left svg {
    display: block;
    width: 100%;
    height: 100%;
}

.order-done-image-left line {
    stroke: #F0EFEF;
    stroke-width: 2;
}

.order-done-image-left .circle {
    position: absolute;
    width: 246px;
    height: 246px;
    border-radius: 50%;
    border: 2px solid #F0EFEF;
    transform: translate(-50%, -50%);
    inset: 50% auto auto 50%;
}

.order-done-image-right {
    position: relative;
    width: 400px;
    border-top: 2px solid #F0EFEF;
    flex: none;
}

.order-done-image-right svg {
    display: block;
    width: 100%;
    height: 100%;
}

.order-done-image-right line {
    stroke: #F0EFEF;
    stroke-width: 2;
}

.order-done-content {
    width: calc(100% - 800px);
    padding: 56px 0;
    margin: 0 auto;
    text-align: center;
    border-top: 2px solid #F0EFEF;
    border-bottom: 2px solid #F0EFEF;
    flex: none;
}

.order-done-check {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin: 0 auto 32px;
}

.order-done-check-big {
    position: absolute;
    width: 120px;
    height: 120px;
    opacity: 0;
    transform: scale(0.5);
    border-radius: 50%;
    background-color: #F5F5FA;
    transition-duration: 350ms;
}

.order-done-check-middle {
    position: absolute;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    background-color: #F0F0F7;
    transition-duration: 350ms;
}

.order-done-check svg {
    position: absolute;
    display: block;
    width: 50px;
    height: auto;
    opacity: 0;
    transition-duration: 350ms;
}

.order-done-check.animation svg {
    opacity: 1;
}

.animation-1 .order-done-check-middle {
    transform: scale(1.2);
    opacity: 1;
}

.animation-2 .order-done-check-middle {
    transform: scale(1);
}

.animation-3 .order-done-check-big {
    transform: scale(1.1);
    opacity: 1;
}

.animation-4 .order-done-check-big {
    transform: scale(1);
}

.order-done-text {
    margin-top: 16px;
}

.order-done-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

.order-done-button-yandex-split {
    margin: 0 auto;
    margin-top: 48px;
    max-width: 320px;
    width: 100%;
}

.order-done-button {
    margin-top: 48px;
}

.order-done-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    max-width: 320px;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-done-button a:hover {
    background-color: #5B46D9;
}

.order-delivery-tab {
    border: 2px solid #F0EFEF;
    border-radius: 8px;
    transition-duration: 350ms;
}

.order-delivery-tab.active {
    border-color: #5E54A1;
}

.order-delivery-tab:not(.active):hover {
    border-color: #A9A4CB;
}

.order-delivery-tab:not(:first-child) {
    margin-top: 16px;
}

.order-delivery-tab-header {
    display: flex;
    align-items: center;
    padding: 32px;
    gap: 20px;
    cursor: pointer;
}

.order-delivery-tab-header input {
    display: none;
}

.order-delivery-tab-header-radio {
    flex: none;
}

.order-delivery-tab-header-radio-checked {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #E8E8EB;
    transition-duration: 350ms;
}

.order-delivery-tab:not(.active):hover .order-delivery-tab-header-radio-checked {
    border-color: #5E54A1;
}

.order-delivery-tab.active .order-delivery-tab-header-radio-checked {
    border-width: 4px;
    border-color: #4334A1;
}

.order-delivery-tab-header-name {
    font-size: 21px;
    line-height: 150%;
    transition-duration: 350ms;
}

.order-delivery-tab:not(.active):hover .order-delivery-tab-header-name {
    color: #5B5B63;
}

.order-delivery-content {
    max-height: 0;
    overflow: hidden;
    transition-duration: 350ms;
}

.order-delivery-content-body {
    border-top: 2px solid #F0EFEF;
    transition-duration: 350ms;
}

.order-delivery-tab:not(.active) .order-delivery-content-body {
    opacity: 0;
}

.order-pay-tab {
    border: 2px solid #F0EFEF;
    border-radius: 8px;
    transition-duration: 350ms;
}

.order-pay-tab.active {
    border-color: #5E54A1;
}

.order-pay-tab:not(.active):hover {
    border-color: #A9A4CB;
}

.order-pay-tab:not(:first-child) {
    margin-top: 16px;
}

.order-pay-tab-header {
    display: flex;
    align-items: center;
    padding: 32px;
    gap: 20px;
    cursor: pointer;
}

.order-pay-tab-header input {
    display: none;
}

.order-pay-tab-header-radio {
    flex: none;
}

.order-pay-tab-header-radio-checked {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #E8E8EB;
    transition-duration: 350ms;
}

.order-pay-tab:not(.active):hover .order-pay-tab-header-radio-checked {
    border-color: #5E54A1;
}

.order-pay-tab.active .order-pay-tab-header-radio-checked {
    border-width: 4px;
    border-color: #4334A1;
}

.order-pay-tab-header-name {
    font-size: 21px;
    line-height: 150%;
    transition-duration: 350ms;
}

.order-pay-tab:not(.active):hover .order-pay-tab-header-name {
    color: #5B5B63;
}

.order-delivery-pickups {
    display: flex;
    gap: 12px;
    padding: 32px;
}

.order-delivery-pickup {
    display: block;
    width: calc(50% - 6px);
    cursor: pointer;
}

.order-delivery-pickup input {
    display: none;
}

.order-delivery-pickup-block {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 20px 24px 24px;
    height: 100%;
    border: 2px solid transparent;
    transition-duration: 350ms;
}

.order-delivery-pickup input:not(:checked)+.order-delivery-pickup-block:hover {
    border-color: #DEDDEC;
}

.order-delivery-pickup input:checked+.order-delivery-pickup-block {
    border-color: #A9A4CB;
    background-color: #F5F5FA;
}

.order-delivery-pickup-header {
    display: flex;
    align-items: center;
}

.order-delivery-pickup-header {
    margin-bottom: 24px;
}

.order-delivery-pickup-header-title {
    white-space: nowrap;
    width: 100%;
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
}

.order-delivery-pickup-header-check {
    flex: none;
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
}

.order-delivery-pickup input:checked+.order-delivery-pickup-block .order-delivery-pickup-header-check {
    opacity: 1;
    visibility: visible;
}

.order-delivery-pickup-header-check svg {
    display: block;
    width: 28px;
    height: auto;
}

.order-delivery-pickup-table {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.order-delivery-pickup-row:not(:first-child) {
    padding-top: 20px;
}

.order-delivery-pickup-row:last-child {
    margin-top: auto;
}

.order-delivery-pickup-param {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 4px;
    color: #767680;
}

.order-delivery-pickup-value {
    font-weight: 500;
    color: #4B4B51;
}

.order-delivery-pickup-value p:not(:first-child) {
    margin-top: 0px;
}

.order-delivery-pickup-value a {
    font-weight: 400;
}

.order-delivery-pickup-tabs {
    position: relative;
    display: none;
    height: 52px;
    border-radius: 4px;
    max-width: 288px;
    margin-bottom: 20px;
    background-color: #F0EFEF;
    border: 2px solid #F0EFEF;
    z-index: 0;
}

.order-delivery-pickup-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    color: #4B4B51;
    padding: 0 32px;
    flex: 1;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-delivery-pickup-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.order-delivery-pickup-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.order-delivery-deline {
    padding: 32px;
}

.order-delivery-deline-tabs {
    position: relative;
    display: inline-flex;
    height: 52px;
    border-radius: 4px;
    margin-bottom: 28px;
    background-color: #F0EFEF;
    border: 2px solid #F0EFEF;
    z-index: 0;
}

.order-delivery-deline-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 52px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-delivery-deline-tab input {
    display: none;
}

.order-delivery-deline-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.order-delivery-deline-tab-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.order-delivery-deline-content:not(.active) {
    display: none;
}

.order-delivery-deline-terminal-select-field {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
    gap: 8px;
    cursor: pointer;
}

.order-delivery-deline-terminal-select-field-arrow {
    flex: none;
    margin-left: auto;
}

.order-delivery-deline-terminal-select-field-arrow svg {
    display: block;
    width: 16px;
    height: auto;
    transition-duration: 350ms;
}

.order-delivery-deline-terminal-select-field.is-open .order-delivery-deline-terminal-select-field-arrow svg {
    transform: rotateX(180deg);
}

.order-delivery-deline-terminal-select-field.is-open {
    border-color: #A9A4CB;
}

.order-delivery-deline-terminal-select-field-value {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-delivery-deline-terminal-select {
    margin-top: 28px;
}

.order-delivery-deline-terminal-select.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.order-delivery-deline-terminal-select-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 6px;
}

.order-delivery-deline-terminal-select-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    padding-left: 4px;
    width: 100%;
    color: #4B4B51;
}

.order-delivery-deline-terminal-select-map {
    flex: none;
    margin-left: auto;
    font-size: 16px;
    line-height: 150%;
    color: #5E54A1;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.order-delivery-deline-terminal-select-map:hover {
    color: #A9A4CB;
}

.order-delivery-deline-input-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 4px;
    color: #4B4B51;
}

.order-delivery-deline-address-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.order-delivery-deline-address-input-field input:focus {
    border-color: #A9A4CB;
}

.order-delivery-deline-address-input-error {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.order-delivery-deline-address-input:not(.err) .order-delivery-deline-address-input-error {
    display: none;
}

.order-delivery-deline-address-input-error svg {
    width: 16px;
    flex: none;
}

.order-delivery-deline-city-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.order-delivery-deline-city-input-field input:focus {
    border-color: #A9A4CB;
}

.order-delivery-deline-city-input-error {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.order-delivery-deline-city-input:not(.err) .order-delivery-deline-city-input-error {
    display: none;
}

.order-delivery-deline-city-input-error svg {
    width: 16px;
    flex: none;
}

.error {
    margin-top: -22px;
}

.error-seperator-top {
    display: flex;
    min-height: 182px;
}

.error-seperator-top:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.error-seperator-top:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.error-seperator-bottom {
    display: flex;
    height: 160px;
}

.error-seperator-bottom:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.error-seperator-bottom:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.error-block {
    display: flex;
}

.error-image-left {
    position: relative;
    width: 100%;
    max-width: 640px;
}

.error-image-left svg {
    display: block;
    width: 100%;
    height: 100%;
}

.error-image-left line {
    stroke: #F0EFEF;
    stroke-width: 2;
}

.error-image-left .circle {
    position: absolute;
    width: 246px;
    height: 246px;
    border-radius: 50%;
    border: 2px solid #F0EFEF;
    transform: translate(-50%, -50%);
    inset: 50% auto auto 50%;
}

.error-image-right {
    position: relative;
    width: 100%;
    max-width: 640px;
    border-top: 2px solid #F0EFEF;
}

.error-image-right svg {
    display: block;
    width: 100%;
    height: 100%;
}

.error-image-right line {
    stroke: #F0EFEF;
    stroke-width: 2;
}

.error-content {
    width: 100%;
    max-width: 640px;
    padding: 100px 0;
    margin: 0 auto;
    text-align: center;
    border-top: 2px solid #F0EFEF;
    border-bottom: 2px solid #F0EFEF;
    flex: none;
}

.error-num {
    margin-bottom: 24px;
}

.error-num img {
    display: inline-block;
    height: 161px;
    width: auto;
}

.error-num-value {
    font-size: 230px;
    line-height: 0;
    font-weight: 900;
}

.error-text {
    margin-top: 12px;
}

.error-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
}

div.modal {
    --fancybox-bg: #00000080;
}

.footer {
    background-color: #4334A1;
    color: #fff;
    padding: 48px 0;
}

.footer-blocks {
    display: flex;
}

.footer-logo-image a {
    display: inline-block;
    transition-duration: 350ms;
    width: 100%;
    max-width: 210px;
}

.footer-logo-image a:hover {
    opacity: .5;
}

.footer-logo-image img {
    display: block;
    width: 100%;
    height: auto;
}

.footer-logo-text {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    margin-top: 8px;
}

.footer-logo-year {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    margin-top: 4px;
    color: #8C7EE5;
}

.footer-left-contacts {
    display: none;
    margin-top: auto;
    padding-top: 32px;
}

.footer-center {
    margin: 0 auto;
    padding-top: 12px;
}

.footer-menu-columns {
    display: flex;
    gap: 100px;
}

.footer-menu-column {
    width: 100%;
    max-width: 260px;
}

.footer-menu-title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #8C7EE5;
    margin-bottom: 20px;
}

.footer-menu-item {
    padding: 4px 0;
}

.footer-menu-item:not(:first-child) {
    margin-top: 4px;
}

.footer-menu-item a {
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    transition-duration: 350ms;
}

.footer-menu-item a:hover {
    color: #B9B9BD;
}

.footer-right {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
}

.footer-contacts-title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: #8C7EE5;
    margin-bottom: 16px;
}

.footer-contacts-item:not(:first-child) {
    margin-top: 16px;
}

.footer-contacts-item a {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    color: #fff;
    transition-duration: 350ms;
}

.footer-contacts-item a:hover {
    opacity: .5;
}

.footer-catalog-button {
    margin-top: auto;
    padding-top: 24px;
}

.footer-catalog-button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    color: #4334A1;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 24px;
    border-radius: 4px;
    transition-duration: 350ms;
}

.footer-catalog-button a:hover {
    background-color: #F0EFEF;
}

.footer-panel {
    margin-top: 48px;
    padding-top: 16px;
    border-top: 2px solid #4F3DBF;
}

.footer-dev a {
    font-size: 16px;
    line-height: 140%;
    color: #8C7EE5;
    transition-duration: 350ms;
}

.footer-dev a:hover {
    color: #B9B9BD;
}

.header-overlow {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: 98;
    transition-duration: 350ms;
}

.open-catalog {
    overflow: hidden;
}

.open-catalog .header-overlow {
    opacity: 1;
    visibility: visible;
}

.mobile-menu {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
    border-top: 2px solid #F0EFEF;
    overflow: hidden;
    pointer-events: none;
}

.header.no-fixed .mobile-menu {
    padding-top: 24px;
    border-top: none;
}

.open-mobile-menu .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-container {
    height: 100%;
}

.mobile-menu-block {
    background-color: #fff;
    padding: 32px;
    overflow-y: auto;
    width: 50%;
    height: 100%;
    margin-left: auto;
    transform: translatex(100%);
    transition-duration: 350ms;
    pointer-events: auto;
}

.open-mobile-menu .mobile-menu-block {
    transform: translatey(0);
}

.mobile-menu-block::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.mobile-menu-block::-webkit-scrollbar-thumb {
    background-color: #4334A1;
    border-radius: 4px;
}

.mobile-menu-top-item a {
    display: flex;
    align-items: center;
    padding: 16px 0;
    gap: 12px;
}

.mobile-menu-top-item-icon {
    position: relative;
    flex: none;
    width: 24px;
    color: #767680;
    transition-duration: 350ms;
}

.mobile-menu-top-item-icon svg {
    display: block;
    width: 100%;
    height: auto;
}

.mobile-menu-top-item-icon span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    background-color: #4334A1;
    color: #fff;
    min-width: 19px;
    height: 19px;
    border-radius: 10px;
    right: -8px;
    top: 0;
    padding: 0 5px;
    transition-duration: 350ms;
}

.mobile-menu-top-item-icon span:empty {
    display: none;
}

.mobile-menu-top-item a:hover .mobile-menu-top-item-icon span {
    background-color: #5E54A1;
}

.mobile-menu-top-item-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    line-height: 130%;
    transition-duration: 350ms;
}

.mobile-menu-top-item a:hover .mobile-menu-top-item-icon {
    color: #4334A1;
}

.mobile-menu-top-item a:hover .mobile-menu-top-item-name {
    color: #4334A1;
}

.mobile-menu-list {
    margin-top: 28px;
}

.mobile-menu-list-item {
    border-top: 2px solid #F0EFEF;
}

.mobile-menu-list-item a {
    display: flex;
    align-items: center;
    padding: 16px 0;
    font-size: 16px;
    line-height: 140%;
    color: #767680;
    transition-duration: 350ms;
}

.mobile-menu-list-item a:hover {
    opacity: 0.7;
}

.header-catalog {
    position: absolute;
    width: 100%;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 20px 168px;
    transition-duration: 350ms;
    overflow: hidden;
    pointer-events: none;
}

.header.no-fixed .header-catalog {
    padding-top: 44px;
}

.open-catalog .header-catalog {
    opacity: 1;
    visibility: visible;
}

.header-catalog-container {
    height: 100%;
}

.header-catalog-block {
    background-color: #fff;
    border-radius: 8px;
    padding: 40px;
    overflow-y: auto;
    max-height: 100%;
    transform: translatey(-20px);
    transition-duration: 350ms;
    pointer-events: auto;
}

.open-catalog .header-catalog-block {
    transform: translatey(0);
}

.header-catalog-block::-webkit-scrollbar {
    height: 18px;
    width: 18px;
    background-color: transparent;
}

.header-catalog-block::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 1px 3px #4334A1;
    border: solid 7px transparent;
    border-radius: 100px;
}

.header-catalog-blocks {
    display: flex;
    gap: 56px;
}

.header-catalog-left {
    width: 100%;
    padding: 8px;
}

.header-catalog-menu {
    display: flex;
    gap: 24px;
}

.header-catalog-menu-column {
    flex: 1;
}

.header-catalog-menu-item:not(:first-child) {
    margin-top: 48px;
}

.header-catalog-menu-item-base a {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    transition-duration: 350ms;
}

.header-catalog-menu-item-base a:hover {
    color: #4334A1;
}

.header-catalog-menu-list {
    margin-top: 16px;
}

.header-catalog-menu-list-item:not(:first-child) {
    margin-top: 8px;
}

.header-catalog-menu-list-item a {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    transition-duration: 350ms;
}

.header-catalog-menu-list-item a:hover {
    color: #4334A1;
}

.header-catalog-right {
    flex: none;
    width: 100%;
    max-width: 502px;
}

.header-catalog-recom a {
    display: block;
    border-radius: 4px;
    padding: 28px;
    background-color: #F5F5F5;
}

.header-catalog-recom-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56%;
}

.header-catalog-recom-photo {
    border-radius: 4px;
    overflow: hidden;
}

.header-catalog-recom-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    transition-duration: 350ms;
}

.header-catalog-recom a:hover .header-catalog-recom-photo img {
    transform: scale(1.1);
}

.header-catalog-recom-info {
    margin-top: 24px;
    width: 100%;
}

.header-catalog-recom-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    transition-duration: 350ms;
}

.header-catalog-recom a:hover .header-catalog-recom-title {
    color: #4334A1;
}

.header-catalog-recom-text {
    margin-top: 16px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 48px;
    gap: 16px;
}

.pagination-prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    transition-duration: 350ms;
    flex: none;
}

span.pagination-prev {
    color: #B9B9BD;
}

a.pagination-prev:hover {
    color: #4334A1;
}

.pagination-prev svg {
    display: block;
    width: 8px;
    height: auto;
}

.pagination-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    transition-duration: 350ms;
    flex: none;
}

span.pagination-next {
    color: #B9B9BD;
}

a.pagination-next:hover {
    color: #4334A1;
}

.pagination-next svg {
    display: block;
    width: 8px;
    height: auto;
}

.pagination-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pagination-pages a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 150%;
    width: 44px;
    height: 44px;
    color: #767680;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    flex: none;
}

.pagination-pages a:hover {
    color: #1B1B1B;
}

.pagination-pages span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 150%;
    width: 44px;
    height: 44px;
    border: 2px solid #DEDDEC;
    flex: none;
}

.personal {
    padding: 64px 0;
}

.personal-blocks {
    display: flex;
    gap: 64px;
}

.personal-content {
    width: 100%;
}

.personal-sidebar {
    width: 480px;
    flex: none;
}

.personal-contact {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-color: #F5F5FA;
    z-index: 0;
}

.personal-contact-mobile {
    display: none;
}

.personal-contact:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(180deg, rgba(27, 27, 27, 0) 50.08%, #1B1B1B 106.43%);
}

.personal-contact-image div {
    width: 100%;
    height: 0;
    padding-top: 114%;
    position: relative;
}

.personal-contact-image img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
    z-index: -1;
}

.personal-contact-content {
    position: absolute;
    inset: auto 0 0 0;
    width: 100%;
    padding: 16px;
}

.personal-contact-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    text-align: center;
    color: #fff;
}

.personal-contact-button {
    margin-top: 20px;
}

.personal-contact-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    color: #4B4B51;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    height: 59px;
    padding: 0 48px;
    border-radius: 4px;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-contact-button span:hover {
    background-color: #F0F0F7;
    color: #4334A1;
}

.personal-tabs-block {
    margin-bottom: 48px;
}

.personal-tabs {
    position: relative;
    display: inline-flex;
    width: calc(50% - 16px);
    height: 63px;
    border-radius: 4px;
    background-color: #F0EFEF;
    border: 2px solid #F0EFEF;
    flex: none;
    z-index: 0;
}

.personal-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 16px;
    flex: 1;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal.disabled .personal-tab:not(.active) {
    opacity: 0.3;
    pointer-events: none;
}

.personal-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.personal-tabs-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.personal-tab-content:not(.active) {
    display: none;
}

.personal-input {
    width: calc(50% - 16px);
}

.personal-inputs {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 32px;
}

.personal-input-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 6px;
    color: #4B4B51;
}

.personal-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.personal-input-field input:not([readonly]):focus {
    border-color: #A9A4CB;
}

.personal-input-field input[readonly] {
    color: #9B9BA2;
}

.personal-input-error {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.personal-input:not(.err) .personal-input-error {
    display: none;
}

.personal-input-error svg {
    width: 16px;
    flex: none;
}

.personal-panel {
    display: flex;
    align-items: center;
    margin-top: 64px;
    gap: 16px;
}

.personal-panel-left {
    width: 100%;
}

.personal-panel-right {
    display: flex;
    align-items: center;
    flex: none;
    gap: 16px;
}

.personal-panel-button-edit {
    flex: none;
}

.personal-panel-button-edit button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    height: 59px;
    padding: 0 24px;
    border-radius: 4px;
    color: #5B5B63;
    background-color: #fff;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-panel-button-edit button:hover {
    border-color: #A9A4CB;
    color: #8A86A5;
}

.personal-panel-button-edit button svg {
    display: block;
    width: 24px;
    height: auto;
}

.personal-panel-button-edit button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition-duration: 350ms;
}

.personal-panel-button-edit button span:last-child {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.personal-panel-button-edit button:not(.disabled) span:first-child {
    opacity: 0;
    visibility: hidden;
}

.personal-panel-button-edit button:not(.disabled) span:last-child {
    opacity: 1;
    visibility: visible;
}

.personal-panel-button {
    flex: none;
}

.personal-panel-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    height: 59px;
    padding: 0 24px;
    border-radius: 4px;
    color: #767680;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal:not(.disabeld) .personal-panel-button span:hover {
    border-color: #A9A4CB;
    color: #8A86A5;
}

.personal.disabled .personal-panel-button span {
    opacity: 0.3;
    pointer-events: none;
}

.personal-error {
    font-size: 18px;
    line-height: 150%;
    padding: 12px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
    background-color: #FBEEED;
    color: #D54C48;
}

.personal-error:not(.show) {
    display: none;
}

.personal-error b {
    font-weight: 500;
}

.personal-loader {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(0deg 0% 100% / 50%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 100;
}

.personal-loader svg {
    display: block;
    width: 57px;
    height: auto;
    animation: loader 1s infinite linear;
}

.personal-loader:not(.show) {
    display: none;
}

.page-header-personal .page-header-right .\!html p:not(:first-child) {
    margin-top: 4px;
}

.personal-order {
    border: 2px solid #F0EFEF;
    border-radius: 4px;
    transition-duration: 350ms;
}

.personal-order:not(:first-child) {
    margin-top: 24px;
}

.personal-order:not(.open) {
    cursor: pointer;
}

.personal-order:not(.open):hover {
    border-color: #DEDDEC;
}

.personal-order.open {
    border-color: #A9A4CB;
}

.personal-order-mobile-buttons {
    display: none;
    padding: 8px 16px 16px 16px;
}

.personal-order-mobile-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #4334A1;
    background-color: #F0F0F7;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-order-mobile-button span:hover {
    color: #fff;
    background-color: #4334A1;
}

.personal-order-header {
    display: flex;
    gap: 24px;
    padding: 16px;
}

.personal-order-header-left {
    flex: 1;
}

.personal-order-header-num {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 120%;
    transition-duration: 350ms;
}

.personal-order:not(.open):hover .personal-order-header-num {
    color: #4334A1;
}

.personal-order-header-date {
    margin-top: 12px;
    font-size: 18px;
    line-height: 150%;
    color: #767680;
}

.personal-order-header-right {
    flex: 1;
    text-align: right;
}

.personal-order-header-price {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

.personal-order-header-status {
    margin-top: 12px;
    font-size: 18px;
    line-height: 150%;
}

.personal-order-header-status a {
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-order-header-status a:hover {
    color: #4334A1;
}

.personal-order-body {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition-duration: 500ms;
}

.personal-order.open .personal-order-body {
    opacity: 1;
    visibility: visible;
}

.personal-order-product {
    display: flex;
    align-items: center;
    border-top: 2px solid #F0EFEF;
    padding: 20px;
    gap: 16px;
}

.personal-order-product-content {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.personal-order-product-photo {
    width: 108px;
    flex: none;
}

.personal-order-product-photo a {
    display: block;
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
}

.personal-order-product-photo div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.personal-order-product-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    transition-duration: 350ms;
}

.personal-order-product-photo a:hover img {
    transform: scale(1.1);
}

.personal-order-product-info {
    width: 100%;
}

.personal-order-product-name a {
    font-family: 'Loos Normal', sans-serif;
    font-size: 26px;
    line-height: 110%;
    transition-duration: 350ms;
}

.personal-order-product-name a:hover {
    color: #4334A1;
}

.personal-order-product-char {
    font-size: 18px;
    line-height: 150%;
    margin-top: 8px;
    color: #767680;
}

.personal-order-product-panel {
    flex: none;
    white-space: nowrap;
    text-align: right;
}

.personal-order-product-price {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

.personal-order-product-type {
    padding-top: 12px;
}

.personal-order-product-type span {
    color: #4334A1;
    font-size: 16px;
    line-height: 150%;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-order-product-type span:hover {
    color: #8C7EE5;
}

.personal-order-panel {
    border-top: 2px solid #F0EFEF;
    padding: 14px 16px;
}

.personal-order-close span {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-order-close span:hover {
    color: #5E54A1;
}

.personal-orders-panel {
    margin-top: 48px;
}

.personal-orders-panel-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    height: 59px;
    padding: 0 24px;
    border-radius: 4px;
    color: #767680;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    cursor: pointer;
}

.personal-orders-panel-button span:hover {
    border-color: #A9A4CB;
    color: #8A86A5;
}

.compare-header {
    position: sticky;
    top: 70px;
    display: flex;
    margin-top: -22px;
    background-color: #fff;
    transition-duration: 350ms;
}

.compare-header.fixed {
    box-shadow: 0px 2px 5px 0px #00000026;
}

.compare-header-left {
    flex: none;
    width: 50%;
    padding: 70px 48px 48px 64px;
    border-right: 1px solid #F0EFEF;
}

.compare-empty .compare-header-left {
    padding-bottom: 76px;
}

.compare-header-right {
    flex: none;
    width: 50%;
    padding: 70px 64px 48px 48px;
    border-left: 1px solid #F0EFEF;
}

.compare-empty .compare-header-right {
    padding-bottom: 76px;
}

.compare-products {
    display: flex;
    gap: 44px;
}

.compare-product {
    display: flex;
    gap: 20px;
    width: calc(50% - 22px);
}

.compare-product-photo {
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
    width: 195px;
    flex: none;
}

.compare-product-photo a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.compare-product-photo img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    transition-duration: 350ms;
}

.compare-product-photo a:hover img {
    transform: scale(1.1);
}

.compare-product-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
}

.compare-product-name a {
    font-size: 26px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition-duration: 350ms;
}

.compare-product-name a:hover {
    color: #4334A1;
}

.compare-product-compare {
    margin-top: auto;
}

.compare-product-compare-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 6px;
    cursor: pointer;
}

.compare-product-compare-text {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    transition-duration: 350ms;
}

.compare-product-compare-button:hover .compare-product-compare-text {
    color: #A9A4CB;
}

.compare-product-compare-button.active .compare-product-compare-text {
    color: #767680;
}

.compare-product-compare-button.active:hover .compare-product-compare-text {
    color: #A9A4CB;
}

.compare-product-compare-text span:last-child {
    display: none;
}

.compare-product-compare-button.active .compare-product-compare-text span:last-child {
    display: inline;
}

.compare-product-compare-button.active .compare-product-compare-text span:first-child {
    display: none;
}

.compare-product-compare-icon {
    flex: none;
}

.compare-product-compare-icon svg {
    display: block;
    width: 24px;
    height: auto;
}

.compare-product-compare-icon svg path {
    fill: transparent;
    stroke: #B9B9BD;
    stroke-width: 2px;
    transition-duration: 350ms;
}

.compare-product-compare-button:hover .compare-product-compare-icon svg path {
    stroke: #A9A4CB;
}

.compare-product-compare-button.active .compare-product-compare-icon svg path {
    fill: #5E54A1;
}

.compare-product-compare-button.active .compare-product-compare-icon svg path:first-child {
    stroke: transparent;
}

.compare-product-compare-button.active .compare-product-compare-icon svg path:last-child {
    stroke: #fff;
}

.compare-product-compare-button.active:hover .compare-product-compare-icon svg path {
    fill: #A9A4CB;
}

.compare-product-empty {
    width: calc(50% - 22px);
    border: 1px dashed #DEDDEC;
    color: #8A86A5;
    border-radius: 4px;
    min-height: 195px;
    transition-duration: 350ms;
    cursor: pointer;
}

.compare-product-empty:hover {
    border-color: #A9A4CB;
    color: #5E54A1;
}

.compare-product-empty-block {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    line-height: 150%;
    height: 100%;
}

.compare-product-empty-block span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    flex: none;
}

.compare-product-empty-block svg {
    display: block;
    width: 24px;
    height: auto;
    flex: none;
}

.compare-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 56px;
    line-height: 110%;
}

.compare-text {
    font-size: 18px;
    line-height: 150%;
    margin-top: 24px;
    color: #767680;
}

.compare-text a {
    color: #5E54A1;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    transition-duration: 350ms;
    cursor: pointer;
}

.compare-text a:hover {
    color: #A9A4CB;
}

.compare-text p:not(:first-child) {
    margin-top: 12px;
}

.compare-seperator {
    display: flex;
    flex: 1;
}

.compare-seperator:before {
    content: '';
    display: block;
    width: 50%;
    border-right: 1px solid #F0EFEF;
}

.compare-seperator:after {
    content: '';
    display: block;
    width: 50%;
    border-left: 1px solid #F0EFEF;
}

.compare-chars {
    border-top: 2px solid #F0EFEF;
    width: calc(50% + 1px);
    border-right: 2px solid #F0EFEF;
}

.compare-chars-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    padding: 32px 48px 16px 64px;
}

.compare-chars-row {
    padding: 24px 48px 32px 64px;
}

.compare-chars-row:nth-child(2n) {
    background-color: #F5F5FA;
}

.compare-chars-label {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 12px;
    color: #767680;
}

.compare-chars-cols {
    display: flex;
    gap: 44px;
}

.compare-chars-col {
    font-size: 18px;
    line-height: 150%;
    width: calc(50% - 22px);
}

.compare-count-1 .compare-chars-col {
    width: 100%;
}

.compare-footer {
    background-color: #F5F5F5;
    width: calc(50% + 1px);
    border-right: 2px solid #F0EFEF;
}

.compare-footer-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 52px;
    line-height: 110%;
    padding: 32px 48px 8px 64px;
}

.compare-footer-row {
    display: flex;
    padding: 16px 48px 16px 64px;
    gap: 44px;
}

.compare-footer-row:nth-child(2n) {
    background-color: #fff;
}

.compare-footer-row-sale {
    color: #4334A1;
}

.compare-footer-col {
    font-size: 18px;
    line-height: 150%;
    width: calc(50% - 22px);
}

.compare-count-1 .compare-footer-col {
    width: 100%;
}

.compare-footer-col-param {
    color: #4B4B51;
}

.compare-footer-row-sale .compare-footer-col-param {
    color: #4334A1;
}

.compare-footer-col-value {
    margin-top: 4px;
    font-weight: 500;
}

.compare-footer-row-sale .compare-footer-col-value {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}

.compare-footer-tabs-block {
    padding: 32px 48px 8px 64px;
}

.compare-footer-tabs {
    position: relative;
    display: flex;
    height: 48px;
    border-radius: 4px;
    background-color: #E8E8EB;
    border: 2px solid #E8E8EB;
    z-index: 0;
}

.compare-footer-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    color: #4B4B51;
    padding: 0 20px;
    flex: 1;
    width: 50%;
    transition-duration: 350ms;
    cursor: pointer;
}

.compare-footer-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.compare-footer-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    transition-duration: 350ms;
    z-index: -1;
}

.compare-footer-tabs-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.compare-footer-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.compare-footer-tab-content:not(.active) {
    display: none;
}

.compare-footer-panel {
    display: flex;
    border-top: 2px solid #F0EFEF;
    padding: 48px 48px 32px 64px;
    gap: 44px;
}

.compare-footer-panel-col {
    width: calc(50% - 22px);
}

.compare-count-1 .compare-footer-panel-col {
    width: 100%;
}

.compare-footer-panel-price-old {
    font-size: 18px;
    line-height: 150%;
    text-decoration: line-through;
    color: #9B9BA2;
    margin-bottom: 4px;
}

.compare-footer-panel-price {
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
}

.compare-footer-panel-buttons {
    margin-top: 16px;
}

.compare-count-1 .compare-footer-panel-buttons {
    display: flex;
    align-items: center;
    gap: 44px;
}

.compare-footer-panel-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    color: #fff;
    background-color: #4334A1;
    transition-duration: 350ms;
    cursor: pointer;
}

.compare-count-1 .compare-footer-panel-buy {
    width: calc(50% - 22px);
}

.compare-footer-panel-buy:hover {
    background-color: #5B46D9;
}

.compare-footer-panel-buy-count {
    position: relative;
}

.compare-count-1 .compare-footer-panel-buy-count {
    width: calc(50% - 22px);
}

.compare-count-1 .button-loading {
    width: calc(50% - 22px);
}

.compare-count-1 .button-loading .compare-footer-panel-buy {
    width: 100%;
}

.compare-footer-panel-buy-count-block {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: #4334A1;
    border-radius: 4px;
    overflow: hidden;
}

.compare-footer-panel-buy-count-line {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    gap: 6px;
    color: #fff;
}

.compare-footer-panel-buy-count-variant {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #A9A4CB;
    gap: 2px;
}

.compare-footer-panel-favorite {
    margin-top: 16px;
    text-align: center;
}

.compare-count-1 .compare-footer-panel-favorite {
    margin-top: 0;
}

.compare-footer-panel-favorite-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 6px;
    cursor: pointer;
}

.compare-footer-panel-favorite-text {
    font-size: 16px;
    line-height: 150%;
    color: #767680;
    width: 100px;
    flex: none;
    transition-duration: 350ms;
}

.compare-footer-panel-favorite-button:hover .compare-footer-panel-favorite-text {
    color: #A9A4CB;
}

.compare-footer-panel-favorite-button.active .compare-footer-panel-favorite-text {
    color: #767680;
}

.compare-footer-panel-favorite-button.active:hover .compare-footer-panel-favorite-text {
    color: #A9A4CB;
}

.compare-footer-panel-favorite-text span:last-child {
    display: none;
}

.compare-footer-panel-favorite-button.active .compare-footer-panel-favorite-text span:last-child {
    display: inline;
}

.compare-footer-panel-favorite-button.active .compare-footer-panel-favorite-text span:first-child {
    display: none;
}

.compare-footer-panel-favorite-icon {
    flex: none;
}

.compare-footer-panel-favorite-icon svg {
    display: block;
    width: 24px;
    height: auto;
}

.compare-footer-panel-favorite-icon svg path {
    fill: transparent;
    stroke: #B9B9BD;
    stroke-width: 2px;
    transition-duration: 350ms;
}

.compare-footer-panel-favorite-button:hover .compare-footer-panel-favorite-icon svg path {
    fill: #A9A4CB;
    stroke: transparent;
    stroke-width: 0;
}

.compare-footer-panel-favorite-button.active .compare-footer-panel-favorite-icon svg path {
    fill: #5E54A1;
    stroke: transparent;
    stroke-width: 0;
}

.compare-footer-panel-favorite-button.active:hover .compare-footer-panel-favorite-icon svg path {
    fill: #A9A4CB;
}

.compare-footer-complect-noty-block {
    padding: 8px 48px 8px 64px;
}

.compare-footer-complect-noty {
    border-radius: 4px;
    background-color: #fff;
    color: #5E54A1;
    border: 2px solid #F0EFEF;
}

.compare-footer-complect-noty-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    padding: 12px 16px;
}

.compare-footer-complect-noty-row:not(:first-child) {
    border-top: 1px solid #F0EFEF;
}

.compare-footer-complect-noty svg {
    display: block;
    width: 20px;
    margin-top: 2px;
    height: auto;
    flex: none;
}

.compare-footer-only-noty-block {
    padding: 8px 48px 8px 64px;
}

.compare-footer-only-noty {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #F0EFEF;
    color: #5B5B63;
}

.compare-footer-only-noty-row {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    padding: 12px 16px;
}

.compare-footer-only-noty-row:not(:first-child) {
    border-top: 1px solid #F0EFEF;
}

.compare-footer-only-noty-row-color {
    color: #5E54A1;
}

.compare-footer-only-noty p:not(:first-child) {
    margin-top: 10px;
}

.compare-content-right {
    display: none;
    width: 50%;
    padding: 70px 64px 48px 48px;
    position: sticky;
    top: 70px;
    margin-top: -22px;
}

.favorite {
    padding: 32px 0;
}

.favorite-list .catalog-item {
    width: 20%;
}

.favorite-empty-title {
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 24px;
    color: #767680;
}

@media screen and (max-width: 1920px) {
    .b-a-content {
        min-height: 486px;
    }

    .b-q-item-content {
        gap: 48px;
    }

    .b-r-content {
        max-width: 960px;
    }

    .product-left {
        width: 400px;
    }

    .product-offer {
        margin-top: 32px;
    }

    .product-chars {
        margin-top: 32px;
    }

    .product-slider-item {
        max-width: 464px;
    }

    .product-slider-item-footer {
        padding-top: 16px;
    }

    .product-slider-header {
        margin-bottom: 24px;
    }

    .product-banner-header {
        width: 434px;
    }

    .product-docs-header {
        width: 434px;
    }

    .product-all-chars-header {
        width: 434px;
    }

    .product-desc-header {
        width: 434px;
    }

    .parts-page-list {
        width: calc(100% + 8px);
    }

    .parts-page-list .catalog-item {
        width: calc(100% / 5);
    }
}

@media screen and (max-width: 1919px) {
    .button-count-name {
        display: none;
    }

    .button-count-plus {
        width: 28px;
        height: 28px;
    }

    .button-count-plus svg {
        width: 18px;
    }

    .button-count-minus {
        width: 28px;
        height: 28px;
    }

    .button-count-minus svg {
        width: 18px;
    }

    .catalog-item-panel {
        gap: 10px;
    }

    .compare-header {
        position: relative;
        top: 0;
        background-color: transparent;
    }

    .compare-header.fixed {
        box-shadow: none;
    }

    .compare-products {
        gap: 40px;
        align-items: flex-start;
    }

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

    .compare-product-photo {
        width: 100%;
    }

    .compare-product {
        gap: 12px;
        width: calc(50% - 20px);
    }

    .compare-product-content {
        padding: 0;
        gap: 20px;
    }

    .compare-chars-cols {
        gap: 40px;
    }

    .compare-product-empty {
        width: calc(50% - 20px);
        height: auto;
        min-height: 0px;
    }

    .compare-product-empty-block {
        border: 1px dashed #DEDDEC;
        border-radius: 4px;
        position: relative;
        padding-top: 100%;
        transition-duration: 350ms;
    }

    .compare-empty .compare-product-empty-block {
        margin-bottom: 36px;
    }

    .compare-product-empty-block span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .compare-product-empty {
        border: none;
        border-radius: 0;
    }

    .compare-product-empty:hover .compare-product-empty-block {
        border-color: #A9A4CB;
    }

    .compare-footer-row {
        gap: 40px;
    }

    .compare-footer-panel {
        gap: 40px;
    }

    .compare-empty .compare-product-empty-block {
        padding-top: 0;
        min-height: 195px;
    }

    .compare-header-right {
        display: none;
    }

    .compare-content {
        display: flex;
        align-items: flex-start;
    }

    .compare-content-left {
        width: 50%;
    }

    .compare-content-right {
        display: block;
    }

    .compare-header-left {
        width: calc(100% + 1px);
        border-right: 2px solid #F0EFEF;
    }

    .compare-chars {
        width: calc(100% + 1px);
    }

    .compare-chars-col {
        width: calc(50% - 20px);
    }

    .compare-footer-col {
        width: calc(50% - 20px);
    }

    .compare-footer-panel-col {
        width: calc(50% - 20px);
    }

    .compare-count-1 .compare-footer-panel-buttons {
        gap: 40px;
    }
}

@media screen and (max-width: 1679px) {
    .container {
        padding: 0 48px;
    }

    .header-buttons {
        margin-left: 32px;
    }

    .header-search-input {
        max-width: 360px;
    }

    .header-middle {
        max-width: 630px;
    }

    .header-search-tab {
        padding-left: 24px;
    }

    .header-search-tab span {
        width: 36px;
    }

    .b-a-content {
        min-height: 432px;
    }

    .b-c-header-left {
        padding-top: 100px;
    }

    .b-c-header-right {
        padding-top: 100px;
    }

    .b-c-item-photo div {
        height: 240px;
    }

    .b-c-item-content-photo {
        width: calc(100% - 176px);
    }

    .b-c-item-content-photo div {
        height: 240px;
    }

    .b-c-item-work {
        max-width: 152px;
    }

    .b-c-item-work img {
        width: 80px;
        top: -14px;
        left: -20px;
    }

    .b-d-seperator-top {
        height: 120px;
    }

    .b-d-seperator-bottom {
        height: 120px;
    }

    .b-e-item img {
        width: 168px;
        height: 80px;
    }

    .b-f-seperator-top {
        height: 120px;
    }

    .b-f-seperator-top-middle {
        height: 80px;
    }

    .b-f-seperator-bottom {
        height: 120px;
    }

    .b-f-seperator-bottom-middle {
        height: 80px;
    }

    .b-f-image-left {
        max-width: 292px;
    }

    .b-f-image-right {
        max-width: 292px;
    }

    .b-f-content {
        max-width: 568px;
    }

    .b-h {
        padding: 48px 0;
    }

    .b-h-item {
        width: calc((100% - 2* 16px) / 3);
    }

    .b-h-item:nth-child(2) {
        width: calc((100% - 2* 16px) / 3);
    }

    .b-h-item-photo div {
        height: 223px;
    }

    .b-l-header-left {
        padding-top: 120px;
    }

    .b-l-header-right {
        padding-top: 120px;
    }

    .b-l-list {
        padding: 48px 0;
    }

    .b-l-seperator-bottom {
        height: 120px;
    }

    .b-m-seperator-top {
        height: 120px;
    }

    .b-m-seperator-bottom {
        height: 120px;
    }

    .b-m-seperator-bottom-middle {
        height: 80px;
    }

    .b-i-item-photo {
        padding-top: 32px;
    }

    .b-k-list {
        columns: 1;
    }

    .b-p-block {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .b-p-block a {
        font-size: 16px;
    }

    .b-q-list {
        padding: 48px 0;
    }

    .b-q-list {
        gap: 48px;
    }

    .b-q-item {
        padding: 24px;
        width: calc(50% - 24px);
    }

    .b-q-item-content {
        gap: 32px;
    }

    .b-q-item-content-button span {
        padding: 0 24px;
    }

    .b-r-list-item-left {
        padding-left: 48px;
    }

    .b-r-list-item-right {
        padding-right: 48px;
    }

    .catalog-left {
        width: 272px;
    }

    .filter {
        width: 240px !important;
        padding-top: 32px;
    }

    .filter-sort-title {
        margin-bottom: 4px;
    }

    .filter-right {
        margin-top: 32px;
    }

    .filter-price-inputs {
        flex-direction: column;
    }

    .filter-price-input {
        width: 100%;
    }

    .filter-blocks {
        margin-top: 32px;
    }

    .filter-price-title {
        margin-bottom: 8px;
    }

    .filter-block-title {
        margin-bottom: 8px;
    }

    .filter-block:not(:first-child) {
        margin-top: 32px;
    }

    .catalog-right {
        width: calc(100% - 272px);
    }

    .catalog-items-list {
        width: calc(100% + 4px);
    }

    .catalog-item {
        width: 33.33333%;
    }

    .catalog-slider {
        margin-right: -44px;
        padding-right: 44px;
    }

    .catalog-slide {
        max-width: 880px;
    }

    .catalog-slide:not(:last-child) {
        margin-right: 20px;
    }

    @media screen and (min-width: 1280px) {
        .catalog-item:nth-child(1) {
            order: -4;
        }

        .catalog-item:nth-child(2) {
            order: -3;
        }

        .catalog-item:nth-child(3) {
            order: -2;
        }
    }

    .product-left {
        width: 320px;
    }

    .product-photos-thumb-item {
        width: 80px;
    }

    .product-center {
        min-width: 500px;
    }

    .product-slider-item {
        max-width: 540px;
    }

    .product-banner-header {
        width: 354px;
    }

    .product-docs-header {
        width: 354px;
    }

    .product-docs-list {
        gap: 32px 72px;
    }

    .product-doc {
        width: calc(50% - 36px);
    }

    .product-all-chars-header {
        width: 354px;
    }

    .product-desc-header {
        width: 354px;
    }

    .product-complect-cart {
        margin-top: 32px;
        max-width: 332px;
    }

    .parts {
        padding-bottom: 48px;
    }

    .parts-page-list {
        width: calc(100% + 6px);
    }

    .parts-page-list .catalog-item {
        width: 25%;
    }

    .parts-page-products {
        padding-bottom: 48px;
    }

    .cart {
        padding: 48px 0;
    }

    .cart-blocks {
        gap: 48px;
    }

    .cart-right {
        width: 436px;
    }

    .cart-left {
        width: calc(100% - 484px);
    }

    .cart-item-product {
        padding: 24px;
    }

    .cart-item-name a {
        -webkit-line-clamp: 3;
    }

    .cart-item-left {
        max-width: 250px;
    }

    .cart-panel {
        padding: 24px;
    }

    .cart-panel-row:not(:first-child) {
        margin-top: 24px;
    }

    .cart-panel-row {
        flex-direction: column;
    }

    .cart-panel-value {
        margin-left: 0;
    }

    .cart-item-blocks {
        gap: 20px;
    }

    .cart-item-top {
        gap: 20px;
    }

    .cart-item-price-now {
        font-size: 20px;
    }

    .cart-item-type span {
        font-size: 14px;
    }

    .cart-item-noty {
        margin-top: 24px;
    }

    .cart-empty {
        padding: 68px 0;
    }

    .cart-empty-button a {
        height: 59px;
    }

    .order-blocks {
        gap: 48px;
    }

    .order-left {
        width: calc(100% - 484px);
    }

    .order-tabs-block {
        padding: 24px;
    }

    .order-tab-contents {
        padding: 24px;
    }

    .order-inputs {
        gap: 24px;
    }

    .order-input {
        width: calc(100% / 2 - 12px);
    }

    .order-tab {
        padding: 0 40px;
    }

    .order-panel {
        padding: 24px;
    }

    .order-delivery-deline-terminal-select {
        margin-top: 24px;
    }

    .footer {
        padding: 32px 0;
    }

    .footer-contacts-item a {
        font-size: 30px;
    }

    .footer-menu-columns {
        gap: 48px;
    }

    .order-done-seperator-top {
        min-height: 142px;
    }

    .order-done-seperator-bottom {
        height: 120px;
    }

    .order-done-button a {
        height: 64px;
    }

    .order-delivery-tab-header {
        padding: 22px;
        gap: 16px;
    }

    .order-pay-tab-header {
        padding: 22px;
        gap: 16px;
    }

    .order-delivery-address {
        padding: 24px;
    }

    .order-delivery-address-panel {
        flex-direction: column;
        gap: 12px;
    }

    .order-delivery-address-noty {
        max-width: none;
        text-align: left;
        padding-top: 0;
    }

    .order-delivery-pickups {
        padding: 24px;
    }

    .order-delivery-pickup-block {
        padding: 12px 16px 16px;
    }

    .order-delivery-deline {
        padding: 24px;
    }

    .order-delivery-deline-tabs {
        margin-bottom: 24px;
    }

    .order-delivery-deline-tab {
        padding: 0 40px;
    }

    .error-seperator-top {
        min-height: 142px;
    }

    .error-seperator-bottom {
        height: 120px;
    }

    .header-catalog {
        padding-left: 24px;
        padding-right: 24px;
    }

    .header-catalog-container {
        max-width: 1407px;
        margin: 0 auto;
    }

    .header-catalog-block {
        padding: 24px;
    }

    .header-catalog-right {
        max-width: 424px;
    }

    .header-catalog-recom a {
        padding: 20px;
    }

    .personal-sidebar {
        width: 434px;
    }

    .personal-blocks {
        gap: 48px;
    }

    .personal-contact-image div {
        padding-top: 126%;
    }

    .compare-header-left {
        padding: 54px 32px 32px 48px;
    }

    .compare-content-right {
        padding: 54px 48px 32px 32px;
    }

    .compare-products {
        gap: 32px;
    }

    .compare-product {
        width: calc(50% - 16px);
    }

    .compare-product-empty {
        width: calc(50% - 16px);
    }

    .compare-chars-cols {
        gap: 32px;
    }

    .compare-chars-col {
        width: calc(50% - 16px);
    }

    .compare-chars-title {
        padding: 32px 32px 16px 48px;
    }

    .compare-chars-row {
        padding: 24px 32px 32px 48px;
    }

    .compare-footer-tabs-block {
        padding: 32px 32px 8px 48px;
    }

    .compare-footer-complect-noty-block {
        padding: 8px 32px 8px 48px;
    }

    .compare-footer-row {
        gap: 32px;
        padding: 16px 32px 16px 48px;
    }

    .compare-footer-col {
        width: calc(50% - 16px);
    }

    .compare-footer-panel {
        gap: 32px;
        padding: 32px 32px 32px 48px;
    }

    .compare-footer-panel-col {
        width: calc(50% - 16px);
    }

    .compare-count-1 .compare-footer-panel-buttons {
        gap: 32px;
    }

    .compare-footer-title {
        padding: 32px 32px 8px 48px;
    }

    .compare-footer-only-noty-block {
        padding: 8px 32px 8px 48px;
    }

    .favorite-list .catalog-item {
        width: 25%;
    }
}

@media screen and (max-width: 1279px) {
    .\!html {
        font-size: 16px;
        line-height: 140%;
    }

    .\!html h2 {
        font-size: 28px;
    }

    .\!html h2:not(:last-child) {
        margin-bottom: 16px;
    }

    .\!html ul li::before {
        width: 6px;
        height: 6px;
        top: 10px;
    }

    .page-header-title {
        font-size: 34px;
    }

    .page-content {
        padding: 32px 0;
        max-width: 760px;
    }

    .container {
        padding: 0 32px;
    }

    .header-static-phone a {
        font-size: 16px;
    }

    .header {
        margin-top: 1px;
    }

    .header-nav {
        display: none;
    }

    .header-container {
        padding: 16px 0;
    }

    .header-line {
        top: calc(100% - 16px);
    }

    .header-buttons {
        margin-left: 40px;
    }

    .header-button-service {
        display: none;
    }

    .header-search-icon {
        left: 12px;
    }

    .header-search-input input {
        padding-left: 44px;
    }

    .header-links {
        display: none;
    }

    .header-cart {
        display: none;
    }

    .header-menu {
        display: inline-flex;
    }

    .header-search-tags-slide {
        height: 36px;
        font-size: 14px;
        line-height: 140%;
    }

    .header-search-tab {
        gap: 4px;
        font-size: 14px;
        line-height: 140%;
        height: 44px;
        padding-left: 30px;
    }

    .header-search-tab span {
        width: 52px;
    }

    .header-search-product-name {
        font-size: 14px;
        line-height: 140%;
    }

    .header-search-product-char {
        font-size: 14px;
        line-height: 140%;
    }

    .header-search-product-price {
        margin-top: 12px;
    }

    .header-search-product-price-now {
        font-size: 14px;
        line-height: 140%;
    }

    .header-search-not {
        font-size: 14px;
        line-height: 140%;
    }

    .header-search-empty {
        font-size: 14px;
        line-height: 140%;
    }

    .open-mobile-menu {
        overflow: hidden;
    }

    .open-mobile-menu .mobile-menu-overlow {
        opacity: 1;
        visibility: visible;
    }

    .mobile-menu {
        display: block;
    }

    .sticky-cart.show {
        display: block;
    }

    .b-a-content {
        min-height: 346px;
    }

    .b-a-title {
        font-size: 34px;
    }

    .b-a-text {
        margin-top: 16px;
    }

    .b-a-button a {
        height: 64px;
    }

    .b-a-button a {
        font-size: 16px;
    }

    .b-b {
        padding: 48px 0;
    }

    .b-b-title {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .b-b-item {
        padding: 16px;
        font-size: 17px;
        line-height: 130%;
        gap: 8px;
    }

    .b-b-item:nth-child(1),
    .b-b-item:nth-child(2) {
        min-height: 214px;
    }

    .b-b-item-photo {
        max-width: 202px;
    }

    .b-c-header-left {
        padding: 64px 32px 32px 0;
    }

    .b-c-title {
        font-size: 28px;
    }

    .b-c-header-right {
        padding: 64px 0 32px 32px;
    }

    .b-c-list {
        padding: 32px 0;
        gap: 16px;
    }

    .b-c-item {
        width: 100%;
    }

    .b-c-item-button a {
        height: 56px;
        font-size: 16px;
        padding: 0 32px;
    }

    .b-c-item-title {
        font-size: 22px;
    }

    .b-c-item-photo div {
        height: 395px;
    }

    .b-c-item-content-photo {
        width: calc(100% - 290px);
    }

    .b-c-item-content-photo div {
        height: 395px;
    }

    .b-c-item-work {
        max-width: 266px;
    }

    .b-c-item-work img {
        width: 92px;
        top: -10px;
        left: -24px;
    }

    .b-d-seperator-top {
        height: 80px;
    }

    .b-d-seperator-bottom {
        height: 80px;
    }

    .b-d-header-left {
        display: none;
    }

    .b-d-header-right {
        display: none;
    }

    .b-d-header-title {
        font-size: 28px;
    }

    .b-d-header-text {
        margin-top: 16px;
    }

    .b-d-header-content {
        border-bottom: 0;
        padding: 48px 32px;
    }

    .b-d-slider-seperator-top {
        display: none;
    }

    .b-d-slider {
        padding-bottom: 32px;
    }

    .b-d-slider-item {
        width: 200px;
        height: 286px;
    }

    .b-e-header-right {
        padding-top: 64px;
    }

    .b-e-title {
        font-size: 28px;
    }

    .b-e-item {
        height: 148px;
    }

    .b-e-item img {
        width: 140px;
        height: 62px;
    }

    .b-f-image-left {
        max-width: 220px;
    }

    .b-f-image-right {
        max-width: 220px;
    }

    .b-f-content {
        max-width: 420px;
        padding: 44px 0;
    }

    .b-f-seperator-top {
        height: 80px;
    }

    .b-f-seperator-bottom {
        height: 80px;
    }

    .b-f-title {
        font-size: 28px;
    }

    .b-f-text {
        font-size: 16px;
        line-height: 140%;
    }

    .b-f-button a {
        height: 56px;
        font-size: 16px;
    }

    .b-o-title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .b-o-content {
        max-width: 420px;
    }

    .b-o-blocks {
        min-height: 708px;
    }

    .b-o-tabs {
        height: 48px;
        margin-bottom: 32px;
    }

    .b-o-tab {
        font-size: 14px;
        padding: 0 24px;
    }

    .b-o-tab-title {
        font-size: 22px;
    }

    .b-o-tab-param {
        font-size: 16px;
        line-height: 140%;
    }

    .b-h-item-photo div {
        height: 183px;
    }

    .b-h-item-title {
        font-size: 22px;
    }

    .b-h-item-list a {
        font-size: 16px;
        line-height: 140%;
    }

    .b-l-header-right {
        padding-top: 64px;
    }

    .b-l-header-left {
        padding-top: 64px;
    }

    .b-l-title {
        font-size: 28px;
    }

    .b-l-list {
        padding: 32px 0;
    }

    .b-l-seperator-bottom {
        height: 80px;
    }

    .b-m-seperator-top {
        height: 80px;
    }

    .b-m-seperator-bottom {
        height: 80px;
    }

    .b-m-title {
        font-size: 28px;
    }

    .b-i-item {
        padding: 16px;
    }

    .b-i-item-title {
        font-size: 17px;
    }

    .b-i-item-photo {
        padding-top: 16px;
    }

    .b-k-title {
        font-size: 28px;
        margin-bottom: 48px;
    }

    .b-k-block-title {
        font-size: 22px;
        margin-bottom: 24px;
    }

    .b-k-row-param span {
        font-size: 16px;
    }

    .b-k-row-value {
        font-size: 16px;
    }

    .b-k-block:not(:first-child) {
        margin-top: 48px;
    }

    .b-k-list-button span {
        font-size: 14px;
    }

    .b-q-list {
        padding: 32px 0;
    }

    .b-q-list {
        gap: 32px;
    }

    .b-q-item {
        border-radius: 4px;
        width: calc(50% - 16px);
        min-height: auto;
    }

    .b-q-item-content {
        flex-direction: column;
        gap: 0;
        flex: 1;
    }

    .b-q-item-content-title {
        font-size: 22px;
    }

    .b-q-item-content-button {
        padding-top: 32px;
        margin-top: auto;
    }

    .b-q-item-content-button span {
        height: 56px;
        width: 100%;
        font-size: 16px;
        padding: 0 32px;
    }

    .b-q-item-content-price {
        display: block;
    }

    .b-q-item-price {
        display: none;
    }

    .b-r-content {
        max-width: 704px;
        padding: 54px 0 32px;
    }

    .b-r-title {
        font-size: 34px;
    }

    .b-r-price {
        margin-top: 16px;
        font-size: 22px;
    }

    .b-r-button span {
        height: 56px;
        font-size: 16px;
    }

    .b-r-list-item {
        position: relative;
        flex-direction: column;
        margin: 40px 32px 0;
        border-radius: 4px;
        padding: 16px;
        border-bottom: none;
        background-color: #F5F5F5;
    }

    .b-r-list-item:before {
        content: '';
        display: block;
        position: absolute;
        left: calc(50% - 1px);
        top: -40px;
        width: 2px;
        height: 40px;
        background-color: #F0EFEF;
        pointer-events: none;
    }

    .b-r-list-item-left {
        padding: 0;
        border: none;
        width: 100%;
        font-size: 22px;
        margin-bottom: 16px;
    }

    .b-r-list-item-right {
        padding: 0;
        border: none;
        width: 100%;
        max-width: 650px;
        font-size: 16px;
        color: #767680;
    }

    .b-r-list-item-right p:not(:first-child) {
        margin-top: 8px;
    }

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

    .catalog-items {
        padding: 0;
    }

    @media screen and (min-width: 1024px) {
        .catalog-item:nth-child(1) {
            order: -7;
        }

        .catalog-item:nth-child(2) {
            order: -6;
        }

        .catalog-item:nth-child(3) {
            order: -5;
        }

        .catalog-item:nth-child(4) {
            order: -4;
        }

        .catalog-item:nth-child(5) {
            order: -3;
        }

        .catalog-item:nth-child(6) {
            order: -2;
        }
    }

    .catalog-slide {
        max-width: 800px;
    }

    .catalog-slider {
        margin-right: -28px;
        padding-right: 32px;
    }

    .catalog-right {
        width: 100%;
    }

    .catalog-item-name {
        font-size: 22px;
    }

    .catalog-item-price-now {
        font-size: 20px;
    }

    .catalog-item-price-old {
        font-size: 16px;
    }

    .catalog-item-panel {
        margin-top: 16px;
    }

    .catalog-item-buy {
        font-size: 16px;
        height: 56px;
    }

    .catalog-item-fav span {
        width: 56px;
        height: 56px;
    }

    .button-count-line {
        font-size: 16px;
        gap: 4px;
    }

    .catalog-left {
        width: 100%;
        border: none;
        padding: 0;
        will-change: min-height;
    }

    .filter {
        display: flex;
        width: 100% !important;
        position: relative !important;
        transform: none !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        will-change: auto !important;
        padding: 0;
    }

    .filter-clear.show {
        margin-top: 0;
    }

    .filter-panel-left {
        width: 50%;
        border-right: 1px solid #F0EFEF;
        padding: 10px 0px;
    }

    .filter-panel-right {
        display: flex;
    }

    .filter-sort-button-dropdown a {
        font-size: 14px;
    }

    .filter-sort-title {
        display: none;
    }

    .filter-sort-button-variant {
        height: 44px;
    }

    .filter-sort-button-text {
        font-size: 14px;
        font-weight: 500;
    }

    .filter-overlow {
        display: block;
    }

    .open-filter .filter-overlow {
        opacity: 1;
        visibility: visible;
    }

    .filter-right {
        position: fixed;
        display: flex;
        flex-direction: column;
        width: 425px;
        margin: 0;
        background-color: #fff;
        border-radius: 8px 0 0 0;
        z-index: 1001;
        bottom: 0;
        right: 0;
        height: 100%;
        transform: translatex(100%);
        transition-duration: 350ms;
    }

    .open-filter {
        overflow: hidden;
    }

    .open-filter .filter-right {
        transform: translatex(0);
    }

    .filter-block-wrapper {
        height: auto !important;
    }

    .filter-footer {
        display: flex;
        padding: 16px;
        border-top: 2px solid #F0EFEF;
        margin-top: auto;
        gap: 12px;
    }

    .filter-header {
        display: flex;
    }

    .filter-scroll {
        overflow-y: auto;
        flex: 1;
        padding: 20px 24px 24px;
    }

    .filter-scroll::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    .filter-scroll::-webkit-scrollbar-thumb {
        background-color: #4334A1;
        border-radius: 4px;
    }

    .filter-price-title {
        font-size: 16px;
    }

    .filter-price-inputs {
        flex-direction: row;
    }

    .filter-price-input {
        width: calc(50% - 4px);
    }

    .filter-block-title {
        font-size: 16px;
    }

    .filter-block-name {
        font-size: 16px;
    }

    .filter-clear {
        flex: 1;
    }

    .filter-clear button {
        font-size: 16px;
        height: 56px;
    }

    .filter-clear button svg {
        display: none;
    }

    .filter-clear button span {
        display: none;
    }

    .filter-set {
        display: flex;
    }

    .filter-seperator-table {
        display: flex;
    }

    .filter-mobile-button-text {
        font-size: 14px;
        font-weight: 500;
    }

    .brcr-list-scroll {
        margin: 0 -32px;
        padding: 0 32px;
    }

    .product-brcr .brcr-list-scroll {
        padding-right: 0;
        margin-right: 0;
    }

    .brcr-list a {
        font-size: 14px;
    }

    .brcr-panel {
        gap: 16px;
    }

    .brcr-panel-button-icon svg {
        width: 20px;
    }

    .brcr-panel {
        width: auto;
        max-width: none;
    }

    .brcr-panel-button-text {
        font-size: 14px;
        line-height: 140%;
        width: 88px;
    }

    .product-left {
        width: 288px;
    }

    .product-center {
        min-width: 320px;
    }

    .product-title {
        font-size: 22px;
    }

    .product-offer-title {
        font-size: 20px;
    }

    .product-offer-list span {
        height: 42px;
        font-size: 16px;
    }

    .product-chars-title {
        font-size: 20px;
    }

    .product-chars-row {
        flex-direction: column;
    }

    .product-chars-row:before {
        display: none;
    }

    .product-chars-row-param span {
        font-size: 16px;
    }

    .product-chars-row-value {
        font-size: 16px;
        margin: 0;
    }

    .product-chars-all {
        margin-top: 12px;
    }

    .product-chars-all span {
        font-size: 14px;
    }

    .product-variants-tabs {
        height: 52px;
    }

    .product-variants-tab {
        font-size: 16px;
        padding: 0 20px;
    }

    .product-complect-noty-row {
        font-size: 14px;
    }

    .product-complect-row-name {
        font-size: 16px;
    }

    .product-complect-row-value {
        font-size: 16px;
    }

    .product-complect-sale-name {
        font-size: 16px;
    }

    .product-complect-sale-value {
        font-size: 16px;
    }

    .product-complect-price {
        gap: 8px;
    }

    .product-complect-price-now {
        font-size: 22px;
    }

    .product-complect-price-old {
        font-size: 16px;
    }

    .product-complect-sale-noty {
        font-size: 14px;
    }

    .product-complect-buy {
        font-size: 16px;
        height: 52px;
    }

    .product-slider-title {
        font-size: 24px;
    }

    .product-slider-item {
        flex-direction: column;
    }

    .product-slider-item {
        max-width: 240px;
        padding: 16px;
        gap: 16px;
    }

    .product-slider-cnt-1 .product-slider-item {
        max-width: 240px;
    }

    .product-slider-cnt-2 .product-slider-item {
        max-width: 240px;
    }

    .product-slider-item-photo {
        width: 100%;
    }

    .product-slider-item-title {
        font-size: 22px;
    }

    .product-slider-item-char {
        font-size: 16px;
    }

    .product-slider-item-price-now {
        font-size: 20px;
    }

    .product-slider-item-price-old {
        font-size: 16px;
    }

    .product-slider-item-prices {
        gap: 8px;
    }

    .product-slider-item-footer {
        margin-top: auto;
    }

    .product-slider-item-content {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .product-banner {
        padding: 32px;
    }

    .product-banner-header {
        display: none;
    }

    .product-banner-content {
        width: 100%;
        padding: 0;
    }

    .product-banner-image {
        min-height: 240px;
        width: 464px;
    }

    .product-banner-context-title {
        font-size: 24px;
    }

    .product-banner-context-text {
        font-size: 16px;
        line-height: 140%;
    }

    .product-banner-context-button a {
        font-size: 16px;
        height: 48px;
    }

    .product-docs-title {
        font-family: 'Loos Normal', sans-serif;
        font-size: 24px;
    }

    .product-docs-header {
        width: 322px;
    }

    .product-docs-panel {
        font-size: 16px;
        line-height: 140%;
    }

    .product-docs-list {
        gap: 32px;
    }

    .product-doc-icon {
        width: 32px;
        height: 32px;
        border-radius: 4px;
    }

    .product-doc-icon svg {
        width: 16px;
    }

    .product-doc-name {
        font-size: 16px;
        line-height: 140%;
    }

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

    .product-doc {
        width: calc(50% - 16px);
    }

    .product-all-chars-title {
        font-family: 'Loos Normal', sans-serif;
        font-size: 24px;
    }

    .product-all-chars-header {
        width: 322px;
    }

    .product-all-chars-param {
        font-size: 16px;
    }

    .product-desc-header {
        width: 322px;
    }

    .product-desc-title {
        font-size: 24px;
    }

    .product-slider-fixed {
        width: 138px;
    }

    .product-slider-button a {
        font-size: 16px;
    }

    .product-complect-cart {
        max-width: 288px;
    }

    .parts {
        padding: 32px 0;
    }

    .parts-header-title {
        font-size: 34px;
    }

    .parts-header-content {
        max-width: 540px;
    }

    .parts-list a {
        font-size: 17px;
        padding: 16px;
    }

    .parts-page-title {
        font-size: 28px;
    }

    .parts-page-list .catalog-item {
        width: calc(100% / 3);
    }

    .parts-page-list {
        width: calc(100% + 4px);
    }

    .cart {
        padding: 32px 0;
    }

    .cart-blocks {
        gap: 32px;
    }

    .cart-right {
        width: 328px;
    }

    .cart-panel-param {
        font-size: 16px;
    }

    .cart-panel-value {
        font-size: 16px;
    }

    .cart-panel-total-param {
        font-size: 22px;
    }

    .cart-panel-total-value {
        font-size: 20px;
    }

    .cart-panel-button:not(:first-child) {
        margin-top: 16px;
    }

    .cart-panel-button a {
        font-size: 16px;
        height: 64px;
        padding: 0 16px;
    }

    .cart-panel-politic {
        margin-top: 16px;
        font-size: 14px;
    }

    .cart-left {
        width: calc(100% - 360px);
    }

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

    .cart-item-blocks {
        gap: 16px;
    }

    .cart-item-name a {
        font-size: 22px;
    }

    .cart-item-char {
        font-size: 16px;
    }

    .cart-item-left {
        max-width: 232px;
    }

    .cart-item-count-input input {
        font-size: 16px;
    }

    .cart-item-noty {
        margin-top: 20px;
    }

    .cart-item-count-input {
        height: 48px;
    }

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

    .cart-item-backup-timer-el {
        width: 40px;
        height: 40px;
    }

    .cart-item-backup-timer-el span {
        font-size: 16px;
        line-height: 140%;
    }

    .cart-item-backup-button span {
        font-size: 16px;
        line-height: 140%;
    }

    .cart-empty {
        padding: 80px 0;
    }

    .cart-empty-title {
        font-size: 22px;
    }

    .cart-empty-button a {
        height: 56px;
        max-width: 364px;
        font-size: 16px;
    }

    .cart-empty-button a svg {
        width: 16px;
    }

    .cart-modal-type-title {
        font-size: 25px;
        line-height: 120%;
        margin-bottom: 16px;
    }

    .cart-modal-product-variants-tabs {
        height: 52px;
    }

    .cart-modal-product-variants-tab {
        font-size: 16px;
        padding: 0 20px;
    }

    .cart-modal-product-complect-noty-row {
        font-size: 14px;
        padding: 12px;
    }

    .cart-modal-product-only-noty-row {
        font-size: 14px;
        padding: 12px;
    }

    .cart-modal-product-complect-row-name {
        font-size: 16px;
    }

    .cart-modal-product-complect-row-value {
        font-size: 16px;
    }

    .cart-modal-product-complect-sale-name {
        font-size: 16px;
    }

    .cart-modal-product-complect-sale-value {
        font-size: 16px;
    }

    .cart-modal-product-complect-price {
        gap: 8px;
    }

    .cart-modal-product-complect-price-now {
        font-size: 22px;
    }

    .cart-modal-product-complect-price-old {
        font-size: 16px;
    }

    .cart-modal-product-complect-save {
        font-size: 16px;
        height: 48px;
    }

    .cart-panel {
        top: 110px;
    }

    .order {
        padding: 24px 0 32px;
    }

    .order-blocks {
        gap: 32px;
    }

    .order-tabs-block {
        gap: 24px;
    }

    .order-login {
        font-size: 16px;
        line-height: 140%;
    }

    .order-left {
        width: calc(100% - 360px);
    }

    .order-right {
        width: 328px;
    }

    .order-nav-item {
        height: 58px;
    }

    .order-nav-item {
        font-size: 22px;
    }

    .order-panel {
        top: 110px;
    }

    .order-panel-param-cart {
        font-size: 16px;
    }

    .order-panel-value {
        font-size: 16px;
    }

    .order-panel-total-param {
        font-size: 22px;
    }

    .order-panel-total-value {
        font-size: 20px;
    }

    .order-panel-button:not(:first-child) {
        margin-top: 16px;
    }

    .order-panel-button button {
        font-size: 16px;
        height: 64px;
        padding: 0 16px;
    }

    .order-panel-politic {
        margin-top: 16px;
        font-size: 14px;
    }

    .order-tabs {
        height: 52px;
    }

    .order-tab {
        padding: 0 35px;
        font-size: 16px;
    }

    .order-input-field input {
        height: 52px;
    }

    .order-input-label {
        font-size: 16px;
    }

    .order-delivery-address-input-field input {
        height: 52px;
    }

    .order-delivery-deline-tab {
        padding: 0 32px;
        font-size: 16px;
    }

    .order-delivery-deline-terminal-select-label {
        font-size: 16px;
    }

    .order-delivery-deline-input-label {
        font-size: 16px;
    }

    .order-delivery-deline-address-input-field input {
        height: 52px;
    }

    .order-delivery-deline-city-input-field input {
        height: 52px;
    }

    .order-delivery-deline-terminal-select-field {
        height: 52px;
    }

    .footer-logo-image a {
        max-width: 162px;
    }

    .footer-logo-text {
        font-size: 14px;
        line-height: 140%;
    }

    .footer-logo-year {
        font-size: 14px;
        line-height: 140%;
    }

    .footer-center {
        padding-top: 0;
    }

    .footer-menu-columns {
        gap: 16px;
    }

    .footer-menu-title {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 8px;
    }

    .footer-menu-item a {
        font-size: 14px;
        line-height: 140%;
    }

    .footer-right {
        padding-top: 0;
    }

    .footer-contacts-title {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 8px;
    }

    .footer-contacts-item a {
        font-size: 22px;
    }

    .footer-contacts-item:not(:first-child) {
        margin-top: 8px;
    }

    .order-done {
        margin-top: 0;
    }

    .order-done-seperator-top {
        display: none;
    }

    .order-done-seperator-bottom {
        display: none;
    }

    .order-done-check {
        width: 108px;
        height: 108px;
    }

    .order-done-check-big {
        width: 108px;
        height: 108px;
    }

    .order-done-check-middle {
        width: 88px;
        height: 88px;
    }

    .order-done-check svg {
        width: 45px;
    }

    .order-done-content {
        width: 100%;
        border: none;
        padding-left: 16px;
        padding-right: 16px;
    }

    .order-done-image-left {
        display: none;
    }

    .order-done-image-right {
        display: none;
    }

    .order-done-title {
        font-size: 28px;
    }

    .order-done-button-yandex-split {
        margin-top: 32px;
    }

    .order-done-button {
        margin-top: 32px;
    }

    .order-done-button a {
        font-size: 16px;
        height: 56px;
    }

    .order-delivery-tab-header-name {
        font-size: 17px;
        line-height: 140%;
    }

    .order-pay-tab-header-name {
        font-size: 17px;
        line-height: 140%;
    }

    .order-delivery-address-input-label {
        font-size: 16px;
    }

    .order-delivery-address-noty {
        font-size: 14px;
        line-height: 140%;
    }

    .order-delivery-pickup-tabs {
        display: flex;
    }

    .order-delivery-pickups {
        flex-direction: column;
        gap: 0;
    }

    .order-delivery-pickup-block {
        padding: 0;
        border: none;
        border-radius: 0;
        background: #fff;
    }

    .order-delivery-pickup input:checked+.order-delivery-pickup-block {
        border-color: #fff;
        background-color: #fff;
    }

    .order-delivery-pickup input:not(:checked)+.order-delivery-pickup-block {
        display: none;
    }

    .order-delivery-pickup-header {
        display: none;
    }

    .order-delivery-pickup-row:not(:first-child) {
        padding-top: 24px;
    }

    .order-delivery-pickup-param {
        font-size: 16px;
        line-height: 140%;
    }

    .order-delivery-pickup-value p:not(:first-child) {
        margin-top: 4px;
    }

    .order-delivery-pickup {
        width: 100%;
    }

    .error {
        margin-top: 0;
    }

    .error-seperator-top {
        display: none;
    }

    .error-seperator-bottom {
        height: 80px;
        border-top: 2px solid #F0EFEF;
    }

    .error-content {
        border: none;
        padding-left: 16px;
        padding-right: 16px;
    }

    .error-image-left {
        display: none;
    }

    .error-image-right {
        display: none;
    }

    .error-num-value {
        font-size: 126px;
    }

    .error-num img {
        height: 90px;
    }

    .error-title {
        font-size: 28px;
    }

    .header-catalog {
        padding-left: 32px;
        padding-right: 32px;
    }

    .header-catalog-blocks {
        gap: 72px;
    }

    .header-catalog-right {
        max-width: 288px;
    }

    .header-catalog-recom a {
        padding: 16px;
    }

    .header-catalog-menu-item-base a {
        font-size: 17px;
        line-height: 130%;
    }

    .header-catalog-menu-list {
        margin-top: 12px;
    }

    .header-catalog-menu-list-item a {
        font-size: 16px;
        line-height: 140%;
    }

    .header-catalog-menu-item:not(:first-child) {
        margin-top: 40px;
    }

    .header-catalog-recom-title {
        font-size: 22px;
    }

    .personal {
        padding: 48px 0;
    }

    .personal-sidebar {
        width: 328px;
    }

    .personal-error {
        font-size: 16px;
        line-height: 140%;
    }

    .personal-blocks {
        gap: 32px;
    }

    .personal-tabs {
        height: 60px;
        width: 100%;
    }

    .personal-tab {
        font-size: 16px;
    }

    .personal-tabs-block {
        margin-bottom: 32px;
    }

    .personal-input-label {
        font-size: 16px;
    }

    .personal-input-field input {
        height: 52px;
    }

    .personal-inputs {
        gap: 24px;
    }

    .personal-input {
        width: calc(50% - 12px);
    }

    .personal-input-full {
        width: 100%;
    }

    .personal-panel {
        margin-top: 32px;
    }

    .personal-panel-button span {
        font-size: 16px;
        height: 56px;
    }

    .personal-panel-button-edit button {
        font-size: 16px;
        height: 56px;
    }

    .personal-contact-image div {
        padding-top: 120%;
    }

    .personal-contact-title {
        font-size: 22px;
    }

    .personal-contact-button span {
        height: 56px;
        font-size: 16px;
    }

    .personal-orders-panel-button span {
        font-size: 16px;
        height: 56px;
    }

    .personal-order-header-num {
        font-size: 22px;
    }

    .personal-order-header-date {
        font-size: 16px;
    }

    .personal-order-header-price {
        font-size: 20px;
    }

    .personal-order-header-status {
        font-size: 16px;
    }

    .personal-order-product-name a {
        font-size: 22px;
    }

    .personal-order-product-char {
        font-size: 16px;
    }

    .personal-order-product-price {
        font-size: 18px;
    }

    .personal-order-product-type span {
        font-size: 14px;
    }

    .personal-order-product {
        align-items: normal;
    }

    .personal-order-product-content {
        align-items: flex-start;
    }

    .personal-order-product-panel {
        display: flex;
        flex-direction: column;
    }

    .personal-order-product-type {
        margin-top: auto;
    }

    .personal-order-panel {
        padding: 16px;
    }

    .personal-order-close span {
        font-size: 16px;
    }

    .compare-header-left {
        padding-left: 32px;
    }

    .compare-content-left {
        width: 100%;
        max-width: 640px;
        min-width: 486px;
        flex: 1;
    }

    .compare-products {
        gap: 24px;
    }

    .compare-product {
        width: calc(50% - 12px);
    }

    .compare-product-empty {
        width: calc(50% - 12px);
    }

    .compare-product-name a {
        font-size: 20px;
    }

    .compare-product-empty-block {
        font-size: 16px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjUnIHZpZXdCb3g9JzAgMCAyNCAyNScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTIgNC41VjEyLjVNMTIgMTIuNVYyMC41TTEyIDEyLjVINE0xMiAxMi41SDIwJyBzdHJva2U9JyM0MzM0QTEnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZSc+PC9wYXRoPjwvc3ZnPg==');
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .compare-product-empty-block span {
        position: absolute;
        top: calc(100% + 12px);
        transform: none;
    }

    .compare-product-empty-block svg {
        display: none;
    }

    .compare-product-compare-text {
        font-size: 16px;
        line-height: 140%;
    }

    .compare-title {
        font-size: 34px;
    }

    .compare-text {
        font-size: 16px;
        line-height: 140%;
        margin-top: 16px;
    }

    .compare-content-right {
        padding-right: 32px;
        flex: 1;
        width: 100%;
        max-width: 400px;
    }

    .compare-chars-title {
        font-size: 28px;
        padding-left: 32px;
    }

    .compare-chars-row {
        padding-left: 32px;
    }

    .compare-chars-label {
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 8px;
    }

    .compare-chars-cols {
        gap: 24px;
    }

    .compare-chars-col {
        width: calc(50% - 12px);
    }

    .compare-chars-col {
        font-size: 16px;
        line-height: 140%;
    }

    .compare-footer-tabs-block {
        padding-left: 32px;
    }

    .compare-footer {
        width: 100%;
        max-width: 641px;
        min-width: 486px;
    }

    .compare-footer-tab {
        font-size: 14px;
    }

    .compare-footer-complect-noty-block {
        padding-left: 32px;
    }

    .compare-footer-only-noty-block {
        padding-left: 32px;
    }

    .compare-footer-complect-noty-row {
        font-size: 14px;
        line-height: 140%;
    }

    .compare-footer-only-noty-row {
        font-size: 14px;
        line-height: 140%;
    }

    .compare-footer-only-noty p:not(:first-child) {
        margin-top: 8px;
    }

    .compare-footer-row {
        padding-left: 32px;
    }

    .compare-footer-col {
        font-size: 16px;
        line-height: 140%;
    }

    .compare-footer-title {
        font-size: 28px;
        padding-left: 32px;
    }

    .compare-footer-row {
        gap: 24px;
    }

    .compare-footer-col {
        width: calc(50% - 12px);
    }

    .compare-footer-panel {
        gap: 24px;
        padding-left: 32px;
    }

    .compare-footer-panel-price-old {
        font-size: 16px;
        line-height: 140%;
    }

    .compare-count-1 .compare-footer-panel-buttons {
        gap: 24px;
    }

    .compare-seperator {
        display: none;
    }

    .compare-empty {
        border-bottom: 2px solid #F0EFEF;
    }

    .compare-footer-panel-col {
        width: calc(50% - 12px);
    }

    .favorite-list .catalog-item {
        width: calc(100% / 3);
    }

    .favorite-empty-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .page-header {
        margin-top: 0;
        padding-top: 32px;
        padding-bottom: 12px;
        border: none;
    }

    .page-header-blocks {
        flex-direction: column;
        text-align: center;
    }

    .page-header-left {
        width: 100%;
        padding: 0;
        border: none;
    }

    .page-header-right {
        width: 100%;
        padding: 0;
        border: none;
    }

    .page-header-right .\!html {
        max-width: 500px;
        margin: 16px auto 0;
    }

    .header-static-container {
        justify-content: center;
        height: 80px;
    }

    .header-static-mobile-seperator {
        display: flex;
    }

    .header-logo a {
        max-width: 48px;
    }

    .header-middle {
        display: none;
    }

    .header-left {
        position: relative;
        width: 50%;
    }

    .header-buttons {
        margin-left: auto;
    }

    .header-button-catalog {
        margin-right: -100px;
    }

    .header-button-catalog a {
        height: 48px;
        width: 200px;
    }

    .header-button-catalog-icon {
        width: 16px;
        height: 16px;
    }

    .header-right {
        position: relative;
        width: 50%;
        pointer-events: none;
    }

    .header-menu {
        width: 48px;
        height: 48px;
        pointer-events: auto;
    }

    .mobile-menu-search {
        display: block;
    }

    .sticky-cart a {
        width: 80px;
        height: 80px;
        padding-top: 22px;
    }

    .sticky-cart svg {
        width: 40px;
    }

    .sticky-cart span {
        height: 28px;
        min-width: 43px;
        top: -12px;
    }

    .b-a {
        margin-top: 0;
    }

    .b-a-block {
        flex-direction: column;
        gap: 24px;
        padding: 32px 0;
    }

    .b-a-image {
        order: -1;
        width: 100%;
        padding: 0;
        border: none;
    }

    .b-a-image-block {
        border-radius: 4px;
        height: 468px;
    }

    .b-a-content {
        width: 100%;
        padding: 0;
        min-height: auto;
        border: none;
    }

    .b-a-button {
        margin-top: 24px;
    }

    .b-a-button a {
        width: 100%;
        max-width: 320px;
    }

    .b-b-item {
        width: calc((100% - 8px) / 2);
        min-height: 154px;
    }

    .b-b-item:nth-child(1),
    .b-b-item:nth-child(2) {
        min-height: 154px;
    }

    .b-b-item-photo {
        max-width: 135px;
    }

    .b-c-item {
        border-radius: 4px;
    }

    .b-c-item-photo div {
        height: 312px;
    }

    .b-c-item-content-photo {
        width: calc(100% - 213px);
    }

    .b-c-item-content-photo div {
        height: 312px;
    }

    .b-c-item-work {
        max-width: 189px;
    }

    .b-e-item {
        width: calc((100% - 12px) / 2);
    }

    .b-f-image-left {
        max-width: 158px;
    }

    .b-f-image-right {
        max-width: 158px;
    }

    .b-f-content {
        max-width: 340px;
        padding: 40px 0;
    }

    .b-o-container {
        padding: 48px 0;
    }

    .b-o-title {
        margin-bottom: 16px;
    }

    .b-o-blocks {
        display: flex;
        flex-direction: column;
        gap: 32px;
        min-height: auto;
        padding: 0;
    }

    .b-o-map {
        position: relative;
        height: 432px;
    }

    .b-o-content {
        max-width: none;
        border-radius: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .b-o-content-wrapper {
        padding: 0;
    }

    .b-o-tab-content {
        display: flex;
        gap: 24px;
    }

    .b-o-tab-block:not(:first-child) {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .b-o-tab-block {
        width: calc(50% - 12px);
    }

    .b-o-tab-title {
        margin-bottom: 24px;
    }

    .b-o-tab-row {
        flex-direction: column;
        padding: 0;
        gap: 4px;
    }

    .b-o-tab-row:not(:first-child) {
        margin-top: 24px;
    }

    .b-h-list {
        flex-direction: column;
    }

    .b-h-item {
        width: 100%;
    }

    .b-h-item:nth-child(2) {
        width: 100%;
    }

    .b-h-item-photo {
        order: -1;
        padding: 0;
        margin-bottom: 24px;
    }

    .b-h-item-list {
        margin-top: 20px;
    }

    .b-h-item-photo div {
        height: 436px;
    }

    .b-l {
        padding: 48px 0 0 0;
    }

    .b-l-header {
        border: none;
        margin-bottom: 32px;
    }

    .b-l-header-blocks {
        flex-direction: column;
    }

    .b-l-header-left {
        width: 100%;
        padding: 0;
        margin-bottom: 16px;
        border: none;
    }

    .b-l-header-right {
        width: 100%;
        padding: 0;
        border: none;
        max-width: 640px;
    }

    .b-l-list {
        padding: 0 0 48px;
    }

    .b-m-blocks {
        flex-direction: column;
        padding: 48px 0;
    }

    .b-m-left {
        padding: 0;
        width: 100%;
        border: none;
        margin-bottom: 16px;
    }

    .b-m-right {
        padding: 0;
        width: 100%;
        border: none;
        max-width: 640px;
    }

    .b-m-seperator-top-table {
        display: flex;
    }

    .b-i-list {
        gap: 12px;
    }

    .b-i-item {
        padding-bottom: 32px;
        width: calc((100% - 2* 12px) / 2);
    }

    .b-i-item-photo {
        order: -1;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 24px;
    }

    .b-k {
        padding: 48px 0 0 0;
    }

    .b-k-blocks {
        padding-bottom: 48px;
    }

    .b-k-row {
        flex-direction: column;
        gap: 4px;
    }

    .b-k-row-value {
        margin-left: 0;
        margin-top: 0;
    }

    .b-k-row:before {
        display: none;
    }

    .b-p-block {
        padding: 24px;
        justify-content: flex-start;
    }

    .b-q-seperator-bottom {
        display: flex;
    }

    .b-r {
        margin-top: 0;
    }

    .b-r-content {
        padding-top: 32px;
    }

    .b-r-list-item-right {
        max-width: 520px;
    }

    .b-f-seperator-bottom-job {
        display: flex;
    }

    .page-header-job {
        padding-bottom: 0;
    }

    .page-header-job .page-header-blocks {
        text-align: left;
    }

    .page-header-job .page-header-right .\!html {
        margin-left: 0;
        margin-right: 0;
    }

    .page-header-job-seperator-bottom {
        display: flex;
    }

    .catalog-search {
        display: block;
    }

    .page-header-catalog {
        overflow: hidden;
        transition-duration: 350ms;
    }

    .page-header-catalog .page-header {
        padding-bottom: 16px;
        transition-duration: 350ms;
    }

    .page-header-catalog.hide .page-header {
        opacity: 0;
        visibility: hidden;
    }

    .page-header-catalog.hide {
        height: 24px !important;
    }

    .catalog-items-list {
        width: calc(100% + 2px);
    }

    .catalog-item {
        width: 50%;
    }

    .catalog-empty {
        position: relative;
        border-top: 2px solid #F0EFEF;
        border-bottom: 2px solid #F0EFEF;
        margin: 40px -32px 0;
        width: calc(100% + 64px);
    }

    .catalog-empty:before {
        content: '';
        position: absolute;
        left: calc(50% - 1px);
        width: 2px;
        height: 40px;
        top: -42px;
        background-color: #F0EFEF;
        display: block;
    }

    @media screen and (min-width: 768px) {
        .catalog-item:nth-child(1) {
            order: -5;
        }

        .catalog-item:nth-child(2) {
            order: -4;
        }

        .catalog-item:nth-child(3) {
            order: -3;
        }

        .catalog-item:nth-child(4) {
            order: -2;
        }
    }

    .catalog-slider {
        margin-right: -30px;
    }

    .catalog-slide:not(:last-child) {
        margin-right: 16px;
    }

    .catalog-slide {
        flex-direction: column;
        max-width: 480px;
        gap: 20px;
    }

    .catalog-slide-photo {
        width: 100%;
    }

    .catalog-slide-photo div {
        padding-top: 64%;
    }

    .catalog-slide-title {
        font-size: 22px;
    }

    .catalog-slide-text {
        font-size: 16px;
        line-height: 140%;
    }

    .catalog-slide-button {
        padding-top: 32px;
    }

    .catalog-slide-button span {
        font-size: 16px;
    }

    .catalog-slide-button span svg {
        width: 18px;
    }

    .brcr-title {
        display: block;
    }

    .brcr-panel {
        display: none;
    }

    .product-brcr {
        display: block;
    }

    .product-brcr .brcr-list-scroll {
        width: auto;
        margin-right: -32px;
        padding-right: 32px;
    }

    .brcr {
        padding-bottom: 28px;
        border-bottom: 0;
    }

    .product-panel {
        display: flex;
    }

    .product-blocks {
        flex-wrap: wrap;
        gap: 0;
    }

    .product-left {
        width: calc(50% - 16px);
        margin-right: 16px;
        padding: 0;
    }

    .product-photos-thumb-item {
        width: 88px;
    }

    .product-center {
        min-width: auto;
        border: none;
        width: calc(50% - 16px);
        margin-left: 16px;
        margin-top: -28px;
        padding: 0;
    }

    .product-center:not(:last-child) {
        border-right: none;
    }

    .product-title {
        display: none;
    }

    .product-variants-tabs {
        height: 52px;
        background-color: #E8E8EB;
        border: 2px solid #E8E8EB;
    }

    .product-right {
        width: 100%;
        max-width: none;
        padding: 0;
    }

    .product-variants {
        padding: 24px;
        height: auto;
        background-color: #F5F5F5;
    }

    .product-complect-noty {
        background-color: #fff;
    }

    .product-only-noty {
        background-color: #fff;
    }

    .product-right-seperator-top {
        display: flex;
    }

    .product-right-seperator-bottom {
        display: flex;
    }

    .product-banner {
        padding: 64px 32px 32px;
    }

    .product-banner-image {
        width: 100%;
        flex: 1;
    }

    .product-banner-context {
        flex: 1;
    }

    .product-docs {
        flex-direction: column;
        padding: 48px 32px 64px;
    }

    .product-docs-header {
        width: 100%;
        padding: 0;
        border: none;
    }

    .product-docs-title {
        margin-bottom: 32px;
    }

    .product-docs-content {
        width: 100%;
        padding: 0;
    }

    .product-docs-panel {
        margin-bottom: 32px;
        margin-top: -20px;
    }

    .product-all-chars {
        flex-direction: column;
        padding: 48px 32px 64px;
    }

    .product-all-chars-header {
        width: 100%;
        padding: 0;
        border: none;
    }

    .product-all-chars-title {
        margin-bottom: 20px;
    }

    .product-all-chars-content {
        width: 100%;
        padding: 0;
    }

    .product-desc {
        flex-direction: column;
        padding: 32px;
    }

    .product-desc-header {
        width: 100%;
        padding: 0;
        border: none;
    }

    .product-desc-content {
        width: 100%;
        padding: 0;
    }

    .product-desc-title {
        font-size: 34px;
        margin-bottom: 16px;
    }

    .product-slider-button {
        display: none;
    }

    .product-slider-fixed {
        display: none;
    }

    .product-slider-button-mobile {
        display: block;
    }

    .product-desc-seperatop-top {
        display: flex;
    }

    .product-complect-cart {
        max-width: none;
    }

    .product-center .product-complect-buy {
        display: none;
    }

    .product-mobile-footer {
        display: block;
    }

    .parts-list a {
        width: calc((100% - 8px) / 2);
        min-height: 154px;
    }

    .parts-page-products {
        padding-bottom: 0;
        border-bottom: none;
    }

    .parts-page-list {
        width: calc(100% + 2px);
    }

    .parts-page-list .catalog-item {
        width: 50%;
    }

    .cart {
        padding: 20px 0 0;
    }

    .cart-blocks {
        flex-direction: column;
        gap: 0;
    }

    .cart-left {
        width: 100%;
    }

    .cart-item {
        border-radius: 4px;
    }

    .cart-item-product {
        padding: 24px;
    }

    .cart-item-blocks {
        gap: 20px;
    }

    .cart-item-left {
        max-width: 178px;
    }

    .cart-item-prices {
        display: none;
    }

    .cart-item-prices-mobile {
        display: flex;
        align-items: center;
        margin-top: 24px;
    }

    .cart-item-type {
        margin-top: 0;
        margin-left: auto;
    }

    .cart-item-bottom {
        flex-direction: row;
        align-items: center;
    }

    .cart-item-count {
        order: -1;
    }

    .cart-item-remove {
        margin-left: auto;
    }

    .cart-item-remove span {
        width: 24px;
    }

    .cart-item-noty {
        margin-top: 24px;
    }

    .cart-item-noty {
        padding-left: 16px;
    }

    .cart-item-noty-content {
        gap: 8px;
        font-size: 14px;
    }

    .cart-item-noty-icon {
        width: 20px;
    }

    .cart-item-noty {
        gap: 16px;
    }

    .cart-right {
        width: 100%;
    }

    .cart-panel {
        border-radius: 4px;
    }

    .cart-panel-row:not(:first-child) {
        margin-top: 20px;
    }

    .cart-panel-total {
        margin-top: 32px;
    }

    .cart-panel-total-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .cart-panel-total-param {
        color: #767680;
        font-size: 17px;
        font-family: 'Golos Text', sans-serif;
    }

    .cart-panel-total-value {
        margin-left: 0;
    }

    .cart-panel-seperator-top {
        display: flex;
    }

    .cart-panel-seperator-bottom {
        display: flex;
    }

    .cart-empty {
        padding: 0;
    }

    .cart-empty-seperator-mobile-bottom {
        display: flex;
    }

    .cart-panel {
        position: relative;
        top: 0;
    }

    .order-panel-row:not(:first-child) {
        margin-top: 20px;
    }

    .order {
        padding: 0;
    }

    .order-nav-scroll {
        text-align: center;
    }

    .order-tabs-text {
        display: block;
    }

    .order-panel {
        position: relative;
        top: 0;
    }

    .order-blocks {
        flex-direction: column;
        gap: 36px;
    }

    .order-tabs-block {
        padding: 0;
        margin-bottom: 32px;
        margin-top: 20px;
        border: none;
    }

    .order-input {
        width: calc(100% / 3 - 16px);
    }

    .order-tab-contents {
        padding: 0;
    }

    .order-left {
        padding-top: 28px;
        width: 100%;
    }

    .order-right {
        width: 100%;
    }

    .order-content-form {
        border: none;
        border-radius: 0;
    }

    .order-login {
        display: none;
    }

    .order-tabs-block {
        text-align: center;
        justify-content: center;
    }

    .order-login-mobile {
        display: block;
    }

    .order-tabs {
        width: 100%;
        max-width: 524px;
    }

    .order-tab {
        flex: 1;
        padding: 0 16px;
    }

    .order-panel-seperator-bottom {
        display: flex;
    }

    .order-nav {
        margin-bottom: 0;
    }

    .order-panel-total-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .order-panel-total-value {
        margin-left: 0;
    }

    .order-panel-total {
        margin-top: 32px;
    }

    .order-panel-total-param {
        color: #767680;
        font-size: 17px;
        font-family: 'Golos Text', sans-serif;
    }

    .order-delivery-tab-header {
        padding: 20px 16px;
        gap: 12px;
    }

    .order-pay-tab-header {
        padding: 20px 16px;
        gap: 12px;
    }

    .order-delivery-address {
        padding: 16px;
    }

    .order-delivery-pickups {
        padding: 16px;
    }

    .order-delivery-pickup-tabs {
        max-width: none;
    }

    .order-pay-tab {
        border-radius: 4px;
    }

    .order-delivery-tab {
        border-radius: 4px;
    }

    .order-delivery-deline {
        padding: 16px;
    }

    .order-delivery-deline-tabs {
        width: 100%;
    }

    .order-delivery-deline-tab {
        flex: 1;
    }

    .order-delivery-deline-tabs {
        margin-bottom: 20px;
    }

    .order-delivery-deline-terminal-select {
        margin-top: 20px;
    }

    .footer {
        padding-bottom: 24px;
    }

    .footer-left {
        display: flex;
        flex-direction: column;
        width: 50%;
        padding-right: 16px;
    }

    .footer-left-contacts {
        display: block;
    }

    .footer-catalog-button a {
        width: auto;
    }

    .footer-center {
        width: 50%;
    }

    .footer-right {
        display: none;
    }

    .footer-panel {
        margin-top: 32px;
    }

    .mobile-menu-block {
        padding: 24px;
    }

    .mobile-menu-list {
        margin-top: 20px;
    }

    .header-catalog {
        padding: 0;
        border-top: 2px solid #F0EFEF;
    }

    .header.no-fixed .header-catalog {
        padding-top: 24px;
        border-top: none;
    }

    .header-catalog-block {
        padding: 32px;
        border-radius: 0;
    }

    .header-catalog-block::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    .header-catalog-block::-webkit-scrollbar-thumb {
        box-shadow: none;
        border: none;
        background-color: #4334A1;
        border-radius: 4px;
    }

    .header-catalog-blocks {
        flex-direction: column;
        gap: 32px;
    }

    .header-catalog-menu-item:not(:first-child) {
        margin-top: 32px;
    }

    .header-catalog-left {
        padding: 0;
    }

    .header-catalog-right {
        max-width: none;
    }

    .header-catalog-recom a {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .header-catalog-recom-photo {
        width: 100%;
        max-width: 328px;
        flex: none;
    }

    .header-catalog-recom-info {
        margin-top: 0;
    }

    .pagination {
        gap: 8px;
    }

    .pagination-pages a {
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 140%;
    }

    .pagination-pages span {
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 140%;
    }

    .order-input-field-dropdown {
        max-height: 250px;
    }

    .order-input-field-dropdown-item {
        padding: 8px 0;
    }

    .page-header-personal {
        padding-bottom: 24px;
    }

    .page-header-personal .page-header-right .\!html {
        margin-top: 12px;
    }

    .personal {
        padding: 0;
    }

    .personal-sidebar {
        display: none;
    }

    .personal-tabs-block {
        margin-bottom: 40px;
    }

    .personal-panel {
        position: relative;
        border-top: 2px solid #F0EFEF;
        margin-top: 80px;
        margin-left: -32px;
        margin-right: -32px;
        padding: 24px 32px;
    }

    .personal-panel:before {
        content: '';
        display: block;
        position: absolute;
        top: -82px;
        left: calc(50% - 1px);
        width: 2px;
        height: 80px;
        background-color: #F0EFEF;
    }

    .personal-panel-button-edit button {
        height: 64px;
        padding: 0 16px;
        width: 100%;
    }

    .personal-panel-button {
        flex: 1;
        width: 100%;
    }

    .personal-panel-button span {
        height: 64px;
        padding: 0 16px;
        width: 100%;
    }

    .personal-panel-left {
        flex: 1;
    }

    .personal-panel-right {
        flex: 2;
        width: 100%;
    }

    .personal-contact-mobile {
        display: block;
    }

    .personal.disabled .personal-contact-mobile {
        display: none;
    }

    .personal-contact-button {
        text-align: center;
    }

    .personal-contact-button span {
        max-width: 320px;
    }

    .personal-contact-content {
        padding: 32px;
    }

    .personal-contact-mobile {
        position: relative;
        margin-top: 80px;
    }

    .personal-contact-mobile:before {
        content: '';
        display: block;
        position: absolute;
        top: -80px;
        left: calc(50% - 1px);
        width: 2px;
        height: 80px;
        background-color: #F0EFEF;
    }

    .personal-orders-panel-button span {
        height: 64px;
        width: 100%;
        padding: 0px 16px;
    }

    .personal-order-mobile-buttons {
        display: block;
    }

    .personal-order:not(.open):hover .personal-order-header-num {
        color: #1B1B1B;
    }

    .personal-order-panel {
        text-align: center;
    }

    .personal-orders-panel {
        position: relative;
        margin-top: 80px;
        padding-bottom: 32px;
    }

    .personal-orders-panel:before {
        content: '';
        display: block;
        position: absolute;
        top: -80px;
        left: calc(50% - 1px);
        width: 2px;
        height: 80px;
        background-color: #F0EFEF;
    }

    .favorite {
        padding-top: 12px;
    }

    .favorite-list .catalog-item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .container {
        padding: 0 24px;
    }

    .sticky-cart {
        right: 24px;
        bottom: 24px;
    }

    .b-a-image-block {
        height: 300px;
    }

    .b-b-item:nth-child(1),
    .b-b-item:nth-child(2) {
        width: 100%;
    }

    .b-c {
        padding: 48px 0;
    }

    .b-c-header {
        margin-bottom: 32px;
        border: none;
    }

    .b-c-header-blocks {
        flex-direction: column;
    }

    .b-c-header-left {
        width: 100%;
        padding: 0;
        margin-bottom: 16px;
        border: none;
    }

    .b-c-header-right {
        width: 100%;
        padding: 0;
        border: none;
    }

    .b-c-list {
        padding: 0;
        gap: 32px;
    }

    .b-c-item-header {
        align-items: center;
        gap: 24px;
    }

    .b-c-item-text {
        display: none;
    }

    .b-c-item-text-mobile {
        display: block;
    }

    .b-c-item-photo {
        width: 100%;
    }

    .b-c-item-photo:nth-child(2) {
        display: none;
    }

    .b-c-item-content-photos {
        gap: 16px;
    }

    .b-c-item-content-photo {
        width: calc(100% - 132px);
    }

    .b-c-item-work {
        max-width: 116px;
    }

    .b-c-item-work-text {
        display: none;
    }

    .b-d-header-content {
        padding: 48px 24px;
    }

    .b-e-header-blocks {
        flex-direction: column;
    }

    .b-e {
        padding: 48px 0;
    }

    .b-e-header {
        border: none;
        margin-bottom: 24px;
    }

    .b-e-header-left {
        padding: 0;
        width: 100%;
        margin-bottom: 16px;
        border: none;
    }

    .b-e-header-right {
        padding: 0;
        width: 100%;
        border: none;
    }

    .b-e-list {
        padding: 0;
    }

    .b-e-item {
        height: 132px;
    }

    .b-f-block {
        flex-direction: column;
    }

    .b-f-image-mobile {
        position: relative;
        display: block;
    }

    .b-f-image-mobile .circle-2 {
        display: block;
        width: 100%;
        max-width: 186px;
        height: auto;
        margin: 0 auto 16px;
    }

    .b-f-image-mobile .circle {
        display: block;
        width: 100%;
        max-width: 288px;
        height: auto;
        margin: 0 auto;
    }

    .b-f-image-mobile .line {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
    }

    .b-f-image-mobile .line line {
        stroke: #5B46D9;
        stroke-width: 2;
    }

    .b-f-image-left {
        display: none;
    }

    .b-f-image-right {
        display: none;
    }

    .b-f-content {
        max-width: none;
        padding: 24px;
    }

    .b-o-tab-content {
        flex-direction: column;
        gap: 0;
    }

    .b-o-tab-block {
        width: 100%;
    }

    .b-o-tab-block:not(:first-child) {
        margin-top: 32px;
        padding-top: 32px;
        border-top: 2px solid #F0EFEF;
    }

    .b-o-map {
        height: 357px;
    }

    .b-h-item-photo div {
        height: 276px;
    }

    .b-l-list-scroll {
        overflow-x: auto;
        margin: 0 -24px;
        padding: 0 24px;
        scrollbar-width: none;
    }

    .b-l-list-scroll::-webkit-scrollbar {
        display: none;
    }

    .b-l-list {
        width: 770px;
    }

    .page-header-job-seperator-bottom {
        border-bottom: none;
    }

    .b-q-list {
        flex-direction: column;
        padding: 0;
        gap: 0;
    }

    .b-q-item {
        position: relative;
        width: 100%;
    }

    .b-q-item:not(:first-child) {
        margin-top: 40px;
    }

    .b-q-item:not(:first-child):before {
        content: '';
        display: block;
        position: absolute;
        left: calc(50% - 1px);
        top: -40px;
        width: 2px;
        height: 40px;
        background-color: #F0EFEF;
        pointer-events: none;
    }

    .b-q-seperator-bottom {
        border-top: none;
    }

    .b-r-list-item {
        margin-left: 24px;
        margin-right: 24px;
    }

    .brcr {
        padding-bottom: 20px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .brcr-list-scroll {
        margin: 0 -24px;
        padding: 0 24px;
    }

    .product-brcr .brcr-list-scroll {
        margin-right: -24px;
        padding-right: 24px;
    }

    .catalog-empty {
        margin-left: -24px;
        margin-right: -24px;
        width: calc(100% + 48px);
    }

    .catalog-item:nth-child(1) {
        order: -3;
    }

    .catalog-item:nth-child(2) {
        order: -2;
    }

    .catalog-slider-block {
        margin: 24px 0;
    }

    .catalog-slide:not(:last-child) {
        margin-right: 8px;
    }

    .catalog-slider {
        margin-left: -24px;
        padding-left: 24px;
        margin-right: -22px;
        padding-right: 24px;
    }

    .product {
        padding: 0 24px;
    }

    .product-left {
        width: 100%;
        margin: 0;
    }

    .product-center {
        width: 100%;
        margin: 0;
    }

    .product-photos-thumb-item {
        width: 100px;
    }

    .product-photos-thumb {
        margin: 20px -24px 0;
        padding: 0 24px;
    }

    .product-offer-list span {
        height: 46px;
        padding: 0 32px;
    }

    .product-right-seperator-top {
        margin: 32px -24px 0;
    }

    .product-right-seperator-bottom {
        margin: 0 -24px;
    }

    .product-slider-header {
        padding: 0 24px;
    }

    .product-banner {
        padding: 48px 24px 32px;
    }

    .product-banner-block {
        flex-direction: column;
        gap: 24px;
    }

    .product-banner-image {
        min-height: auto;
    }

    .product-banner-image div {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 55%;
    }

    .product-docs {
        padding: 32px 24px 48px;
    }

    .product-docs-list {
        flex-direction: column;
        gap: 24px;
    }

    .product-doc {
        width: 100%;
        max-width: 288px;
    }

    .product-all-chars {
        padding: 32px 24px 48px;
    }

    .product-all-chars-list {
        columns: 1;
    }

    .product-desc {
        padding: 32px 24px;
    }

    .product-mobile-footer {
        padding-top: 0;
    }

    .parts-page-header {
        padding-bottom: 16px;
    }

    .parts-page-list {
        width: 100%;
    }

    .parts-page-list .catalog-item {
        width: 100%;
    }

    .cart {
        padding-top: 12px;
    }

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

    .cart-item-right {
        gap: 16px;
    }

    .cart-item-prices-mobile {
        margin-top: 32px;
    }

    .cart-item-product {
        padding: 0;
    }

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

    .cart-item-noty {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0;
        padding: 20px;
    }

    .cart-item-noty-icon {
        display: none;
    }

    .cart-item-noty-button {
        margin-left: 0;
        width: 100%;
    }

    .cart-item-noty-button span {
        width: 100%;
    }

    .cart-empty-seperator-mobile-bottom {
        margin-left: -24px;
        margin-right: -24px;
    }

    .cart-modal-type {
        padding: 42px 0 0 0;
    }

    .cart-modal-type-wrapper {
        vertical-align: bottom;
    }

    .cart-modal-type-content {
        border-radius: 8px 8px 0 0;
        transform: translatey(100px);
        padding: 24px;
    }

    .cart-modal-type-close {
        top: 24px;
        right: 24px;
    }

    .order-seperator-mobile-top {
        margin: 0 -24px;
        height: 60px;
    }

    .order-left {
        padding-top: 24px;
    }

    .order-inputs {
        gap: 20px 16px;
    }

    .order-input {
        width: calc(100% / 2 - 8px);
    }

    .order-nav-scroll {
        margin: 0 -24px;
        padding: 0 24px;
    }

    .order-delivery-deline-terminal-select {
        margin-top: 16px;
    }

    .footer {
        padding: 24px 0;
    }

    .footer-blocks {
        flex-direction: column;
        gap: 32px;
    }

    .footer-left {
        padding-right: 0;
        width: 100%;
    }

    .footer-catalog-button a {
        width: 100%;
        max-width: 244px;
    }

    .footer-menu-columns {
        gap: 48px;
    }

    .footer-menu-column {
        max-width: none;
    }

    .footer-center {
        width: 100%;
    }

    .error-content {
        padding-top: 68px;
        padding-bottom: 68px;
    }

    .header-catalog-block {
        padding: 24px;
    }

    .header-catalog-recom a {
        flex-direction: column;
        gap: 24px;
    }

    .header-catalog-recom-photo {
        max-width: none;
    }

    .personal-tabs {
        height: 54px;
    }

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

    .personal-input {
        width: 100%;
    }

    .personal-contact-content {
        padding: 16px;
    }

    .personal-contact-button span {
        max-width: none;
    }

    .personal-panel {
        flex-direction: column;
        padding: 0 0 32px;
        margin: 80px 0 0;
        border-top: 0;
    }

    .personal-panel:before {
        top: -80px;
    }

    .personal-panel-right {
        flex-direction: column;
    }

    .personal-tabs-block {
        margin-bottom: 32px;
    }

    .personal-order-header {
        flex-direction: column;
    }

    .personal-order-header-date {
        margin-top: 4px;
    }

    .personal-order-header-right {
        text-align: left;
    }

    .personal-order-header-right {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .personal-order-header-status {
        margin-top: 0;
    }

    .personal-order-header-price {
        order: 1;
    }

    .personal-order-product {
        flex-direction: column;
        gap: 32px;
    }

    .personal-order-product-content {
        align-items: center;
    }

    .personal-order-product-photo {
        width: 144px;
    }

    .personal-order-product-panel {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .personal-order-product-type {
        padding-top: 0;
        margin-top: 0;
        margin-left: auto;
    }

    .personal-order-panel {
        text-align: left;
    }

    .compare-content-right {
        display: none;
    }

    .compare-header {
        margin-top: 0;
        flex-direction: column;
    }

    .compare-header-right {
        display: block;
    }

    .compare-header-left {
        order: 1;
        border: none;
        width: 100%;
        padding: 24px 24px 32px 24px;
    }

    .compare-content-left {
        max-width: none;
        min-width: auto;
    }

    .compare-header-right {
        width: 100%;
        padding: 32px 24px 8px 24px;
        border: none;
        text-align: center;
    }

    .compare-text {
        margin-top: 12px;
    }

    .compare-text p:not(:first-child) {
        margin-top: 8px;
    }

    .compare-footer {
        width: 100%;
        max-width: none;
        min-width: auto;
        border: none;
    }

    .compare-chars-title {
        padding-left: 24px;
        padding-right: 24px;
    }

    .compare-chars-row {
        padding: 20px 24px 24px 24px;
    }

    .compare-footer-title {
        padding-left: 24px;
        padding-right: 24px;
    }

    .compare-footer-row {
        padding: 12px 24px;
    }

    .compare-footer-panel {
        padding-left: 24px;
        padding-right: 24px;
    }

    .compare-header {
        margin-bottom: 60px;
        position: relative;
    }

    .compare-header-left {
        border-bottom: 2px solid #F0EFEF;
    }

    .compare-header:after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 60px;
        background-color: #F0EFEF;
        left: calc(50% - 1px);
        bottom: -60px;
    }

    .compare-footer {
        position: relative;
        margin-bottom: 60px;
    }

    .compare-footer-panel {
        border-bottom: 2px solid #F0EFEF;
    }

    .compare-footer:after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 60px;
        background-color: #F0EFEF;
        left: calc(50% - 1px);
        bottom: -60px;
    }

    .compare-footer-tabs-block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .compare-footer-complect-noty-block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .compare-footer-only-noty-block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .compare-empty .compare-header-right {
        padding-bottom: 8px;
    }

    .compare-empty .compare-header-left {
        padding-bottom: 32px;
    }

    .favorite {
        padding-bottom: 26px;
    }

    .favorite-list .catalog-item {
        width: 100%;
    }

    .favorite-empty-title {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 550px) {
    .catalog-item-buy svg {
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .container {
        padding: 0 16px;
    }

    .header-logo a {
        max-width: 44px;
    }

    .header-button-catalog {
        margin-right: -70px;
    }

    .header-button-catalog a {
        width: 140px;
    }

    .header-menu {
        width: 44px;
        height: 44px;
    }

    .mobile-menu-search-dropdown {
        width: calc(100% + (16px * 2));
        margin-left: -16px;
    }

    .mobile-menu-search-tags-scroll {
        padding-left: 16px;
        padding-right: 16px;
    }

    .mobile-menu-search-tab {
        padding-left: 16px;
    }

    .header-search-product {
        padding: 16px;
    }

    .sticky-cart {
        right: 16px;
        bottom: 16px;
    }

    .sticky-cart a {
        width: 60px;
        height: 60px;
    }

    .sticky-cart svg {
        width: 24px;
    }

    .sticky-cart span {
        height: 24px;
        min-width: 36px;
        top: -8px;
        font-size: 14px;
        line-height: 140%;
    }

    .b-a-image-block {
        height: 192px;
    }

    .b-a-button a {
        max-width: none;
    }

    .b-a-seperator-mobile-bottom {
        display: flex;
    }

    .b-b {
        padding: 32px 0 0 0;
    }

    .b-b-item {
        width: 100%;
        padding: 12px;
        min-height: 96px;
    }

    .b-b-item:nth-child(1),
    .b-b-item:nth-child(2) {
        min-height: 96px;
    }

    .b-b-item-photo {
        max-width: 86px;
    }

    .b-b-seperator-mobile-bottom {
        display: flex;
    }

    .b-c {
        padding: 32px 0;
    }

    .b-c-header {
        margin-bottom: 24px;
    }

    .b-c-list {
        gap: 16px;
    }

    .b-c-item {
        padding: 16px;
    }

    .b-c-item-photos {
        order: -1;
        padding-top: 0;
        margin-bottom: 24px;
    }

    .b-c-item-photo div {
        height: 188px;
    }

    .b-c-item-button {
        display: none;
    }

    .b-c-item-text-mobile {
        margin-top: 12px;
    }

    .b-c-item-content-photos {
        order: -1;
        padding-top: 0;
        margin-bottom: 24px;
    }

    .b-c-item-content-photo {
        width: 100%;
    }

    .b-c-item-content-photo div {
        height: 188px;
    }

    .b-c-item-work {
        display: none;
    }

    .b-c-item-footer-mobile {
        display: flex;
    }

    .b-c-item-mobile-button {
        flex: none;
    }

    .b-c-item-mobile-button a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        background-color: #4334A1;
        font-size: 16px;
        font-weight: 500;
        height: 56px;
        padding: 0 32px;
        border-radius: 4px;
        transition-duration: 350ms;
    }

    .b-c-item-mobile-button a:hover {
        background-color: #5B46D9;
    }

    .b-c-item-mobile-work {
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        background-color: #fff;
        margin-left: auto;
        z-index: 0;
    }

    .b-c-item-mobile-work img {
        position: absolute;
        display: block;
        width: 26px;
        height: auto;
        right: 0;
        top: 50%;
        transform: translatey(-50%);
        z-index: -1;
    }

    .b-c-item-mobile-work-title {
        font-size: 16px;
        line-height: 150%;
        font-weight: 500;
        padding: 16px 36px 16px 16px;
    }

    .b-d-header-content {
        padding: 32px 16px;
    }

    .b-e {
        padding: 32px 0;
    }

    .b-e-list {
        gap: 8px;
    }

    .b-e-item {
        height: 92px;
        width: calc((100% - 8px) / 2);
    }

    .b-e-item img {
        width: 120px;
        height: 42px;
    }

    .b-f-button a {
        width: 100%;
    }

    .b-o-container {
        padding: 32px 0;
    }

    .b-o-tab {
        padding: 0 14px;
    }

    .b-o-map {
        height: 220px;
    }

    .b-h {
        padding: 32px 0 0 0;
    }

    .b-h-item {
        padding: 16px;
    }

    .b-h-item-photo div {
        height: 180px;
    }

    .b-h-seperator-mobile-bottom {
        display: flex;
    }

    .b-l {
        padding-top: 32px;
    }

    .b-l-list {
        padding-bottom: 32px;
    }

    .b-l-list-scroll {
        margin: 0 -16px;
        padding: 0 16px;
    }

    .b-i {
        padding: 32px 0 0 0;
    }

    .b-i-list {
        flex-direction: column;
        gap: 16px;
    }

    .b-i-item {
        width: 100%;
    }

    .b-i-seperator-mobile-bottom {
        display: flex;
    }

    .b-k {
        padding-top: 32px;
    }

    .b-k-blocks {
        padding-bottom: 32px;
    }

    .b-k-seperator-mobile-bottom {
        display: flex;
    }

    .b-m-seperator-mobile-top {
        display: flex;
    }

    .b-m-blocks {
        padding: 32px 0;
    }

    .b-p-block {
        margin: 0 -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .b-q-item {
        padding: 24px 20px;
    }

    .b-r-list-item {
        margin-left: 16px;
        margin-right: 16px;
    }

    .b-r-button span {
        width: 100%;
        padding: 0 32px;
    }

    .catalog-items-list {
        width: 100%;
    }

    .catalog-item {
        width: 100%;
    }

    .catalog-item-buy svg {
        display: block;
    }

    .catalog-slider-block {
        margin: 16px 0;
    }

    .catalog-slide {
        padding: 16px;
    }

    .catalog-slider {
        margin-left: -16px;
        padding-left: 16px;
        margin-right: -16px;
        padding-right: 16px;
    }

    .catalog-slide-text {
        margin-top: 12px;
    }

    .catalog-slide-text p:not(:first-child) {
        margin-top: 8px;
    }

    .catalog-slide-button {
        padding-top: 24px;
    }

    .filter-right {
        width: 100%;
        height: calc(100% - 64px);
        transform: translatey(100%);
    }

    .filter-header {
        padding-left: 16px;
        padding-right: 16px;
    }

    .filter-scroll {
        padding-left: 16px;
        padding-right: 16px;
    }

    .catalog-item a {
        padding: 16px;
    }

    .catalog-item-photo {
        margin-bottom: 16px;
    }

    .catalog-item-info {
        padding-top: 0;
    }

    .catalog-item-footer {
        padding: 0 16px 16px 16px;
    }

    .page-header-catalog.hide {
        height: 16px !important;
    }

    .catalog-empty {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
    }

    .product {
        padding: 0 16px;
    }

    .product-photos-thumb {
        padding: 0 16px;
        margin: 16px -16px 0;
    }

    .product-right-seperator-top {
        margin: 32px -16px 0;
    }

    .product-right-seperator-bottom {
        margin: 0 -16px;
    }

    .product-variants {
        padding: 32px 16px;
        margin: 0 -16px;
    }

    .product-slider-header {
        padding: 0 16px;
    }

    .product-banner {
        position: relative;
        padding: 64px 16px 32px;
    }

    .product-banner:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: calc(50% - 1px);
        width: 2px;
        height: 64px;
        background-color: #F0EFEF;
    }

    .product-docs {
        padding: 32px 16px 48px;
    }

    .product-all-chars {
        padding: 32px 16px 48px;
    }

    .product-desc {
        padding: 32px 16px;
    }

    .parts-list a {
        padding: 8px;
        min-height: 96px;
    }

    .cart-item-product-cart {
        padding: 16px;
    }

    .cart-item-blocks {
        flex-direction: column;
        gap: 16px;
    }

    .cart-item-right {
        gap: 24px;
    }

    .cart-item-left {
        max-width: none;
    }

    .cart-item-noty {
        padding: 16px;
    }

    .cart-panel-button a {
        height: 56px;
    }

    .cart-panel {
        margin: 0 -16px;
        padding: 24px 16px;
    }

    .cart-item-backup {
        padding: 16px;
    }

    .cart-empty-seperator-mobile-bottom {
        margin-top: 24px;
        margin-left: -16px;
        margin-right: -16px;
    }

    .cart-modal-type-content {
        padding: 16px;
    }

    .cart-modal-type-close {
        top: 16px;
        right: 16px;
    }

    .order-seperator-mobile-top {
        margin: 0 -16px;
    }

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

    .order-input {
        width: 100%;
    }

    .order-panel {
        margin: 0 -16px;
        border-radius: 0;
    }

    .order-panel {
        padding: 24px 16px;
    }

    .order-panel-button button {
        height: 56px;
    }

    .order-blocks {
        gap: 32px;
    }

    .order-done-button-yandex-split {
        max-width: none;
    }

    .order-done-button a {
        width: 100%;
        max-width: none;
    }

    .order-nav-scroll {
        margin: 0 -16px;
        padding: 0 16px;
    }

    .brcr-list-scroll {
        margin: 0 -16px;
        padding: 0 16px;
    }

    .product-brcr .brcr-list-scroll {
        margin-right: -16px;
        padding-right: 16px;
    }

    .footer-catalog-button a {
        max-width: none;
    }

    .footer-menu-columns {
        flex-direction: column;
        gap: 32px;
    }

    .mobile-menu-block {
        width: 100%;
        padding: 24px 16px;
    }

    .mobile-menu-list {
        margin-top: 16px;
    }

    .header-catalog-block {
        padding: 24px 16px;
    }

    .header-catalog-menu-list {
        display: none;
    }

    .header-catalog-menu {
        flex-direction: column;
        gap: 0;
    }

    .header-catalog-menu-item:not(:first-child) {
        margin-top: 0;
    }

    .header-catalog-menu-item-base a {
        display: block;
        padding: 16px 0;
    }

    .personal-order-product {
        padding: 16px;
    }

    .personal-order-product-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .personal-order-product-photo {
        width: 100%;
    }

    .personal-order-product {
        gap: 16px;
    }

    .compare-header-right {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-header-left {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-products {
        gap: 20px;
    }

    .compare-product {
        width: calc(50% - 10px);
    }

    .compare-product-empty {
        width: calc(50% - 10px);
    }

    .compare-chars-title {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-chars-row {
        padding: 12px 16px 16px 16px;
    }

    .compare-chars-cols {
        gap: 20px;
    }

    .compare-chars-col {
        width: calc(50% - 10px);
    }

    .compare-footer-tabs-block {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-footer-complect-noty-block {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-footer-only-noty-block {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-footer-row {
        padding-left: 16px;
        padding-right: 16px;
        gap: 20px;
    }

    .compare-footer-col {
        width: calc(50% - 10px);
    }

    .compare-footer-panel {
        padding-left: 16px;
        padding-right: 16px;
        gap: 20px;
    }

    .compare-footer-panel-col {
        width: calc(50% - 10px);
    }

    .compare-footer-title {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-count-1 .compare-footer-panel-buttons {
        flex-direction: column;
        gap: 16px;
    }

    .compare-count-1 .compare-footer-panel-buy {
        width: 100%;
    }

    .favorite {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 374px) {
    .parts-list a {
        width: 100%;
    }

    .product-panel {
        margin: 0 -16px;
    }
}

.open-feedback-modal {
    overflow: hidden;
}

.modal-feedback {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

html:not(.open-feedback-modal) .modal-feedback {
    opacity: 0;
    visibility: hidden;
}

.modal-feedback:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.modal-feedback-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 692px;
    width: 100%;
    white-space: normal;
}

.modal-feedback-content {
    background-color: #fff;
    border-radius: 8px;
    transform: translatey(-100px);
    transition-duration: 350ms;
    overflow: hidden;
}

.open-feedback-modal .modal-feedback-content {
    transform: translatey(0);
}

.modal-feedback-form {
    padding: 32px 32px 20px;
}

.modal-feedback-close {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    top: 38px;
    right: 38px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-feedback-close:hover {
    color: #9B9BA2;
}

.modal-feedback-close svg {
    display: block;
    width: 32px;
    height: auto;
}

.modal-feedback-header {
    padding-right: 50px;
    margin-bottom: 32px;
}

.modal-feedback-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
}

.modal-feedback-text {
    font-size: 18px;
    line-height: 150%;
    color: #767680;
    margin-top: 12px;
}

.modal-feedback-input {
    width: 100%;
}

.modal-feedback-input-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 4px;
}

.modal-feedback-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.modal-feedback-input-field input:focus {
    border-color: #A9A4CB;
}

.modal-feedback-input-error {
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.modal-feedback-input:not(.err) .modal-feedback-input-error {
    display: none;
}

.modal-feedback-input-error svg {
    width: 16px;
    flex: none;
}

.modal-feedback-inputs-row {
    display: flex;
    gap: 20px;
}

.modal-feedback-textarea {
    margin-top: 24px;
}

.modal-feedback-input-field textarea {
    font-size: 16px;
    font-weight: 500;
    height: 112px;
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
    resize: none;
}

.modal-feedback-input-field textarea:focus {
    border-color: #A9A4CB;
}

.modal-feedback-files {
    margin-top: 20px;
}

.modal-feedback-files-button {
    position: relative;
}

.modal-feedback-files-button-el {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    height: 67px;
    border-radius: 4px;
    border: 2px solid #DEDDEC;
    background-color: #F0F0F7;
    transition-duration: 350ms;
    font-size: 18px;
    color: #5B5B63;
    gap: 8px;
    cursor: pointer;
}

.modal-feedback-files-button-el input {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    cursor: pointer;
    opacity: 0;
}

.modal-feedback-files-button-el:hover {
    border-color: #A9A4CB;
}

.modal-feedback-files-button-el svg {
    display: block;
    width: 25px;
    height: auto;
    flex: none;
}

.modal-feedback-files-button-noty {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 150%;
    color: #5B5B63;
    box-shadow: 0px 1px 4px 0px #00000026;
    padding: 12px;
    text-align: center;
    bottom: calc(100% + 18px);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
}

.modal-feedback-files-button-noty svg {
    display: block;
    position: absolute;
    width: 24px;
    height: auto;
    left: 50%;
    top: calc(100% - 4px);
    transform: translatex(-50%);
}

.modal-feedback-files-button-noty:after {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 6px;
    left: 50%;
    bottom: 0;
    background-color: #fff;
    transform: translatex(-50%);
}

.modal-feedback-files-button:hover .modal-feedback-files-button-noty {
    opacity: 1;
    visibility: visible;
}

.modal-feedback-files-errors {
    margin-top: 8px;
}

.modal-feedback-files-errors-list-item {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.modal-feedback-files-errors-list-item:not(:first-child) {
    margin-top: 6px;
}

.modal-feedback-files-errors-list-item svg {
    display: block;
    width: 16px;
    flex: none;
}

.modal-feedback-files-list-block {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.modal-feedback-files-list-item {
    position: relative;
    display: block;
    border: 2px dashed #A9A4CB;
    border-radius: 8px;
    width: calc(100% / 3 - 11px);
    overflow: hidden;
}

.modal-feedback-files-list-item.is-image {
    border: 2px solid #A9A4CB;
}

.modal-feedback-files-list-item-block {
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.modal-feedback-files-list-item-file {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px;
    gap: 4px;
}

.modal-feedback-files-list-item-file-icon svg {
    display: block;
    width: 25px;
    height: auto;
}

.modal-feedback-files-list-item-file-name {
    font-size: 14px;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4B4B51;
}

.modal-feedback-files-list-item-image img {
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    object-fit: cover;
}

.modal-feedback-files-list-item-remove {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #5E54A1;
    inset: 4px 4px auto auto;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-feedback-files-list-item.is-loading .modal-feedback-files-list-item-remove {
    display: none;
}

.modal-feedback-files-list-item-remove:hover {
    background-color: #A9A4CB;
}

.modal-feedback-files-list-item-remove svg {
    display: block;
    width: 8px;
    height: auto;
}

.modal-feedback-files-list-item-loader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 6px;
    overflow: hidden;
    background-color: hsl(0deg 0% 100% / 50%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.modal-feedback-files-list-item:not(.is-loading) .modal-feedback-files-list-item-loader {
    display: none;
}

.modal-feedback-files-list-item-loader svg {
    display: block;
    width: 24px;
    height: auto;
    animation: loader 1s infinite linear;
}

.modal-feedback-files-list-add {
    position: relative;
    display: block;
    border: 2px dashed #A9A4CB;
    border-radius: 8px;
    width: calc(100% / 3 - 11px);
    overflow: hidden;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-feedback-files-list-add:hover {
    opacity: 0.8;
}

.modal-feedback-files-list-add-block {
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.modal-feedback-files-list-add-button {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-feedback-files-list-add-button svg {
    display: block;
    width: 19px;
    height: auto;
}

.modal-feedback-button {
    margin-top: 40px;
}

.modal-feedback-button button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-feedback-button button:hover {
    background-color: #5B46D9;
}

.modal-feedback-button button.files-loading {
    opacity: 0.8;
    pointer-events: none;
}

.modal-feedback-politic {
    margin-top: 12px;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    color: #767680;
}

.modal-feedback-politic a {
    color: #6A6A72;
    font-weight: 500;
    transition-duration: 350ms;
}

.modal-feedback-politic a:hover {
    color: #5E54A1;
}

.modal-feedback-loader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsl(0deg 0% 100% / 60%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    inset: 0;
}

.modal-feedback-loader svg {
    display: block;
    width: 57px;
    height: auto;
    animation: loader 1s infinite linear;
}

.modal-feedback-loader:not(.show) {
    display: none;
}

.modal-feedback-result-block {
    padding: 32px;
}

.modal-feedback-result-content {
    text-align: center;
}

.modal-feedback-result-check {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
}

.modal-feedback-result-check-big {
    position: absolute;
    width: 120px;
    height: 120px;
    opacity: 0;
    transform: scale(0.5);
    border-radius: 50%;
    background-color: #F5F5FA;
    transition-duration: 350ms;
}

.modal-feedback-result-check-middle {
    position: absolute;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    background-color: #F0F0F7;
    transition-duration: 350ms;
}

.modal-feedback-result-check svg {
    position: absolute;
    display: block;
    width: 50px;
    height: auto;
    opacity: 0;
    transition-duration: 350ms;
}

.modal-feedback-result-check.animation svg {
    opacity: 1;
}

.animation-1 .modal-feedback-result-check-middle {
    transform: scale(1.2);
    opacity: 1;
}

.animation-2 .modal-feedback-result-check-middle {
    transform: scale(1);
}

.animation-3 .modal-feedback-result-check-big {
    transform: scale(1.1);
    opacity: 1;
}

.animation-4 .modal-feedback-result-check-big {
    transform: scale(1);
}

.modal-feedback-result-text {
    margin-top: 12px;
}

.modal-feedback-result-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
}

.modal-feedback-result-button {
    margin-top: 32px;
}

.modal-feedback-result-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-feedback-result-button span:hover {
    background-color: #5B46D9;
}

@media screen and (max-width: 1279px) {
    .modal-feedback-title {
        font-size: 25px;
    }

    .modal-feedback-text {
        font-size: 16px;
        line-height: 140%;
    }

    .modal-feedback-close {
        right: 32px;
        top: 32px;
    }

    .modal-feedback-input-label {
        font-size: 16px;
    }

    .modal-feedback-input-field input {
        height: 52px;
    }

    .modal-feedback-files-button-el {
        font-size: 16px;
    }

    .modal-feedback-button button {
        height: 64px;
        font-size: 16px;
    }

    .modal-feedback-politic {
        font-size: 14px;
        line-height: 140%;
    }

    .modal-feedback-result-check {
        width: 108px;
        height: 108px;
        margin-bottom: 24px;
    }

    .modal-feedback-result-check-big {
        width: 108px;
        height: 108px;
    }

    .modal-feedback-result-check-middle {
        width: 88px;
        height: 88px;
    }

    .modal-feedback-result-check svg {
        width: 45px;
    }

    .modal-feedback-result-title {
        font-size: 25px;
        line-height: 120%;
    }

    .modal-feedback-result-button span {
        height: 64px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .modal-feedback-wrapper {
        max-width: 500px;
    }

    .modal-feedback {
        padding-top: 134px;
    }

    .modal-feedback-textarea {
        margin-top: 20px;
    }

    .modal-feedback-files-button-el {
        height: 60px;
    }

    .modal-feedback-button button {
        height: 60px;
    }

    .modal-feedback-files-button-noty {
        position: relative;
        opacity: 1;
        visibility: visible;
        font-size: 13px;
        line-height: 130%;
        box-shadow: none;
        color: #767680;
        padding: 6px 0 0 0;
    }

    .modal-feedback-files-button-noty svg {
        display: none;
    }

    .modal-feedback-files-button-noty:after {
        display: none;
    }

    .modal-feedback-button {
        margin-top: 28px;
    }

    .modal-feedback-close {
        width: 32px;
        height: 32px;
        right: 24px;
        top: 24px;
    }

    .modal-feedback-close svg {
        width: 24px;
    }

    .modal-feedback-header {
        padding-right: 32px;
    }

    .modal-feedback-files-list-block {
        gap: 8px;
    }

    .modal-feedback-files-list-item {
        width: calc(100% / 3 - 6px);
    }

    .modal-feedback-files-list-add {
        width: calc(100% / 3 - 6px);
    }

    .modal-feedback-files-list-item-file-name {
        line-height: 130%;
        -webkit-line-clamp: 2;
    }

    .modal-feedback-result-button span {
        height: 60px;
    }
}

@media screen and (max-width: 767px) {
    .modal-feedback {
        padding: 78px 0 0 0;
    }

    .modal-feedback-wrapper {
        vertical-align: bottom;
    }

    .modal-feedback-content {
        border-radius: 8px 8px 0 0;
        transform: translatey(100px);
    }

    .modal-feedback-form {
        padding: 24px;
    }

    .modal-feedback-header {
        margin-bottom: 24px;
    }

    .modal-feedback-close {
        right: 16px;
        top: 16px;
    }

    .modal-feedback-result-block {
        padding: 24px;
    }

    .modal-feedback-content {
        display: flex;
        flex-direction: column;
    }

    .modal-feedback-result {
        margin-top: auto;
    }
}

@media screen and (max-width: 499px) {
    .modal-feedback-form {
        padding: 16px;
    }

    .modal-feedback-inputs-row {
        flex-direction: column;
    }

    .modal-feedback-files-list-item-file {
        padding: 8px;
    }

    .modal-feedback-result-block {
        padding: 32px 16px 24px;
    }
}

.open-change-password-modal {
    overflow: hidden;
}

.modal-change-password {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

html:not(.open-change-password-modal) .modal-change-password {
    opacity: 0;
    visibility: hidden;
}

.open-change-password-modal .modal-login-content {
    transform: translatey(0);
}

.modal-change-password:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.open-recovery-modal {
    overflow: hidden;
}

.modal-recovery {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

html:not(.open-recovery-modal) .modal-recovery {
    opacity: 0;
    visibility: hidden;
}

.open-recovery-modal .modal-login-content {
    transform: translatey(0);
}

.modal-recovery:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.open-login-modal {
    overflow: hidden;
}

.modal-login {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

html:not(.open-login-modal) .modal-login {
    opacity: 0;
    visibility: hidden;
}

.modal-login:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.modal-login-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 692px;
    width: 100%;
    white-space: normal;
}

.modal-login-content {
    background-color: #fff;
    border-radius: 8px;
    transform: translatey(-100px);
    transition-duration: 350ms;
}

.open-login-modal .modal-login-content {
    transform: translatey(0);
}

.modal-login-form {
    padding: 32px 32px 20px;
}

.modal-reg-form {
    padding: 32px 32px 20px;
}

.modal-password-form {
    padding: 32px 32px 20px;
}

.modal-recovery-form {
    padding: 32px 32px 20px;
}

.modal-change-password-form {
    padding: 32px 32px 20px;
}

.modal-password-result {
    padding: 32px 32px 20px;
}

.modal-password-form .modal-login-error {
    text-align: center;
}

.modal-change-password-form .modal-login-error {
    text-align: center;
}

.modal-recovery-form .modal-login-error {
    text-align: center;
}

.modal-login-close {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    top: 38px;
    right: 38px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-login-close:hover {
    color: #9B9BA2;
}

.modal-login-close svg {
    display: block;
    width: 32px;
    height: auto;
}

.modal-login-header {
    padding-right: 50px;
    margin-bottom: 32px;
}

.modal-login-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
}

.modal-login-error {
    font-size: 18px;
    line-height: 150%;
    padding: 12px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
    background-color: #FBEEED;
    color: #D54C48;
}

.modal-login-error:not(.show) {
    display: none;
}

.modal-login-error b {
    font-weight: 500;
}

.modal-login-info-password-block {
    font-size: 18px;
    line-height: 150%;
    padding: 12px 14px;
    border-radius: 4px;
    background-color: #F0F0F7;
    text-align: center;
    color: #5E54A1;
}

.modal-login-info-password-block span {
    font-weight: 500;
}

.modal-login-info-password-noty {
    font-size: 18px;
    line-height: 150%;
    color: #6A6A72;
    margin-top: 12px;
    text-align: center;
}

.modal-login-info-password-noty a {
    color: #5E54A1;
    transition-duration: 350ms;
}

.modal-login-info-password-noty a:hover {
    color: #A9A4CB;
}

.modal-login-info {
    font-size: 18px;
    line-height: 150%;
    padding: 12px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
    background-color: #F0F0F7;
    text-align: center;
    color: #5E54A1;
}

.modal-login-info:not(.show) {
    display: none;
}

.modal-login-info b {
    font-weight: 500;
}

.modal-login-input {
    width: 100%;
}

.modal-login-input-label {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 4px;
}

.modal-login-input-field-password-icon {
    position: absolute;
    display: block;
    right: 16px;
    top: calc(50% - 10px);
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-login-input-field-password-icon.show.active {
    opacity: 1;
    visibility: visible;
}

.modal-login-input-field-password-icon svg {
    display: block;
    width: 20px;
    height: auto;
}

.modal-login-input-field-noty {
    display: flex;
    align-items: center;
    position: absolute;
    left: calc(100% + 18px);
    top: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition-duration: 350ms;
    pointer-events: none;
    z-index: 1;
}

.modal-login-input-field input:focus+.modal-login-input-field-noty {
    opacity: 1;
    visibility: visible;
}

.modal-login-input-field-noty-arrow {
    display: block;
    position: absolute;
    width: 17px;
    height: auto;
    top: calc(50% - 10px);
    left: -16px;
}

.modal-login-input-field-noty-arrow-back {
    display: block;
    position: absolute;
    width: 25px;
    height: auto;
    top: calc(50% - 12px);
    left: -19px;
    z-index: -1;
}

.modal-login-input-field-noty-content {
    background-color: #fff;
    border-radius: 4px;
    padding: 20px 24px;
    box-shadow: 0px 2px 4px 0px #00000040;
    white-space: nowrap;
}

.modal-login-input-field-noty-title {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 4px;
    color: #4B4B51;
}

.modal-login-input-field-noty-text-line {
    position: relative;
    font-size: 18px;
    line-height: 150%;
    padding-left: 16px;
    color: #767680;
}

.modal-login-input-field-noty-text-line:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    display: block;
    width: 6px;
    height: 6px;
    background-color: #5E54A1;
}

.modal-login-input-field-noty-text-line:not(:first-child) {
    margin-top: 4px;
}

.modal-login-input-field {
    position: relative;
}

.modal-login-input-field input {
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    color: #5B5B63;
    border: 2px solid #F0EFEF;
    transition-duration: 350ms;
    background-color: #F5F5F5;
}

.modal-login-input-field input:focus {
    border-color: #A9A4CB;
}

.modal-login-input-error {
    display: flex;
    margin-top: 6px;
    font-size: 13px;
    line-height: 130%;
    color: #D54C48;
    gap: 4px;
}

.modal-login-input-error-auth-password {
    margin-bottom: 10px;
}

.modal-login-input:not(.err) .modal-login-input-error {
    display: none;
}

.modal-login-input-error svg {
    width: 16px;
    flex: none;
}

.modal-login-inputs-row {
    display: flex;
    gap: 24px;
}

.modal-login-inputs-row+.modal-login-inputs-row {
    margin-top: 20px;
}

.modal-login-password-link {
    margin-top: 4px;
}

.modal-login-password-link span {
    font-size: 14px;
    line-height: 150%;
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 1px;
    color: #8A86A5;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-login-password-link span:hover {
    color: #5E54A1;
}

.modal-login-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 12px;
}

.modal-login-button button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    gap: 4px;
    cursor: pointer;
}

.modal-login-button button[disabled] {
    opacity: 0.6;
    pointer-events: none;
}

.modal-login-button button:not([disabled]):hover {
    background-color: #5B46D9;
}

.modal-login-button-transparent span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 2px solid #F0EFEF;
    color: #1B1B1B;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 64px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-login-button-transparent span:hover {
    background-color: #F0EFEF;
}

.modal-login-politic {
    margin-top: 12px;
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    color: #767680;
}

.modal-login-politic a {
    color: #6A6A72;
    font-weight: 500;
    transition-duration: 350ms;
}

.modal-login-politic a:hover {
    color: #5E54A1;
}

.modal-login-loader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsl(0deg 0% 100% / 60%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 8px;
    inset: 0;
}

.modal-login-loader svg {
    display: block;
    width: 57px;
    height: auto;
    animation: loader 1s infinite linear;
}

.modal-login-loader:not(.show) {
    display: none;
}

.modal-login-type-tabs {
    position: relative;
    display: flex;
    height: 55px;
    border-radius: 4px;
    margin-bottom: 28px;
    background-color: #E8E8EB;
    border: 2px solid #E8E8EB;
    z-index: 0;
}

.modal-login-type-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 18px;
    color: #4B4B51;
    padding: 0 32px;
    flex: 1;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-login-type-tab input {
    display: none;
}

.modal-login-type-tab.active {
    font-weight: 500;
    color: #1B1B1B;
}

.modal-login-type-cursor {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    width: 50%;
    transition-duration: 350ms;
    z-index: -1;
}

.modal-login-type-tab-content:not(.active) {
    display: none;
}

.modal-login-pass-info {
    display: none;
    margin-top: 24px;
    border-radius: 4px;
    padding: 16px;
    border: 2px solid #F0EFEF;
}

.modal-login-pass-info-title {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    margin-bottom: 4px;
    color: #4B4B51;
}

.modal-login-pass-info-text-line {
    position: relative;
    font-size: 16px;
    line-height: 150%;
    padding-left: 16px;
    color: #767680;
}

.modal-login-pass-info-text-line:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    display: block;
    width: 6px;
    height: 6px;
    background-color: #5E54A1;
}

.modal-login-pass-info-text-line:not(:first-child) {
    margin-top: 4px;
}

.modal-reg-result-block {
    padding: 32px;
}

.modal-reg-result-content {
    text-align: center;
}

.modal-reg-result-check {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin: 0 auto 24px;
}

.modal-reg-result-check-big {
    position: absolute;
    width: 120px;
    height: 120px;
    opacity: 0;
    transform: scale(0.5);
    border-radius: 50%;
    background-color: #F5F5FA;
    transition-duration: 350ms;
}

.modal-reg-result-check-middle {
    position: absolute;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    background-color: #F0F0F7;
    transition-duration: 350ms;
}

.modal-reg-result-check svg {
    position: absolute;
    display: block;
    width: 50px;
    height: auto;
    opacity: 0;
    transition-duration: 350ms;
}

.modal-reg-result-check.animation svg {
    opacity: 1;
}

.animation-1 .modal-reg-result-check-middle {
    transform: scale(1.2);
    opacity: 1;
}

.animation-2 .modal-reg-result-check-middle {
    transform: scale(1);
}

.animation-3 .modal-reg-result-check-big {
    transform: scale(1.1);
    opacity: 1;
}

.animation-4 .modal-reg-result-check-big {
    transform: scale(1);
}

.modal-reg-result-text {
    margin-top: 12px;
}

.modal-reg-result-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
}

.modal-reg-result-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    gap: 12px;
}

.modal-reg-result-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-reg-result-button span:hover {
    background-color: #5B46D9;
}

.modal-reg-result-button-transparent a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 2px solid #F0EFEF;
    color: #1B1B1B;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 64px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
}

.modal-reg-result-button-transparent a:hover {
    background-color: #F0EFEF;
}

@media screen and (max-width: 1439px) {
    .modal-login-input-field-noty-title {
        font-size: 16px;
    }

    .modal-login-input-field-noty-text-line {
        font-size: 16px;
    }
}

@media screen and (max-width: 1279px) {
    .modal-login-content {
        overflow: hidden;
    }

    .modal-login-loader {
        border-radius: 0;
    }

    .modal-login-input-field-noty {
        display: none;
    }

    .modal-login-title {
        font-size: 25px;
    }

    .modal-login-close {
        right: 32px;
        top: 32px;
    }

    .modal-login-input-label {
        font-size: 16px;
    }

    .modal-login-input-field input {
        height: 52px;
    }

    .modal-login-button button {
        height: 64px;
        font-size: 16px;
    }

    .modal-login-button-transparent span {
        height: 56px;
        font-size: 16px;
    }

    .modal-login-password-link span {
        font-size: 13px;
    }

    .modal-login-politic {
        font-size: 14px;
        line-height: 140%;
    }

    .modal-login-error {
        font-size: 16px;
        line-height: 140%;
    }

    .modal-login-info {
        font-size: 16px;
        line-height: 140%;
    }

    .modal-login-info-password-block {
        font-size: 16px;
        line-height: 140%;
    }

    .modal-login-info-password-noty {
        font-size: 16px;
        line-height: 140%;
        margin-top: 8px;
    }

    .modal-login-type-tabs {
        height: 52px;
        margin-bottom: 20px;
    }

    .modal-login-type-tab {
        font-size: 16px;
        padding: 0 20px;
    }

    .modal-login-pass-info {
        display: block;
    }

    .modal-reg-result-check {
        width: 108px;
        height: 108px;
    }

    .modal-reg-result-check-big {
        width: 108px;
        height: 108px;
    }

    .modal-reg-result-check-middle {
        width: 88px;
        height: 88px;
    }

    .modal-reg-result-check svg {
        width: 45px;
    }

    .modal-reg-result-title {
        font-size: 25px;
        line-height: 120%;
    }

    .modal-reg-result-button span {
        height: 64px;
        font-size: 16px;
    }

    .modal-reg-result-button-transparent a {
        height: 56px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .modal-change-password {
        padding-top: 134px;
    }

    .modal-recovery {
        padding-top: 134px;
    }

    .modal-login-wrapper {
        max-width: 500px;
    }

    .modal-login {
        padding-top: 134px;
    }

    .modal-login-button button {
        height: 60px;
    }

    .modal-login-buttons {
        margin-top: 28px;
    }

    .modal-login-close {
        width: 32px;
        height: 32px;
        right: 24px;
        top: 24px;
    }

    .modal-login-close svg {
        width: 24px;
    }

    .modal-login-header {
        padding-right: 32px;
    }

    .modal-login-inputs-row {
        gap: 20px;
    }

    .modal-reg-result-button span {
        height: 60px;
    }
}

@media screen and (max-width: 767px) {
    .modal-change-password {
        padding: 78px 0 0 0;
    }

    .modal-recovery {
        padding: 78px 0 0 0;
    }

    .modal-login {
        padding: 78px 0 0 0;
    }

    .modal-login-wrapper {
        vertical-align: bottom;
    }

    .modal-login-content {
        display: flex;
        flex-direction: column;
        border-radius: 8px 8px 0 0;
        transform: translatey(100px);
    }

    .modal-login-form {
        padding: 24px;
    }

    .modal-reg-form {
        padding: 24px;
    }

    .modal-password-form {
        padding: 24px;
    }

    .modal-password-result {
        padding: 24px;
    }

    .modal-change-password-form {
        padding: 24px;
    }

    .modal-recovery-form {
        padding: 24px;
    }

    .modal-login-header {
        margin-bottom: 24px;
    }

    .modal-login-close {
        right: 16px;
        top: 16px;
    }

    .modal-reg-result-block {
        padding: 24px;
    }

    .modal-reg-result {
        margin-top: auto;
    }

    .modal-change-password-result {
        margin-top: auto;
    }

    .modal-recovery-result {
        margin-top: auto;
    }
}

@media screen and (max-width: 499px) {
    .modal-login-form {
        padding: 16px;
    }

    .modal-reg-form {
        padding: 16px;
    }

    .modal-password-form {
        padding: 16px;
    }

    .modal-password-result {
        padding: 16px;
    }

    .modal-change-password-form {
        padding: 16px;
    }

    .modal-recovery-form {
        padding: 16px;
    }

    .modal-login-inputs-row {
        flex-direction: column;
    }

    .modal-reg-result-block {
        padding: 32px 16px 24px;
    }
}

.open-logout-modal {
    overflow: hidden;
}

.modal-logout {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

html:not(.open-logout-modal) .modal-logout {
    opacity: 0;
    visibility: hidden;
}

.modal-logout:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.modal-logout-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 692px;
    width: 100%;
    white-space: normal;
}

.modal-logout-content {
    background-color: #fff;
    border-radius: 8px;
    transform: translatey(-100px);
    transition-duration: 350ms;
    overflow: hidden;
}

.open-logout-modal .modal-logout-content {
    transform: translatey(0);
}

.modal-logout-block {
    padding: 32px;
}

.modal-logout-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
    text-align: center;
}

.modal-logout-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 12px;
}

.modal-logout-button span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    gap: 4px;
    cursor: pointer;
}

.modal-logout-button span:hover {
    background-color: #5B46D9;
}

.modal-logout-button-transparent a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 2px solid #F0EFEF;
    color: #1B1B1B;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 64px;
    width: 100%;
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-logout-button-transparent a:hover {
    background-color: #F0EFEF;
}

@media screen and (max-width: 1279px) {
    .modal-logout-title {
        font-size: 25px;
    }

    .modal-logout-button span {
        height: 64px;
        font-size: 16px;
    }

    .modal-logout-button-transparent a {
        height: 56px;
        font-size: 16px;
    }

    .modal-logout-buttons {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1023px) {
    .modal-logout-wrapper {
        max-width: 500px;
    }

    .modal-logout {
        padding-top: 134px;
    }

    .modal-logout-button span {
        height: 60px;
    }
}

@media screen and (max-width: 767px) {
    .modal-logout {
        padding: 78px 0 0 0;
    }

    .modal-logout-wrapper {
        vertical-align: bottom;
    }

    .modal-logout-content {
        display: flex;
        flex-direction: column;
        border-radius: 8px 8px 0 0;
        transform: translatey(100px);
    }

    .modal-logout-block {
        padding: 24px;
    }

    .modal-logout-buttons {
        margin-top: 16px;
    }
}

@media screen and (max-width: 499px) {
    .modal-logout-block {
        padding: 16px 16px 20px;
    }
}

.open-compare-modal {
    overflow: hidden;
}

.modal-compare {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #00000080;
    padding: 72px 32px 32px 32px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    z-index: 100;
    transition-duration: 350ms;
}

html:not(.open-compare-modal) .modal-compare {
    opacity: 0;
    visibility: hidden;
}

.modal-compare:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.modal-compare-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 692px;
    width: 100%;
    white-space: normal;
}

.modal-compare-content {
    background-color: #fff;
    border-radius: 8px;
    transform: translatey(-100px);
    transition-duration: 350ms;
    text-align: center;
    overflow: hidden;
}

.open-compare-modal .modal-compare-content {
    transform: translatey(0);
}

.modal-compare-title {
    font-family: 'Loos Normal', sans-serif;
    font-size: 46px;
    line-height: 110%;
}

.modal-compare-text {
    font-size: 18px;
    line-height: 150%;
    margin-top: 16px;
    color: #767680;
}

.modal-compare-text p:not(:first-child) {
    margin-top: 8px;
}

.modal-compare-text a {
    color: #5E54A1;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-compare-text a:hover {
    color: #A9A4CB;
}

.modal-compare-block {
    padding: 32px;
}

.modal-compare-buttons {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

.modal-compare-button-transparent {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 2px solid #F0EFEF;
    color: #1B1B1B;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: calc(50% - 6px);
    padding: 0 24px;
    transition-duration: 350ms;
    cursor: pointer;
}

.modal-compare-button-transparent:hover {
    background-color: #F0EFEF;
}

.modal-compare-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background-color: #4334A1;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    border-radius: 4px;
    height: 67px;
    width: calc(50% - 6px);
    padding: 0 24px;
    transition-duration: 350ms;
    gap: 4px;
    cursor: pointer;
}

.modal-compare-button:hover {
    background-color: #5B46D9;
}

@media screen and (max-width: 1279px) {
    .modal-compare-title {
        font-size: 25px;
    }

    .modal-compare-text {
        font-size: 16px;
    }

    .modal-compare-button {
        height: 64px;
        font-size: 16px;
    }

    .modal-compare-button-transparent {
        height: 64px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .modal-compare {
        padding-top: 134px;
    }

    .modal-compare-wrapper {
        max-width: 500px;
    }

    .modal-compare-buttons {
        flex-direction: column;
        margin-top: 28px;
    }

    .modal-compare-button {
        height: 60px;
        width: 100%;
    }

    .modal-compare-button-transparent {
        height: 60px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .modal-compare {
        padding: 78px 0 0 0;
    }

    .modal-compare-wrapper {
        vertical-align: bottom;
    }

    .modal-compare-content {
        border-radius: 8px 8px 0 0;
        transform: translatey(100px);
    }

    .modal-compare-block {
        padding: 24px;
    }
}

@media screen and (max-width: 499px) {
    .modal-compare-block {
        padding: 16px;
    }

    .modal-compare-buttons {
        margin-top: 20px;
    }
}