:root {
    --app-height: 100%;
    --product-height: calc(100vh - 82px);
}

body.footer-black {
    background-color: #000;
}

.wrapper {
    max-width: 1544px;
    margin: 0 auto;
}

@media only screen and (max-width: 1658px) {
    .wrapper {
        max-width: unset;
        padding: 0 60px;
    }
}

@media only screen and (max-width: 768px) {
    html {
        min-height: 100%;
        height: 100%;
    }

    .wrapper {
        padding: 0 15px;
    }
}

.wrapper-back-mobile {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.wrapper-back-mobile.active {
    opacity: 1;
    visibility: visible;
}

.hover {
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.hover:hover {
    opacity: 0.5 !important;
}

a.black {
    color: #444;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid #444;
    transition: all 0.2s ease;
}

a.black:hover {
    border-bottom-color: transparent;
}

.clear {
    clear: both;
}

.hidden {
    visibility: hidden !important;
    opacity: 0 !important;
}

.display-none {
    display: none !important;
}

.form input[type='submit'].ibutton,
.ibutton {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    vertical-align: middle;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 35px;
    border-radius: 14px !important;
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
    transition: all 0.2s ease;
}

.ibutton:hover {
    background-color: transparent;
    color: #000000;
    opacity: 1;
}

.form input[type='submit'].ibutton {
    line-height: 1 !important;
}

.ibutton .btn-load {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ibutton.ibutton-preloader {
    position: relative;
}

.ibutton.ibutton-preloader span:not(.btn-load) {
    opacity: 0;
    visibility: hidden;
}

.ibutton.ibutton-preloader .btn-load {
    display: block;
}

.ibutton.ibutton-preloader .btn-load__list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ibutton.ibutton-preloader .btn-load__item {
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 50%;
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: btn-load;
    animation-timing-function: cubic-bezier(.2, .68, .18, 1.08);
    transition: background-color 0.2s ease;
}

.ibutton.ibutton-preloader .btn-load__item:first-child {
    animation-delay: .12s;
}

.ibutton.ibutton-preloader .btn-load__item:nth-child(2) {
    animation-delay: .24s;
    margin-left: 6px;
}

.ibutton.ibutton-preloader .btn-load__item:last-child {
    animation-delay: .36s;
    margin-left: 6px;
}

.ibutton.ibutton-preloader:hover .btn-load__item {
    background-color: #000000;
}

@keyframes btn-load {
    0%, 100% {
        opacity: 1;
    }

    66.66% {
        opacity: .2;
    }
}

.form input[type='submit'].ibutton.trans,
.ibutton.trans {
    border: 1px solid #000000;
    background-color: transparent;
    color: #000000;
}

.form input[type='submit'].ibutton.white,
.ibutton.white {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    color: #000000;
}

.form input[type='submit'].ibutton.trans:hover,
.ibutton.trans:hover,
.form input[type='submit'].ibutton.white:hover,
.ibutton.white:hover {
    background-color: #000000;
    color: #FFFFFF;
    opacity: 1;
}


.ibutton.hollow {
    background-color: transparent;
    color: #1a1a1a;
}

.ibutton.hollow:hover {
    background-color: #1a1a1a;
    color: #fff;
    opacity: 1;
}

.ibutton.hollow-hover:hover {
    background-color: transparent;
    color: #1a1a1a;
    opacity: 1;
}

.ibutton.small {
    height: 40px;
    padding: 0 32px;
    font-size: 13px;
    line-height: 1;
}

.ibutton.big {
    height: 49px;
    font-weight: 400;
    line-height: 48px;
}

.ibutton.gray {
    border-color: #cfcfcf;
}

.ibutton.gray:hover {
    border-color: #1a1a1a;
}

.absolute-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.img-rel {
    position: relative;
    height: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-rel img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.preloading:not(.swiper-initialized) {
    min-height: 100px;
    background: url(images/double_ring.svg) no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    background-size: 100px !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
}

.preloading:not(.swiper-initialized) * {
    background: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
    opacity: 0;
}

.preloading.mini:not(.swiper-initialized) {
    background-size: 50px !important;
}

.min-width-50 {
    min-width: 50%;
}

.field-text {
    width: 100%;
    border: 1px solid #292929;
    font-size: 14px;
    line-height: 14px;
    color: #444;
    padding: 15px 15px 11px;
}

.button-confirm-phone {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    color: #444;
    cursor: pointer;
    text-decoration: none;
    text-transform: lowercase;
    border: 0 none !important;
    opacity: 1;
    transition: all 0.2s ease;
}

.button-confirm-phone:hover {
    opacity: 0.5;
}

.form {
    display: block;
}

.form input,
.form select,
.form textarea {
    width: 100%;
    padding: 11px 0px 8px;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    border: 1px solid #8d8d8d;
    border-width: 0 0 1px 0;
    border-radius: 0;
    color: #444;
    background-color: transparent;
    transition: all 0.2s ease;
}

::-webkit-input-placeholder {
    opacity: 0;
}

.form input:focus::-webkit-input-placeholder,
.form textarea:focus::-webkit-input-placeholder {
    opacity: 1;
}

.form textarea {
    resize: none;
    height: 120px;
    display: block;
}

.form input:focus,
.form textarea:focus {
    border-bottom-color: #1a1a1a;
}

.form input[readonly='readonly'] {
    background-color: transparent !important;
    opacity: 0.5;
    border-bottom-color: #8d8d8d;
}

.form input[type='submit'].ibutton {
    border-width: 1px;
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
    border-radius: 14px;
}

.form input[type='submit'].ibutton:hover {
    background-color: transparent;
    color: #1a1a1a;
}

.form .field {
    margin-bottom: 36px;
    position: relative;
}

.form .field.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.form .field.field-checkbox {
    margin-bottom: 10px;
}

.form .field:last-child {
    margin-bottom: 32px;
}

.form .field .placeholder {
    color: #8d8d8d;
    position: absolute;
    left: 0;
    top: 11px;
    transition: all 0.3s ease;
    font-size: 16px;
    line-height: 1;
    cursor: text;
    white-space: nowrap;
}

.form .field input:focus + .placeholder,
.form .field input:not(:placeholder-shown) + .placeholder,
.form .field textarea:focus + .placeholder,
.form .field textarea:not(:placeholder-shown) + .placeholder {
    top: -11px;
    font-size: 14px;
    line-height: 1;
}

.form .field-description {
    line-height: 1.3;
    font-size: 14px;
    margin-top: 12px;
    position: relative;
    cursor: pointer;
    color: #8d8d8d;
}

.form .field-cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.form .field-cols-2 .field {
    width: calc(50% - 10px);
}

.field-radio input[type='radio'],
.field-checkbox input[type='checkbox'] {
    position: absolute;
    z-index: -1;
    left: 0;
    opacity: 0;
}

.field-radio label,
.field-checkbox label {
    display: block;
    position: relative;
}

.field-radio .label,
.field-checkbox .label {
    line-height: 1.3;
    font-size: 12px;
    padding-left: 32px;
    padding-top: 1px;
    position: relative;
    cursor: pointer;
    color: #8d8d8d;
    display: inline-block;
}

.field-radio .label a,
.field-checkbox .label a {
    line-height: 1.3;
    font-size: 12px;
    color: #8d8d8d;
    border-bottom-color: #8d8d8d;
}

.field-radio .label a:hover,
.field-checkbox .label a:hover {
    border-bottom-color: transparent;
}

.field-radio input[type='radio']:checked + .label:before,
.field-checkbox input[type='checkbox']:checked + .label:before {
    opacity: 1;
}

.field-radio .label:before,
.field-radio .label:after,
.field-checkbox .label:before,
.field-checkbox .label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.field-radio .label:before,
.field-checkbox .label:before {
    opacity: 0;
    background: url('images/icons/checkmark-small.svg') center center no-repeat;
    z-index: 2;
}

.field-radio .label:after,
.field-checkbox .label:after {
    border: 1px solid #1a1a1a;
    z-index: 1;
}

.field-radio .label:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-image: none;
    background-color: #1a1a1a;
    margin: 4px 0 0 4px;
}

.field-radio .label:after {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.field-radio .label:hover:after,
.field-checkbox .label:hover:after {
    border-color: #292929;
}

.field-city .field-style {
    display: none;
    margin-top: 10px;
}

.field-city.active .field-style {
    display: block;
}

.form .field.field-inline {
    display: inline-block;
    margin-bottom: 0 !important;
}

.form .field.field-inline input[type='text'] {
    font-size: 15px;
    padding: 3px 0 1px;
    text-align: center;
}

.form .field.field-inline .placeholder {
    font-size: 15px;
    top: auto;
    bottom: 5px;
    right: 0;
    text-align: center;
    transition: all 0.2s ease;
}

.form .field.field-inline input[type='text']:focus + .placeholder,
.form .field.field-inline input[type='text']:not(:placeholder-shown) + .placeholder {
    visibility: hidden;
    opacity: 0;
    top: auto;
    bottom: 5px;
    font-size: 15px;
}

.form .field.toggle {
    display: flex;
    align-items: center;
}

.form .field.toggle.field-toggle {
    margin-bottom: 10px;
}

.form .field.toggle.field-toggle:last-child {
    margin-bottom: 32px;
}

.form .field.toggle label {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
    color: #000000;
    padding-left: 7px;
    letter-spacing: 0;
}

.form .field.toggle label a {
    font-size: inherit;
}

.form .field.toggle input[type='checkbox'] {
    position: relative;
    display: inline-block;
    width: 22px;
    min-width: 22px;
    height: 13px;
    margin: 0;
    padding: 0;
    border: 1px solid #000000;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.form .field.toggle input[type='checkbox']::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 9px;
    height: 9px;
    background-color: #000000;
    border-radius: 50%;
    transform: translateX(0);
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.form .field.toggle input[type='checkbox']:checked::after {
    transform: translateX(100%);
    background-color: #ffffff;
}

.form .field.toggle input[type='checkbox']:checked {
    background-color: #000000;
}

.form .field.field-button {
    margin-top: 35px;
    margin-bottom: 0;
}

.form .field-add-link {
    cursor: pointer;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -11px;
    margin-bottom: 36px;
}

.form .field-add-link.disabled {
    display: none;
}

.form .field-add-link .icon {
    display: flex;
    width: 12px;
    height: 12px;
}

.form .field-add-link .icon svg {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.form .field-add-link span {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.form .field-link {
    display: none;
}

.form .field-link.active {
    display: block;
}


.field-radio-img input[type=radio] {
    display: none;
}

.field-radio-img .field-radio-img__label {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 12px;
}

.field-radio-img .field-radio-img__list {
    display: flex;
    gap: 10px;
}

.field-radio-img .field-radio-img__item label {
    cursor: pointer;
}

.field-radio-img .field-radio-img__img {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 10px;
}

.field-radio-img .field-radio-img__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 5px solid transparent;
    z-index: 1;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.field-radio-img .field-radio-img__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.field-radio-img span:not(.field-radio-img__img) {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    margin: 5px 0 0;
}

.field-radio-img input[type=radio]:checked + label .field-radio-img__img:after {
    border-color: #DADADA;
}

.wrap-buttons-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.wrap-buttons-between.flex-end {
    justify-content: flex-end;
}

.space-between-filds {
    height: 20px;
}

.alternative-currency {
    display: none;
}

.message-result {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 25px;
    display: none;
}

.message-result.error {
    color: #c00;
    display: block;
}

.message-result.success {
    color: #3b853e;
    display: block;
}


/* line-banner */
.line-banner {
    position: relative;
    display: none;
    width: 100%;
    height: 30px;
    background: #000;
    z-index: 203;
}

.line-banner-active .line-banner {
    display: block;
}

.line-banner .wrapper,
.line-banner .line-content {
    height: 100%;
}

.line-banner .line-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0 12px;
}

.line-banner .line-right {
    display: flex;
}

.line-banner .line-menu {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.line-banner .line-menu:first-child {
    width: 100%;
    justify-content: flex-start;
    gap: 45px;
}

.line-banner .line-menu:last-child {
    width: 100%;
    justify-content: flex-end;
    gap: 45px;
}

.line-banner .line-item {
    color: #8D8D8D;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
}

.line-banner .line-item span {
    white-space: nowrap;
    font-size: inherit;
    line-height: inherit;
}

.line-banner .line-item.is-icon {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}

.line-banner .line-item.is-icon .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.line-banner .line-item.is-icon .icon svg {
    display: block;
}

.sale-banner-active {
    --sale-banner-height: 29px;
}

.sale-banner-active .sale-line-banner.line-banner {
    display: block;
}

.sale-line-banner.line-banner {
    height: var(--sale-banner-height);
    background: #B10404;
}

.sale-line-banner.line-banner .line-content {
    justify-content: center;
}

.sale-line-banner.line-banner .sale-line-item {
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}

@media only screen and (max-width: 1200px) {
    .line-banner .line-menu:first-child,
    .line-banner .line-menu:last-child {
        gap: 30px;
    }

    .line-banner .line-menu {
        gap: 20px;
    }
}

@media only screen and (max-width: 1080px) {
    .line-banner .line-menu:first-child,
    .line-banner .line-menu:last-child {
        gap: 20px;
    }

    .line-banner .line-menu {
        gap: 12px;
    }
}

@media only screen and (max-width: 1023px) {
    .line-banner .line-menu:first-child,
    .line-banner .line-menu:last-child {
        gap: 10px;
    }

    .line-banner .line-menu {
        gap: 10px;
    }

    .line-banner .line-item {
        font-size: 12px;
    }

    .line-banner .line-item.is-icon {
        gap: 3px;
    }
}

@media only screen and (max-width: 850px) {
    .line-banner .line-menu:not(.line-left):not(.line-right) {
        display: none;
    }

    .line-banner .line-item {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .line-banner,
    .line-banner-active .line-banner {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .line-banner-active header {
        position: absolute;
        top: 30px;
    }

    .line-banner-active.head-fixed header {
        position: fixed;
        top: 0;
    }

    .line-banner-active .slider-premiere .item {
        height: calc(100vh - 30px) !important;
    }

    .line-banner-active .catalog-new-filter {
        position: absolute;
        top: 141px;
    }

    .line-banner-active.head-fixed .catalog-new-filter {
        position: fixed;
        top: 112px;
    }

    .line-banner-active .empty-content .empty-right .image {
        padding-bottom: calc(100vh - 30px);
    }

    .line-banner-active:not(.head-fixed) .catalog-new-filter .filter-content {
        max-height: calc(100vh - 162px);
    }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
    .line-banner-active .catalog-new-filter {
        top: 75px;
    }

    .line-banner-active.head-fixed .catalog-new-filter {
        top: 47px;
    }

    .line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popup-search,
    .line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popup-call {
        height: 132px;
        top: -132px;
    }

    .line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed).is-subsection .popup-search,
    .line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed).is-subsection .popup-call {
        height: 172px;
        top: -172px;
    }

    .line-banner-active.page-catalog:not(.main-catalog).is-subsection .popup-search.active,
    .line-banner-active.page-catalog:not(.main-catalog) .popup-search.active,
    .line-banner-active.page-catalog:not(.main-catalog).is-subsection .popup-call.active,
    .line-banner-active.page-catalog:not(.main-catalog) .popup-call.active {
        top: 0;
    }

    .line-banner-active:not(.head-fixed) .popups.popup-new-menu {
        position: absolute;
        top: 77px;
    }

    .line-banner-active:not(.head-fixed) .catalog-new-filter .filter-content {
        max-height: calc(var(--app-height) - 120px);
    }

    .line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popups.popup-new-menu {
        top: 119px;
    }

    .line-banner-active.page-catalog.is-subsection:not(.main-catalog):not(.head-fixed) .popups.popup-new-menu {
        top: 159px;
    }
}


@media only screen and (min-width: 769px) {
    .sale-banner-active.line-banner-active header {
        position: absolute;
        top: calc(30px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active.head-fixed header {
        position: fixed;
        top: 0;
    }

    .sale-banner-active.line-banner-active .slider-premiere .item {
        height: calc(100vh - calc(30px + var(--sale-banner-height))) !important;
    }

    .sale-banner-active.line-banner-active .catalog-new-filter {
        position: absolute;
        top: calc(126px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active.head-fixed .catalog-new-filter {
        position: fixed;
        top: 112px;
    }

    .sale-banner-active.line-banner-active .empty-content .empty-right .image {
        padding-bottom: calc(100vh - calc(30px + var(--sale-banner-height)));
    }

    .sale-banner-active.line-banner-active:not(.head-fixed) .catalog-new-filter .filter-content {
        max-height: calc(100vh - calc(162px + var(--sale-banner-height)));
    }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
    .sale-banner-active.line-banner-active .catalog-new-filter {
        top: calc(75px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active.head-fixed .catalog-new-filter {
        top: 47px;
    }

    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popup-search,
    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popup-call {
        height: calc(132px + var(--sale-banner-height));
        top: calc(-132px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed).is-subsection .popup-search,
    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed).is-subsection .popup-call {
        height: calc(172px + var(--sale-banner-height));
        top: calc(-172px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog).is-subsection .popup-search.active,
    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog) .popup-search.active,
    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog).is-subsection .popup-call.active,
    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog) .popup-call.active {
        top: 0;
    }

    .sale-banner-active.line-banner-active:not(.head-fixed) .popups.popup-new-menu {
        position: absolute;
        top: calc(77px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active:not(.head-fixed) .catalog-new-filter .filter-content {
        max-height: calc(var(--app-height) - calc(120px + var(--sale-banner-height)));
    }

    .sale-banner-active.line-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popups.popup-new-menu {
        top: calc(119px + var(--sale-banner-height));
    }

    .sale-banner-active.line-banner-active.page-catalog.is-subsection:not(.main-catalog):not(.head-fixed) .popups.popup-new-menu {
        top: calc(159px + var(--sale-banner-height));
    }
}

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

    .sale-line-banner.line-banner .sale-line-item {
        font-size: 12px;
    }

    .sale-banner-active header {
        position: absolute;
        top: 30px;
    }

    .sale-banner-active.head-fixed header {
        position: fixed;
        top: 0;
    }

    .sale-banner-active .slider-premiere .item {
        height: calc(100vh - 29px) !important;
    }

    .sale-banner-active .empty-content .empty-right .image {
        padding-bottom: calc(100vh - 29px);
    }

    .sale-banner-active .catalog-new-filter {
        position: absolute;
        top: 75px;
    }

    .sale-banner-active.head-fixed .catalog-new-filter {
        position: fixed;
        top: 47px;
    }

    .sale-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popup-search,
    .sale-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popup-call {
        height: 132px;
        top: -132px;
    }

    .sale-banner-active.page-catalog:not(.main-catalog):not(.head-fixed).is-subsection .popup-search,
    .sale-banner-active.page-catalog:not(.main-catalog):not(.head-fixed).is-subsection .popup-call {
        height: 172px;
        top: -172px;
    }

    .sale-banner-active.page-catalog:not(.main-catalog).is-subsection .popup-search.active,
    .sale-banner-active.page-catalog:not(.main-catalog) .popup-search.active,
    .sale-banner-active.page-catalog:not(.main-catalog).is-subsection .popup-call.active,
    .sale-banner-active.page-catalog:not(.main-catalog) .popup-call.active {
        top: 0;
    }

    .sale-banner-active:not(.head-fixed) .popups.popup-new-menu {
        position: absolute;
        top: 77px;
    }

    .sale-banner-active:not(.head-fixed) .catalog-new-filter .filter-content {
        max-height: calc(var(--app-height) - 120px);
    }

    .sale-banner-active.page-catalog:not(.main-catalog):not(.head-fixed) .popups.popup-new-menu {
        top: 119px;
    }

    .sale-banner-active.page-catalog.is-subsection:not(.main-catalog):not(.head-fixed) .popups.popup-new-menu {
        top: 159px;
    }

    .sale-banner-active .product-header .product-images .images-list {
        padding-bottom: var(--sale-banner-height);
    }

    .sale-banner-active .product-mobile-head {
        padding-bottom: calc(15px + var(--sale-banner-height));
    }
}


/* end line-banner */

.indent-header-fixed {
    position: relative;
    z-index: 100;
    height: 102px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 102px;
    padding: 19px 0 0;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    transition: background-color 0.2s ease;
    z-index: 202;
}

header.head-animated {
    pointer-events: none;
}

.open-popup header,
.open-filter header {
    background-color: #fff;
}

header:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: #fff;
    transition: height 0.3s ease;
}

header.head-animated:after {
    height: 0 !important;
}

header.head-display:after {
    height: 100%;
}

.page-main header:after {
    height: 0;
}

.page-main header.head-display:after {
    height: 100%;
}

.page-catalog:not(.main-catalog) header:after,
.page-catalog:not(.main-catalog) header.head-display:after {
    height: calc(100% + 50px);
}

.page-product.open-popup header.head-animated {
    pointer-events: all;
}

.body-header-trans header:after,
.basket-empty header:after {
    height: 0;
}

@media only screen and (max-width: 768px) {
    /*.open-mobile-menu header .header-info__nav .info-nav__item:not(.info-nav__chat-mobile) {
        display: none;
    }*/
    .open-mobile-menu.page-product header {
        background-color: #fff;
    }

    .open-mobile-menu.page-product header .header-info__nav .info-nav__item.info-nav__chat-mobile,
    .open-mobile-menu.page-product header .header-top .header-element.header-element__logo {
        opacity: 1;
        pointer-events: all;
    }

    .page-product .indent-header-fixed {
        display: none;
    }

    .page-product header {
        background-color: transparent;
    }

    .page-product.open-popup-header header {
        background-color: #fff;
    }

    .page-product header:after,
    .page-product header.head-display:after {
        height: 0;
    }

    .page-product header .header-info__nav .info-nav__item.info-nav__chat-mobile,
    .page-product header .header-top .header-element.header-element__logo {
        opacity: 0;
        transition: none;
        pointer-events: none;
    }
}

header .header-wrap {
    position: relative;
}

header .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header-top .header-top__text {
    font-size: 13px;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s ease;
}

header .header-element {
    width: 100%;
    line-height: 1;
    visibility: visible;
    transition: all 0.5s ease;
}

header.head-animated .header-element {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px);
}

.page-product.open-popup header.head-animated .header-element {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.5s ease;
}

header .header-left-menu {
    display: flex;
    align-items: center;
    gap: 36px;
    padding-top: 1px;
}

header .header-left-menu .header-left-menu__content {
    display: flex;
    align-items: center;
    gap: 36px;
}

header .header-left-menu .header-left-menu__item {
    opacity: 1;
    transition: opacity 0.2s ease;
}

header .header-left-menu .header-left-menu__item > a {
    display: block;
    color: #000;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    opacity: 1;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity 0.2s ease, color 0.2s ease;
}

header .header-left-menu .header-left-menu__item.active > a {
    font-weight: 600;
}

header .header-settings {
    display: flex;
    align-items: center;
    gap: 36px;
    padding-top: 1px;
}

header .header-settings .header-settings__item {
    position: relative;
}

header .header-left-menu .hamburger {
    cursor: pointer;
    display: none;
    position: relative;
    overflow: visible;
    padding: 1px 6px 5px;
    transition: opacity 0.15s linear, filter 0.15s linear;
}

header .header-left-menu .hamburger .hamburger-box {
    position: relative;
    width: 20px;
    height: 15px;
}

header .header-left-menu .hamburger.submenu-active .hamburger-box:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
    border: 1px solid #000000;
    border-right-width: 0;
    border-top-width: 0;
    z-index: 2;
}

header .header-left-menu .hamburger .hamburger-inner {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 1.6px;
    border-radius: 1px;
    background-color: #000;
    transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.2s ease;
}

header .header-left-menu .hamburger.submenu-active .hamburger-inner {
    display: none;
}

header .header-left-menu .hamburger .hamburger-inner:before,
header .header-left-menu .hamburger .hamburger-inner:after {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 1.6px;
    border-radius: 1px;
    background-color: #000;
    transition: transform 0.15s ease, background-color 0.2s ease;
}

header .header-left-menu .hamburger .hamburger-inner:before {
    top: -7.4px;
    transition: top 0.1s 0.14s ease, opacity 0.1s ease, background-color 0.2s ease;
}

header .header-left-menu .hamburger .hamburger-inner:after {
    bottom: -7.4px;
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.2s ease;
}

header .header-left-menu .hamburger.is-active .hamburger-inner {
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(45deg);
}

header .header-left-menu .hamburger.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease, background-color 0.2s ease;
}

header .header-left-menu .hamburger.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.2s ease;
    transform: rotate(-90deg);
}

header .header-settings .header-lang .header-top__text > span {
    font-size: inherit;
    line-height: inherit;
}

header .header-search {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease;
}

header .header-search .search {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10px;
}

header .header-search .search.set-search.hover {
    opacity: 1 !important;
}

header .header-search .search.set-search {
    top: 1px;
}

header .header-search .search .name {
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    /*transition: opacity 0.2s ease, color 0.2s ease;*/
    transition: color 0.2s ease;
}

header .header-search .search.set-search .name {
    display: none;
    line-height: 1;
}

header .header-search:hover .search .name {
    opacity: 0.5;
}

header .header-search .search .field {
    position: absolute;
    width: 35%;
    opacity: 0;
    pointer-events: none;
    /*transition: width 0.2s ease, opacity 0.2s ease;*/
}

header .header-search .search.set-search .field {
    position: relative;
    width: 100%;
    pointer-events: all;
    opacity: 1;
}

header .header-search .search .field > div:not(.search_result),
header .header-search .search .field > form {
    position: relative;
}

header .header-search .search .field > div:not(.search_result):after,
header .header-search .search .field > form:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #C5C5C5;
    transition: border-color 0.2s ease;
}

header .header-search .search .field .query {
    display: none;
    width: 229px;
    height: auto;
    padding-bottom: 5px;
    border: 0 none;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: #333;
    background-color: transparent;
    transition: color 0.2s ease;
}

header .header-search .search.set-search .query {
    display: block;
}

header .header-search .search .field .send {
    display: none;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: transparent;
    background-image: url(images/icons/search-icon.svg);
    background-size: contain;
    border: 0 none;
    height: 15px;
    width: 15px;
    font-size: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

header .header-search .search.set-search .field .send {
    display: block;
}

header .header-search .search .overlap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

header .header-search .search.set-search .overlap {
    display: none;
}

header .header-top .header-element.header-element__logo {
    position: relative;
    width: auto;
    display: flex;
    justify-content: center;
}

header .header-top .header-element.header-element__logo > a {
    display: inline-flex;
    width: 100%;
}

header .header-top .header-element.header-element__logo > a svg {
    display: block;
    width: 150px;
    height: 35px;
}

header .header-top .header-element.header-element__logo > a svg path {
    transition: all 0.2s ease;
}

header .header-top .header-element.header-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

header .header-info .header-info__chat {
    position: relative;
    padding-top: 3px;
}

header .header-info__nav {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: -6px;
}

header .header-info__nav .info-nav__item .item-link {
    display: block;
    padding: 5px;
    width: 29px;
    height: 36px;
}

header .header-info__nav .info-nav__item .item-link svg {
    display: block;
    width: 100%;
    height: 100%;
}

header .header-info__nav .info-nav__item .item-link svg path {
    transition: all 0.2s ease;
}

header .header-info__nav .info-nav__item.info-nav__chat-mobile {
    display: none;
    height: auto;
    text-align: center;
    padding: 5px 3px 3px;
    transition: color 0.2s ease;
}

header .header-info__nav .info-nav__item.info-nav__search {
    display: none;
}

header .header-info__nav .info-nav__item.info-nav__search {
    display: none;
    width: 28px;
    height: 36px;
    cursor: pointer;
    padding: 4px;
}

header .header-info__nav .info-nav__item.info-nav__search {

}

header .header-info__nav .info-nav__item.info-nav__search svg {
    display: block;
    width: 100%;
    height: 100%;
}

header .header-info__nav .info-nav__item.info-nav__search svg path {
    transition: all 0.2s ease;
}

header .header-info__nav .info-nav__item.favorites-head .item-link {
    position: relative;
}

header .header-info__nav .info-nav__item.favorites-head .favorites-count {
    display: block;

    position: absolute;
    top: 4px;
    right: -1px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    color: #fff;
    background-color: #1a1a1a;

    font-size: 10px;
    line-height: 13px;
    text-align: center;
    transition: all 0.2s ease;
}

header .header-info__nav .info-nav__item.favorites-head .favorites-count.is-hide {
    display: none;
}

header .header-info__nav .info-nav__item.info-nav__basket {
    position: relative;
}

header .header-info__nav .info-nav__item.info-nav__basket .item-link {
    position: relative;
}

header .header-info__nav .info-nav__item.info-nav__basket .count {
    display: none;
    position: absolute;
    top: 4px;
    right: -1px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    color: #fff;
    background-color: #1a1a1a;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    transition: all 0.2s ease;
}

header .header-info__nav .info-nav__item.info-nav__basket .count.display {
    display: block;
}

.lang-change {
    display: block;
}

.lang-change .lang-change__wrap {
    border-radius: 10px;
    background: #F9F9F9;
}

.lang-change .lang-change__wrap.lang {
    margin-bottom: 10px;
}

.lang-change .lang-change__wrap .lang-change__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.lang-change .lang-change__wrap .lang-change__list .lang-change__item {
    width: 50%;
}

.lang-change .lang-change__wrap .lang-change__list .lang-change__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    background: #F9F9F9;
    transition: all 0.2s ease;
}

.lang-change .lang-change__wrap .lang-change__list .lang-change__item.active a {
    color: #fff;
    background: #000;
}

header .lang-window {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: -25px;
    top: 36px;
    width: 300px;
    padding: 12px 25px 25px;
    background-color: #fff;
    z-index: 1;
    transition: all 0.2s ease;
}

header .lang-window.active {
    opacity: 1;
    visibility: visible;
}

header .lang-window:after {
    content: '';
    position: absolute;
    width: 100%;
    top: -25px;
    height: 25px;
    right: 0;
}

.breadcrumb-list.is-hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/*.page-catalog:not(.main-catalog) header .lang-window {
    top: 113px;
}

.page-catalog:not(.main-catalog) header .lang-window:after {
    top: -100px;
    height: 100px;
}*/

@media only screen and (max-width: 1023px) {
    header .lang-window {
        right: -66px;
        top: 35px;
    }

    header .lang-window:after {
        display: none;
    }

    .page-catalog:not(.main-catalog) header .lang-window {
        top: 90px;
    }

    .page-catalog.is-subsection:not(.main-catalog) header .lang-window {
        top: 129px;
    }
}

@media only screen and (max-width: 450px) {
    header .lang-window {
        right: -52px;
        width: 230px;
    }
}

header .chat-window {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -25px;
    top: 74px;
    width: 215px;
    background-color: #fff;
    z-index: 1;
    transition: all 0.2s ease;
}

header .chat-window:after {
    content: '';
    position: absolute;
    width: 100%;
    top: -49px;
    height: 49px;
    right: 0;
}

.page-catalog:not(.main-catalog) header .chat-window {
    top: 123px;
}

.page-catalog:not(.main-catalog) header .chat-window:after {
    top: -100px;
    height: 100px;
}

header .chat-window.active {
    opacity: 1;
    visibility: visible;
}

header .chat-window .chat-list {
    padding: 12px 25px 25px;
}

header .chat-window .chat-list .chat-list__item:not(:last-child) {
    margin-bottom: 8px;
}

header .chat-window .chat-list .chat-list__item > a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #1a1a1a;
}

header .basket-mini {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 75px;
    width: 286px;
    background-color: #fff;
    transition: all 0.2s ease;
    z-index: 1;
}

header .basket-mini:after {
    content: '';
    position: absolute;
    width: 100%;
    top: -49px;
    height: 49px;
    right: 0;
}

header .basket-mini.active {
    opacity: 1;
    visibility: visible;
}

.page-catalog:not(.main-catalog) header .basket-mini {
    top: 125px;
}

.page-catalog:not(.main-catalog) header .basket-mini:after {
    top: -100px;
    height: 100px;
}

.page-catalog:not(.main-catalog) header .basket-mini .items {
    max-height: calc(100vh - 285px);
}

header .basket-mini .basket-mini__wrap {
    padding: 12px 20px 20px;
}

header .basket-mini .basket-mini__list {
    margin-bottom: 4px;
    overflow: auto;
    max-height: calc(100vh - 262px);
}

header .basket-mini .basket-mini__item {
    padding-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

header .basket-mini .basket-mini__item .image {
    display: block;
    width: 62px;
    min-width: 62px;
    height: 92px;
    margin-right: 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

header .basket-mini .basket-mini__item .data {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

header .basket-mini .basket-mini__item .data .name {
    margin-top: -3px;
    margin-bottom: 10px;
}

header .basket-mini .basket-mini__item .data .name a {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

header .basket-mini .basket-mini__item .data .props {
    line-height: 1;
}

header .basket-mini .basket-mini__item .data .props * {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.1;
    color: #8d8d8d;
    text-transform: uppercase;
}

header .basket-mini .basket-mini__item .data .price {
    font-size: 14px;
    line-height: 1;
    text-align: right;
    color: #000;
}

header .basket-mini .basket-mini__total {
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

header .basket-mini .basket-mini__total .col {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    padding: 0;
}

header .basket-mini .basket-mini__total .col.name {
    text-transform: uppercase;
}

header .basket-mini .basket-mini__total .col.total {
    text-align: right;
}

header .basket-mini .ibutton {
    width: 100%;
}

header .header-menu .header-main-menu {
    position: relative;
}

header .header-menu .header-main-menu:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 39px;
    background: linear-gradient(270deg, #FFF 9.02%, rgba(255, 255, 255, 0.00) 150.99%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s ease;
}

header .header-menu .header-main-menu.is-scroll:after {
    opacity: 1;
    visibility: visible;
}

.body-header-trans header .header-menu .header-main-menu:after,
.basket-empty header .header-menu .header-main-menu:after,
.page-main header .header-menu .header-main-menu:after {
    opacity: 0;
    visibility: hidden;
}

header.head-display .header-menu .header-main-menu.is-scroll:after {
    opacity: 1 !important;
    visibility: visible !important;
}


header .header-menu .header-main-menu .header-main-menu__wrap {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
}

header .header-menu .header-main-menu .header-main-menu__wrap::-webkit-scrollbar {
    display: none;
}

header .header-menu .header-main-menu .header-main-menu__item {
    opacity: 1;
    transition: opacity 0.2s ease;
}


header .header-menu.menu-hover .header-main-menu .header-main-menu__item {
    opacity: 0.5;
}

header .header-menu .header-main-menu .header-main-menu__item.is-hover {
    opacity: 1;
}

header .header-menu .header-main-menu .header-main-menu__item a {
    display: block;
    padding: 20px 0 14px;
    color: #000;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    opacity: 1;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity 0.2s ease, color 0.2s ease;
}

header .header-menu .header-main-menu .header-main-menu__item.red a {
    color: #B10404 !important;
}

header .header-menu .header-main-menu .header-main-menu__item.active a {
    font-weight: 600;
}

header .header-menu .header-catalog {
    position: absolute;
    top: -19px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 102px 0 0;
    visibility: hidden;
    max-height: 0;
    transition: max-height 0.35s cubic-bezier(.4, 0, .6, 1), visibility 0.3s ease-out;
    z-index: -1;
}

header .header-menu.menu-close .header-catalog,
header .header-menu.menu-close .header-catalog .catalog-menu {
    pointer-events: none !important;
}

header .header-menu.menu-open .header-catalog {
    visibility: visible;
    max-height: 1000px;
}

header .header-menu .header-catalog .catalog-menu {
    display: flex;
    gap: 45px;
    padding: 15px 0 47px;
    pointer-events: none;
}

header .header-menu.menu-open .header-catalog .catalog-menu {
    pointer-events: all;
}

header .header-catalog .catalog-menu-spotlight {
    position: relative;
    width: 100%;
    max-width: 312px;

    opacity: 0;
    transform: translateY(-8px);
    transition: transform 0.32s ease, opacity .32s cubic-bezier(.4, 0, .6, 1);
}

header .header-menu.menu-open .header-catalog .catalog-menu-spotlight {
    opacity: 1;
    transform: translateY(0);
}

header .header-catalog .catalog-menu-spotlight .image {
    height: 100%;
    /*padding-bottom: 65.218%;*/
}

header .header-catalog .catalog-menu-spotlight .catalog-menu-spotlight__title {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transform: translate(-50%, -50%);
}

header .header-catalog .catalog-menu-list .catalog-menu-link {
    display: block;
    width: fit-content;
    text-decoration: none;
}

header .header-catalog .catalog-menu-list .catalog-menu-title {
    display: block;
    width: fit-content;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 18px;

    opacity: 0;
    transform: translateY(-4px);
    transition: transform 0.32s ease, opacity .32s cubic-bezier(.4, 0, .6, 1);
}

header .header-menu.menu-open .header-catalog .catalog-menu-list .catalog-menu-title {
    opacity: 1;
    transform: translateY(0);
}

header .header-catalog .catalog-menu-list .catalog-menu-row {
    display: flex;
    align-items: flex-start;
    gap: 45px;
}

header .header-catalog .catalog-menu-list.catalog-menu-list--main .catalog-menu-column {
    min-width: 132px;
}

header .header-catalog .catalog-menu-list .catalog-menu-item {
    font-size: 13px;
    line-height: 1.15;
    margin: 0 0 8px;
    opacity: 0;
    transform: translateY(-4px);
    transition: transform 0.32s ease, opacity .32s cubic-bezier(.4, 0, .6, 1);
}

header .header-menu.menu-open .catalog-menu-list .catalog-menu-item {
    opacity: 1;
    transform: translateY(0);
}

header .header-catalog .catalog-menu-list .catalog-menu-item:last-child {
    margin-bottom: 0;
}

header .header-catalog .catalog-menu-list .catalog-menu-item a {
    color: #000;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
    text-decoration: none;
}

header .header-catalog .catalog-menu-list.catalog-menu-list--brands .catalog-menu-column:nth-child(4) {
    display: none;
}

@media only screen and (min-width: 1600px) {
    header .header-catalog .catalog-menu-list.catalog-menu-list--brands .catalog-menu-column:nth-child(4) {
        display: block;
    }
}

@media only screen and (max-width: 1280px) {
    header .header-search .search .field .query {
        width: 200px;
    }
}

@media only screen and (max-width: 1200px) {
    header .header-settings,
    header .header-top .header-element.header-info {
        gap: 15px;
    }

    header .header-search .search .field .query {
        width: 160px;
    }

    header .header-menu .header-catalog .catalog-menu,
    header .header-catalog .catalog-menu-list .catalog-menu-row {
        gap: 35px;
    }

    header .header-menu .header-main-menu .header-main-menu__item:last-child {
        display: none;
    }

    header .header-catalog .catalog-menu-list.catalog-menu-list--brands .catalog-menu-column:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .indent-header-fixed {
        height: 48px;
    }

    .page-product .indent-header-fixed {
        height: 48px;
    }

    header {
        height: 48px;
        padding: 6px 0;
    }

    .page-main.open-popup header {
        background-color: #fff;
    }

    .page-main header.head-display:after {
        height: 100%;
    }


    .page-catalog:not(.main-catalog) header:after,
    .page-catalog:not(.main-catalog) header.head-display:after {
        height: calc(100% + 42px);
    }

    .page-catalog.is-subsection:not(.main-catalog) header:after,
    .page-catalog.is-subsection:not(.main-catalog) header.head-display:after {
        height: calc(100% + 82px);
    }

    header .header-top {
        min-height: 36px;
    }

    header .header-top .header-top__text {
        display: flex;
    }

    header .header-left-menu {
        width: auto;
        gap: 5px;
        padding-right: 5px;
        margin-left: -5px;
    }

    header .header-left-menu .header-left-menu__content {
        gap: 5px;
    }

    header .header-top .header-element.header-settings {
        width: auto;
        gap: 5px;
        padding-right: 9px;
        margin-left: -5px;
    }

    header .header-left-menu .header-left-menu__content,
    header .header-settings .header-lang,
    header .header-settings .header-search,
    header .header-top .header-settings.search-field-active .header-settings__item:not(.header-search),
    header .header-info .header-info__chat,
    header .header-info__nav .info-nav__item.info-nav__profile {
        display: none;
    }

    header .header-top .header-element.header-element__logo {
        padding-top: 1px;
    }

    header .header-top .header-element.header-element__logo > a svg {
        width: 100px;
        height: 23px;
    }

    header .header-left-menu .hamburger,
    header .header-info__nav .info-nav__item.info-nav__search,
    header .header-info__nav .info-nav__item.info-nav__chat-mobile {
        display: block;
    }

    header .header-info__nav {
        gap: 7px;
        margin-right: -4px;
    }

    header .header-info__nav .info-nav__item .item-link {
        padding: 1px;
    }

    header .basket-mini {
        display: none;
    }

    header .header-bottom {
        display: none;
    }
}

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

}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-search .search .name {
    color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-top .header-top__text {
    color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-left-menu .header-left-menu__item > a {
    color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-menu .header-main-menu .header-main-menu__item a {
    color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-top .header-element.header-element__logo > a svg path {
    fill: #ffffff;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .hamburger .hamburger-inner {
    background-color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .hamburger .hamburger-inner:after,
.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .hamburger .hamburger-inner:before {
    background-color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-info__nav .info-nav__item.favorites-head .item-link svg path {
    fill: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-info__nav .info-nav__item.info-nav__basket .item-link svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-info__nav .info-nav__item.info-nav__profile .item-link svg path {
    stroke: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-info__nav .info-nav__item.info-nav__search svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-info__nav .info-nav__item.info-nav__basket .count,
.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-info__nav .info-nav__item.favorites-head .favorites-count {
    background-color: #FFFFFF;
    color: #1A1A1A;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-search .search .field > div:not(.search_result):after,
.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-search .search .field > form:after {
    border-color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-search .search .field .send {
    background-image: url(images/icons/search-icon-white.svg);
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-search .search .field .query {
    color: #FFFFFF;
}

.dark-header:not(.open-menu, .open-popup-header) header:not(.head-display) .header-menu .header-main-menu:after {
    opacity: 0;
    visibility: hidden;
}

.red-header header .main-menu-nav .main-menu-top__item > a span {
    color: #800012;
}

.red-header header .header-search .search .name {
    color: #800012;
}

.red-header header .info-settings__item .item {
    color: #800012;
}

.red-header header .header-info__nav .info-nav__item.info-nav__chat-mobile {
    color: #800012;
}

.red-header header .header-top .header-element.header-element__logo > a svg path {
    fill: #800012;
}

.red-header header .hamburger .hamburger-inner {
    background-color: #800012;
}

.red-header header .hamburger .hamburger-inner:after,
.red-header header .hamburger .hamburger-inner:before {
    background-color: #800012;
}

.red-header header .hamburger.submenu-active .hamburger-box:after {
    border-color: #800012;
}

.red-header header .header-info__nav .info-nav__item.favorites-head .item-link svg path {
    fill: #800012;
}

.red-header header .header-info__nav .info-nav__item.info-nav__basket .item-link svg path {
    fill: #800012;
    stroke: #800012;
}

.red-header header .header-info__nav .info-nav__item.info-nav__profile .item-link svg path {
    stroke: #800012;
}

.red-header header .header-info__nav .info-nav__item.info-nav__search svg path {
    fill: #800012;
    stroke: #800012;
}

.red-header header .header-info__nav .info-nav__item.info-nav__basket .count,
.red-header header .header-info__nav .info-nav__item.favorites-head .favorites-count {
    background-color: #800012;
    color: #FFFFFF;
}

.red-header header .header-search .search .field > div:not(.search_result):after,
.red-header header .header-search .search .field > form:after {
    border-color: #800012;
}

.red-header header .header-search .search .field .send {
    background-image: url(images/icons/search-icon-red.svg);
}

.red-header header .header-search .search .field .query {
    color: #800012;
}

.red-header .breadcrumb-list > span,
.red-header .breadcrumb-item > span {
    color: #800012;
}

.red-header .catalog-new-filter .subsections-list .sub-item,
.red-header .catalog-new-filter .filter-choose .filter-choose-title,
.red-header .catalog-new-filter .filter-title {
    color: #800012;
}

.red-header .catalog-new-filter .filter-title .filter-icon svg path {
    fill: #800012;
    stroke: #800012;
}

.red-header .footer-logo-block svg path {
    fill: #FBF3F4;
    fill-opacity: 1;
}

.red-header .footer-container {
    background: #800012;
}

.red-header .footer .form .field.toggle label,
.red-header .footer .subscribe .field-subscribe .placeholder {
    color: #ffffff;
}

.red-header .footer .form .field.toggle input[type='checkbox'] {
    border-color: #ffffff;
}

.red-header .footer .form .field.toggle input[type='checkbox']::after {
    background: #800012;
}

.red-header .footer .form .field.toggle input[type='checkbox']:checked {
    border-color: #ffffff;
    background: #800012;
}

.red-header .slider-premiere {
    padding: 4px 60px 0;
    margin: 0 auto 175px;
}

.red-header .slider-premiere .item {
    height: auto;
    min-height: unset;
    padding-bottom: 48.519%;
}

.red-header .slider-premiere .item .img-mobile {
    background-position-y: 0%;
}

@media only screen and (min-width: 1659px) {
    .red-header .slider-premiere {
        max-width: 1544px;
        padding: 4px 0 0;
    }
}

@media only screen and (max-width: 1023px) {
    .red-header .slider-premiere {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .red-header .slider-premiere {
        padding: 9px 15px 15px;
    }

    .red-header .slider-premiere .item {
        height: calc(var(--app-height) - 72px) !important;
        min-height: 500px;
        padding-bottom: 0;
    }
}

.font-caption {
    color: #000000;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
}

.font-text-big {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
}

@media only screen and (max-width: 1470px) {
    .font-caption {
        font-size: 35px;
    }

    .font-text-big {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1280px) {
    .font-caption {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .font-text-big {
        font-size: 16px;
    }
}

.title-big {
    color: #1a1a1a;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
}

.footnote-title {
    position: relative;
}

.footnote-title .footnote {
    position: absolute;
    top: -5px;
    /*right: -24px;*/
    right: calc(-100% - 3px);
    width: 100% !important;
    min-width: fit-content !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #D20505 !important;
}

.new-title {
    position: relative;
}

.new-title:after {
    content: 'new';
    position: absolute;
    top: -5px;
    right: -24px;
    font-size: 9px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #D20505;
}

#content-loading {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 199;
    transition: all 0.2s ease;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

#content-loading.active {
    visibility: visible;
    opacity: 1;
}

#content-loading img {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -95px;
    margin-top: -95px;
}


.preloader {
    padding: 50px 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
}

.preloader .preloader__loader {
    position: relative;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
}

.preloader.loading .preloader__loader {
    opacity: 1;
    visibility: visible;
}

.preloader .preloader__loader svg {
    stroke: #323232;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.preloader.loading .preloader__loader svg {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.preloader .preloader__loader .preloader__base {
    transform: scale(1.2);
    opacity: .2;
    transform-origin: center;
}

.preloader .preloader__loader .preloader__indicator {
    transform: scale(1.2);
    stroke-linecap: round;
    transform-origin: center;
}

.preloader.loading .preloader__loader .preloader__indicator {
    -webkit-animation: dash 2s ease-in-out infinite;
    animation: dash 2s ease-in-out infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

.breadcrumb-list {
    display: flex;
    align-items: center;
    line-height: 1;
}

.breadcrumb-list .breadcrumb-list__item {
    font-size: 13px;
    line-height: 1;
}

.breadcrumb-list > span {
    font-size: 13px;
    line-height: 1;
    margin-left: 3px;
    margin-right: 3px;
    color: #000000;
}

.breadcrumb-item {
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
}

.breadcrumb-item > span {
    color: #000000;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.breadcrumb-item:hover > span {
    opacity: 0.5;
}

.workarea {
    position: relative;
    z-index: 100;
    background: #fff;
    padding-bottom: 150px;
    min-height: 100vh;
}

.page-product .workarea {
    padding-top: 23px;
}

.page-catalog:not(.main-catalog) .workarea {
    /*padding-top: 78px;*/
    padding-top: 45px;
}

.basket-empty .workarea {
    min-height: 100%;
}

@media only screen and (max-width: 1023px) {
    .workarea {
        padding-bottom: 90px;
        min-height: 100vh;
    }

    .page-catalog .workarea,
    .page-product .workarea {
        padding-top: 0;
    }

    /*.page-catalog:not(.main-catalog) .workarea {
        padding-top: 60px;
    }*/
    .page-catalog.is-subsection:not(.main-catalog) .workarea {
        padding-top: 85px;
    }
}

@media only screen and (max-width: 940px) {
    .workarea {
        min-height: 100%;
    }
}

.page-content.basket-empty .content,
.basket-empty .content {
    padding-top: 0;
}

.quantity-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.quantity-choice input {
    border: 0 none;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 25px;
    color: #1a1a1a;
}

.quantity-choice .item {
    padding: 5px 0;
}

.quantity-choice .item img {
    display: block;
}

.basket-table {
    width: 100%;
    margin-top: 55px;
}

.basket-table tr {
    border-bottom: 1px solid #cdcdcd;
}

.basket-table tr.head th {
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    color: #444;
    padding-bottom: 12px;
}

.basket-table tr.head th.control {
    text-align: center;
}

.basket-table tr:not(.head) td {
    padding: 18px 0;
    vertical-align: middle;
}

.basket-table td.image {
    position: relative;
    padding-right: 20px;
    max-width: 82px;
    width: 82px;
}

.basket-table td.image .image {
    display: block;
    width: 62px;
    height: 92px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.basket-table .name {
    font-size: 13px;
    line-height: 1;
    margin-top: 8px;
    margin-bottom: 8px;
}

.basket-table a:not(.ibutton) {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: #1a1a1a;
}

.basket-table .props {
    line-height: 1;
}

.basket-table .props * {
    font-size: 12px;
    line-height: 1.2;
    color: #8d8d8d;
    text-transform: uppercase;
}

.basket-table td.size,
.basket-table td.count,
.basket-table td.summa,
.basket-table td.desc .mobile-size {
    font-size: 14px;
    line-height: 1;
    color: #1a1a1a;
}

.basket-table td.desc .mobile-size {
    display: none;
}

.basket-table td.control {
    text-align: center;
}

.basket-table td.control .delete {
    line-height: 18px;
    padding: 5px;
    display: inline-block;
}

.total-wrap {
    position: relative;
    margin-top: 17px;
    margin-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.total-table td {
    text-align: right;
}

.total-table tr td:nth-child(1) {
    padding-right: 20px;
    text-transform: uppercase;
}

.total-table .info td {
    font-size: 14px;
    line-height: 16px;
    color: #8d8d8d;
    padding: 3px 0 5px;
}

.total-table .info-black td {
    color: #1a1a1a;
}

.total-table .total td {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
    padding: 10px 0 0;
}

.total-table .comment td {
    font-size: 11px;
    line-height: 1;
    color: #444;
}

.section-bottom-info {
    padding-top: 50px;
}

.section-bottom-info .item {
    font-size: 14px;
}

.section-left,
.section-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.section-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.section-left .col,
.section-center .col {
    max-width: 445px;
}

.section-auth {
    padding-top: 42px;
    max-width: 950px;
    margin: 0 auto;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.section-auth .socials {
    margin-top: 34px;
}

.section-auth .col:nth-child(1) {
    width: calc(50% - 25px);
}

.section-auth .col:nth-last-child(1) {
    width: calc(50% - 25px);
}

.section-auth .wrap-buttons-between {
    padding-top: 10px;
}

.section-auth .wrap-buttons-between .black {
    font-size: 14px;
    line-height: 1.3;
}

@media screen and (max-width: 1280px) {
    .section-auth .col {
        width: calc(50% - 25px) !important;
    }
}

@media screen and (max-width: 991px) {
    .section-auth {
        flex-direction: column;
        gap: 100px;
    }

    .section-auth .col {
        width: 100% !important;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .section-auth {
        padding-top: 0;
        gap: 50px;
    }

    .section-auth .form .description {
        text-align: center;
    }

    .section-auth .col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: calc(var(--app-height) - 78px);
        min-height: 600px;
    }

    .section-auth .col:nth-last-child(1) {
        height: auto;
    }
}


.orders-list .item {
    padding-bottom: 18px;
    margin-bottom: 23px;
    border-bottom: 1px solid #cdcdcd;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.orders-list .item:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
}

.orders-list .item * {
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

.orders-list .item .title {
    min-width: 30%;
    max-width: 30%;
}

.orders-list .item .number a {
    border-bottom-width: 0;
    font-weight: 700;
}

.orders-list .item .subtext {
    font-size: 12px;
    text-transform: uppercase;
    color: #8d8d8d;
}

.form .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.form .socials .ibutton {
    color: #8d8d8d;
    border-color: #8d8d8d;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-bottom: 5px;
}

.form .socials .ibutton:nth-last-child(1) {
    margin-right: 0;
}

.form .socials .ibutton.soc-ins {
    background-image: url(images/icons/icon-ins.svg);
}

.form .socials .ibutton.soc-vk {
    background-image: url(images/icons/icon-vk.svg);
}

.form .socials .ibutton.soc-fb {
    background-image: url(images/icons/icon-fb.svg);
}

.form .socials .ibutton.soc-phone {
    display: none;

    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    width: 220px;
}

.form .split-or {
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #8d8d8d;
    margin: 19px 0;
}

.form .description {
    color: #444;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 32px;
}


.content [data-content] {
    position: relative;
}

aside {
    width: 300px;
    min-width: 300px;
    position: relative;
    z-index: 1;
}

.page-main aside {
    z-index: 1;
    height: calc(100vh - 114px);
}

.page-main aside,
.page-catalog aside,
.page-content:not(.mode-aside-hover) aside {
    width: 245px;
    min-width: 245px;
}

.page-catalog aside {
    margin-top: -2px;
}

.page-catalog aside,
.page-product aside {
    display: none;
}

.mode-aside-hover aside {
    opacity: 0;
    visibility: hidden;
    display: none;
}

article {
    width: 100%;
}

article h1 {
    color: #1a1a1a;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

article h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
}

article h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
    margin-top: 20px;
    margin-bottom: 15px;
}

.page-content .content {
    padding-top: 30px;
}

.page-content article p {
    margin-bottom: 20px;
}

.page-content article ul {
    padding-left: 17px;
    margin-bottom: 20px;
}

.page-content article b {
    font-weight: 600;
}

.page-content article {
    padding-right: 160px;
}

.page-content.mode-aside-hover article {
    padding-left: 160px;
    padding-right: 160px;
}

.public-message {
    display: none;

    color: #1a1a1a;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
}

.products-empty-wrapper {
    width: 100%;
    grid-column: 1 / 5;
}

.products-empty-wrapper .products-empty {
    width: 400px;
    margin: 0 auto;
}

.products-empty-wrapper .products-empty .image {
    position: relative;
    padding-bottom: 126.25%;
}

.products-empty-wrapper .products-empty .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products-empty-wrapper .products-empty p {
    margin: 25px 0 0;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #000000;
}

@media only screen and (max-width: 550px) {
    .wrapper.products-empty-wrapper {
        padding: 0;
    }

    .products-empty-wrapper .products-empty {
        width: 100%;
    }

    .products-empty-wrapper .products-empty p {
        margin-top: 15px;
        font-size: 14px;
    }
}

.skeleton {
    pointer-events: none !important;
    background: #DDDBDD !important;
    border: none !important;
    color: transparent !important;
    position: relative !important;
    overflow: hidden !important;
}

.skeleton * {
    pointer-events: none !important;
    color: transparent !important;
    opacity: 0 !important;
}

.skeleton:after {
    content: "";
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: translateX(-100%) !important;
    background-image: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0.2) 20%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0)
    ) !important;
    background-repeat: no-repeat !important;
    animation: shimmer 2s infinite !important;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.products-title.font-caption {
    color: #000;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 45px;
}

.products-description {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-top: 75px;
}

.products-description.products-description--part-1 {
    grid-template-columns: 1fr;
}

.products-description .products-description__item,
.products-description .products-description__item * {
    color: #000;
    text-align: justify;
}

.products-description .products-description__item h1,
.products-description .products-description__item h2,
.products-description .products-description__item h3,
.products-description .products-description__item h4 {
    font-size: 25px;
    line-height: 1.2;
    margin: 35px 0 15px;
    text-transform: uppercase;
}

.products-description .products-description__item h1:first-child,
.products-description .products-description__item h2:first-child,
.products-description .products-description__item h3:first-child,
.products-description .products-description__item h4:first-child {
    margin-top: 0;
}


.products-description .products-description__item *:not(h1):not(h2):not(h3):not(h4) {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}

.products-description .products-description__item p {
    margin-bottom: 10px;
}

.products-description .products-description__item ul {
    margin-bottom: 10px;
}

.products-description .products-description__item ul li {
    position: relative;
    list-style-type: none;
    padding-left: 13px;
    margin: 0 0 5px;
}

.products-description .products-description__item ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: #1a1a1a;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    margin-right: 10px;
}

.products-description .products-description__item > br:last-child {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .products-description {
        gap: 35px;
    }
}

@media only screen and (max-width: 1023px) {
    .products-description {
        grid-template-columns: 1fr;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .products-description .products-description__item,
    .products-description .products-description__item * {
        text-align: left;
    }
}

.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 20px;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
}

.products .item {
    width: 100%;
    margin: 0;
    min-height: 0;
    min-width: 0;
}

.products .item-wrapper {
    position: relative;
}

.products .item-wrapper.skeleton-block .images-mouse-lines,
.products .item-wrapper.skeleton-block .favorite,
.products .item-wrapper.skeleton-block .item-colors {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.products .item-wrapper.loading .image {
    filter: blur(1.5px);
}

.products .item .image {
    position: relative;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.products .item .images-slider {
    position: relative;
}

.products .item .images-slider .preorder-week-btn {
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    z-index: 3;
}

.products .item .images-slider .preorder-week-btn + .item-colors {
    bottom: 28px;
}

.products .item .images-slider .favorite {
    cursor: pointer;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    opacity: 0;
    z-index: 3;
    transition: opacity 0.2s ease;
}

.favorite-anim-svg {
    display: inline-block;
    position: absolute;
    width: 25px !important;
    height: 25px !important;
    top: 0;
    right: 0;
    z-index: 4;
    transform: translateY(0) scale(1);
    opacity: 1;
    transition: transform .7s ease-in-out, opacity .7s ease-in-out;
}

.favorite.is-click {
    opacity: 1 !important;
}

.favorite.is-click .favorite-anim-svg {
    transform: translateY(-40px) scale(.8);
    opacity: 0;
}

.products .item .images-slider .favorite.is-favorite,
.products .item:hover .images-slider .favorite {
    opacity: 1;
}

.products .item .images-slider .favorite svg path {
    fill: transparent;
    transition: all 0.2s ease;
}

.products .item .images-slider .favorite.is-favorite svg path {
    fill: #000000;
    stroke: #000000;
}

.products .item .images-slider .favorite svg {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.products .item .images-slider .images-mouse-tabs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    z-index: 2;
}

.products .item .images-slider .images-mouse-tabs .images-mouse-tab {
    position: relative;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
}

.products .item .images-slider .images-mouse-lines {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    gap: 3px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: all 0.2s ease;
}

.products .item .images-slider .images-mouse-tabs:hover + .images-mouse-lines {
    visibility: visible;
    opacity: 1;
}

.products .item .images-slider .images-mouse-lines .images-mouse-line {
    width: 100%;
    background: #D9D9D9;
    flex-grow: 1;
    flex-shrink: 1;
    height: 1px;
}

.products .item .images-slider .images-mouse-lines .images-mouse-line.active {
    background: #000000;
    opacity: 1;
}

.products .item .images-wrapper-new {
    position: relative;
    visibility: hidden;
    opacity: 0;
    height: 0 !important;
}

.products .item .images-wrapper-new.active {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: auto !important;
}

.products .item .images-wrapper-new .image-container {
    display: none;
    position: relative;
    height: auto;
}

.products .item .images-wrapper-new .image-container.media-active {
    display: block;
}

.products .item .images-wrapper-new .swiper-pagination {
    display: none;
}

.products .item .swiper-horizontal > .swiper-pagination-bullets,
.products .item .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
    height: 2px;
    left: unset;
    right: -2px;
    bottom: 1px;
}

.products .item .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.products .item .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

.products .item .swiper-pagination-bullet {
    width: 6px;
    height: 2px;
    display: inline-block;
    border-radius: 2px;
    opacity: 1;
    background: #d5d2d2;
    transition: background 0.2s ease;
}

.products .item .swiper-pagination-bullet-active {
    opacity: 1;
    background: #9b9898;
}

.products .item .images-wrapper-new .image {
    position: relative;
    height: 0;
    overflow: visible;
    padding-bottom: 150%;
    visibility: visible;
    opacity: 1;
}

.products .item .image img[src],
.products .item .image video {
    content: unset;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.products .item .image img {
    content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.products .item .item-colors {
    display: flex;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 3;
    transition: opacity 0.2s ease;
}

.products .item:hover .item-colors {
    opacity: 1;
}

.products .item .item-colors .color {
    position: relative;
    display: inline-flex;
    padding: 5px;
    opacity: 1;
    transition: all 0.2s ease;
}

.products .item .item-colors .color:not(.active) {
    cursor: pointer;
}

.products .item .item-colors .color:not(.active):hover {
    opacity: 0.5;
}

.products .item .item-colors .color span {
    position: relative;
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    border-radius: 50%;
}

.products .item .item-colors .color.active span {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
}

.products .item .item-colors .color.active span:after {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #000;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
}

.products .item .item-colors .color span.white {
    border: 1px solid #e5e5e5;
}

.products .item .item-colors .color.active span.white {
    border: none;
}

.products .item .item-description {
    text-align: center;
    margin-top: 8px;
}

.products .item .subtitle-name {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 5px 15px;
    line-height: 1;
    margin-bottom: 10px;
}

.products .item .subtitle-name .brand {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
}

.products .item .subtitle-name .brand:hover {
    color: #000;
}

.products .item .subtitle-name .other-info {
    font-size: 13px;
    font-weight: 400;
    color: #B3B3B3;
    text-decoration: none;
    transition: all 0.2s ease;
}

.products .item .subtitle-name .other-info:hover {
    color: #000;
}

.products .item .subtitle-name .sort-box {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.products .item .subtitle-name .sort-box .sort-box__title {
    color: #B3B3B3;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    transition: all 0.2s ease;
}

.products .item .subtitle-name .sort-box.active .sort-box__title {
    color: #000;
}

.products .item .subtitle-name .sort-box input {
    border: none;
    border-bottom: 1px solid #B3B3B3;
    width: auto;
    display: inline-flex;
    max-width: 50px;
    background-color: transparent;
    font-size: 13px;
    color: #B3B3B3;
    padding-right: 12px;
    outline: none;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    transition: all 0.2s ease;
}

.products .item .subtitle-name .sort-box input::-webkit-outer-spin-button,
.products .item .subtitle-name .sort-box input::-webkit-inner-spin-button {
    display: none;
}

.products .item .subtitle-name .sort-box.active input {
    color: #000;
    border-color: #000;
}

.products .item .subtitle-name .sort-box .sort-box__field {
    position: relative;
}

.products .item .subtitle-name .sort-box .icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.2s ease;
}

.products .item .subtitle-name .sort-box .icon .icon-wrap {
    position: relative;
    display: flex;
}

.products .item .subtitle-name .sort-box .icon .icon-wrap:after {
    content: '';
    position: absolute;
    left: -2px;
    bottom: 0;
    width: 25px;
    height: 30px;
    z-index: 2;
}

.products .item .subtitle-name .sort-box .icon.edit {
    top: 2px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.products .item .subtitle-name .sort-box .icon.edit .icon-wrap:after {
    bottom: -10px;
}

.products .item .subtitle-name .sort-box .icon.apply {
    top: 1px;
    right: -2px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
}

.products .item .subtitle-name .sort-box .icon.apply .icon-wrap:after {
    bottom: -8px;
    pointer-events: none;
    z-index: 1;
}

.products .item .subtitle-name .sort-box.active .icon.edit {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
}

.products .item .subtitle-name .sort-box.active .icon.edit .icon-wrap:after {
    pointer-events: none;
    z-index: 1;
}

.products .item .subtitle-name .sort-box.active .icon.apply {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 2;
}

.products .item .subtitle-name .sort-box.active .icon.apply .icon-wrap:after {
    pointer-events: all;
    z-index: 2;
}

.products .item .subtitle-name .sort-box .icon.edit svg {
    display: block;
    width: 12px;
    height: 11px;
}

.products .item .subtitle-name .sort-box .icon.apply svg {
    display: block;
    width: 14px;
    height: 15px;
}

.products .item .name {
    position: relative;
    line-height: 1;
}

.products .item .name a {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.28px;
    text-align: center;
    color: #1a1a1a;
}

.products .item .item-price-block {
    margin-top: 14px;
}

.products .item .item-price-block * {
    line-height: 1;
}

.products .item .item-price-block .price-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px 7px;
}

.products .item .price-item {
    font-size: 15px;
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
}

.products .item .price-old {
    font-size: 15px;
    line-height: 1;
    color: #DADADA;
    text-transform: uppercase;
    text-decoration: line-through;
    white-space: nowrap;
    vertical-align: middle;
}

.price-percent {
    display: inline-flex;
    min-width: 45px;
    justify-content: center;
    border-radius: 5px;
    background: #000;
    padding: 5px;
}

.price-percent span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: 0.26px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {
    .lk-favorites .products {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 19px;
    }
}

@media only screen and (max-width: 1023px) {
    .page-catalog .products {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 19px;
    }

    .products .item .subtitle-name {
        margin-bottom: 8px;
    }

    .products .item .subtitle-name.empty {
        height: auto;
    }

    .products .item .name a {
        font-size: 13px;
    }

    .products .item .item-price-block {
        margin-top: 6px;
    }

    .products .item .price-old,
    .products .item .price-item {
        font-size: 14px;
    }

    .price-percent {
        min-width: 42px;
    }
}

@media only screen and (max-width: 768px) {
    .products .item .images-slider .images-mouse-tabs,
    .products .item .images-slider .images-mouse-lines {
        display: none;
    }

    .products .item .images-slider__wrap.swiper-initialized .images-wrapper-new .image-container {
        display: block;
    }

    .products .item .images-slider__wrap.swiper-initialized .images-wrapper-new .swiper-pagination {
        display: block;
    }

    .products .item .images-slider .favorite {
        width: 38px;
        padding: 10px;
        top: -10px;
        right: -10px;
        opacity: 1;
    }

    .favorite-anim-svg {
        width: 18px !important;
        height: 18px !important;
        top: 10px;
        right: 10px;
    }

    .favorite.is-click .favorite-anim-svg {
        transform: translateY(-20px) scale(.9);
    }

    .products .item .images-slider .favorite:hover,
    .products .item .images-slider .favorite.is-favorite {
        opacity: 1;
    }

    .products .item .item-colors {
        display: none;
        width: 100%;
        justify-content: center;
        opacity: 1;
        bottom: -3px;
    }

    .products .item .item-colors .color {
        padding: 15px 5px 5px;
    }

    .products .item .item-colors .color span {
        width: 13px;
        min-width: 13px;
        height: 13px;
        min-height: 13px;
    }

    .products .item .item-colors .color.active span {
        width: 12px;
        min-width: 12px;
        height: 12px;
        min-height: 12px;
    }
}

@media only screen and (max-width: 600px) {
    .products .item .subtitle-name {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px 8px;
    }

    .products .item .subtitle-name .brand {
        grid-column: 1 / 3;
        text-align: center;
    }

    .products .item .subtitle-name .other-info {
        font-size: 12px;
        text-align: right;
    }

    .products .item .subtitle-name .sort-box {
        gap: 3px;
    }

    .products .item .subtitle-name .sort-box .sort-box__title {
        font-size: 12px;
    }

    .products .item .subtitle-name .sort-box input {
        max-width: 48px;
        font-size: 12px;
    }

    .products .item .subtitle-name .sort-box .icon {
        transition: unset;
    }
}

#products-wrap {
    position: relative;
}

footer {
    position: relative;
}

.footer {
    width: 100%;
    background: #ffffff;
}

.footer-logo-block {
    width: 100%;
}

.footer-logo-block svg {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-logo-block svg path {
    fill: rgba(160, 161, 166, 0.15);
    fill-opacity: 1;
}

.footer-logo-block .mobile {
    display: none;
}

.footer-container {
    position: relative;
    border-radius: 10px 10px 0 0;
    background: #000000;
    padding: 70px 0 25px;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.footer-column {
    width: 100%;
}

.footer-title {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.32px;
    margin-bottom: 27px;
}

.footer .footer-text {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.3px;
}

.footer-menu-item {
    line-height: 1;
}

.footer-menu-item:not(:last-child) {
    margin-bottom: 15px;
}

.footer-menu-item a {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.03;
    letter-spacing: 0.3px;
    text-decoration: none;
}

.footer-item.footer-app {
    display: block;
    width: 120px;
    margin-top: 23px;
}

.footer-item.footer-app img {
    width: 100%;
}

.footer-bot {
    padding-top: 75px;
}

.footer-bot .footer-bot__wrap {
    display: flex;
    gap: 20px;
}

.footer-bot .footer-bot__item {
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    opacity: 0.5;
    transition: all 0.2s ease;
}

.footer-bot a.footer-bot__item:hover {
    opacity: 1;
}

.footer-langs {
    width: fit-content;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.footer .subscribe .footer-text {
    margin-bottom: 39px;
}

.footer .subscribe .email {
    position: relative;
    padding: 0 30px 0 0;
    height: 30px;
    color: #ffffff;
    border: 0 none;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    font-size: 18px;
    background-color: transparent;
}

.footer .subscribe .field-subscribe {
    width: 100%;
    max-width: 325px;
    margin: 0;
}

.footer .subscribe .field-subscribe .placeholder {
    opacity: 1;
    text-align: left;
    width: 100%;
    top: 10px;
    left: 1px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3px;
    letter-spacing: 0.36px;
    transition: all 0.2s ease;
}

.footer .subscribe .email:focus {
    border-bottom-color: #fff;
}

.footer .subscribe .field-subscribe .email:focus + .placeholder,
.footer .subscribe .field-subscribe .email:not(:placeholder-shown) + .placeholder {
    opacity: 0;
    top: 0;
    font-size: inherit;
    line-height: inherit;
}

.footer .subscribe .ibutton {
    position: absolute;
    display: flex;
    top: 8px;
    right: 0;
    background: none;
    border: none;
    padding: 0;
    line-height: 1;
    width: 29px;
    height: 8px;
}

.footer .subscribe .ibutton svg {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .form .field.toggle {
    margin-top: 22px;
    margin-bottom: 0 !important;
}

.footer .form .field.toggle label {
    color: #ffffff;
    padding-left: 10px;
    line-height: 1;
}

.footer .form .field.toggle input[type='checkbox'] {
    top: 2px;
    border-color: #ffffff;
    background: transparent;
}

.footer .form .field.toggle input[type='checkbox']:checked {
    border-color: #ffffff;
    background: #ffffff;
}

.footer .form .field.toggle input[type='checkbox']::after {
    background: #ffffff;
}

.footer .form .field.toggle input[type='checkbox']:checked::after {
    background: #000000;
}

@media only screen and (max-width: 991px) {
    .footer-container {
        padding: 60px 0 20px;
    }

    .footer-content {
        display: flex;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .footer-column {
        text-align: center;
    }

    .footer-title {
        margin-bottom: 20px;
    }

    .footer-subscribe .subscribe {
        width: fit-content;
        margin: 0 auto;
    }

    .footer .subscribe .field-subscribe .placeholder {
        font-size: 15px;
    }

    .footer .form .field.toggle {
        justify-content: center;
    }

    .footer .subscribe .footer-text {
        text-align: center;
        max-width: 300px;
        margin: 0 auto 25px;
    }

    .footer .footer-bot {
        padding-top: 20px;
    }

    .footer .footer-bot .footer-bot__wrap {
        flex-direction: column-reverse;
        align-items: center;
        gap: 15px;
        padding-top: 55px;
    }

    .footer-bot .footer-bot__item {
        text-align: center;
    }

    .footer .footer-bot .footer-langs {
        display: none;
    }
}

@media (max-width: 768px) {
    .footer-logo-block .mobile {
        display: block;
    }

    .footer-logo-block .desktop {
        display: none;
    }
}

@media (max-width: 375px) {
    .footer-subscribe .subscribe {
        width: 100%;
    }

    .footer .subscribe .field-subscribe {
        max-width: 100%;
    }
}

.overlay-content {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: -100px;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    z-index: 95;
}

.open-side .indent-header-fixed,
.open-side header,
.open-side .blur-wrap,
.open-side .catalog-new-filter,
.open-side .line-banner,
.open-specials .indent-header-fixed,
.open-specials header,
.open-specials .blur-wrap,
.open-specials .catalog-new-filter,
.open-specials .line-banner,
.blur-header .indent-header-fixed,
.blur-header header,
.blur-header .blur-wrap,
.blur-header .line-banner,
.open-mobile-menu .blur-wrap,
.open-search .blur-wrap,
.open-filter .blur-wrap,
.open-menu .blur-wrap,
.open-popup .blur-wrap {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    filter: blur(6px);
}

.open-side .overlay-content,
.open-specials .overlay-content,
.blur-header .overlay-content,
.open-search .overlay-content,
.open-filter .overlay-content,
.open-menu .overlay-content,
.open-popup .overlay-content {
    opacity: 1;
    visibility: visible;
}

.open-side .catalog-new-filter,
.open-side header,
.open-specials .catalog-new-filter,
.open-specials header,
.blur-header header {
    pointer-events: none;
}

.popups {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    background-color: #fff;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
    z-index: 1100;
}

.popups .indent {
    padding: 45px;
}

.popups .title {
    color: #000;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.38px;
    text-transform: uppercase;
    margin: 0;
}

.popups .popups-text {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}

.popups .close {
    display: flex;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    padding: 15px;
}

.popups .close svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .popups .close {
        top: 0;
        right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .popups .indent {
        padding: 40px 30px 30px;
    }
}

.popups .info,
.popups .info * {
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.popups .info p:last-child {
    margin-bottom: 0;
}

.popups .popup-button-block {
    margin-top: 25px;
}

.popups .ibutton:not(.ibutton-auth) {
    width: 100%;
}

.popups .ibutton:not(.ibutton-auth):not(.trans) {
    background-color: #000000;
    border-color: #000000;
    border-width: 1px;
    font-size: 14px;
    color: #fff;
}

.popups .ibutton:not(.ibutton-auth):not(.trans):hover {
    background-color: transparent;
    color: #000;
}

.popups .info {
    padding-top: 15px;
}

.popups .form .field-style {
    font-size: 16px;
    text-transform: initial;
}

.popups .form .field {
    margin-bottom: 25px;
}

.popups .form .field .placeholder {
    font-size: 16px;
    text-transform: initial;
}

.popups .result-message {
    display: none;
}

.popups .result-message.active {
    display: block;
}

.popup-search {
    height: 132px;
    top: -132px;
    padding-bottom: 35px;
    transition: all 0.3s ease;
}

.popup-search.active {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.popup-search .wrapper {
    height: 100%;
}

.popup-search .search-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.popup-search .search-logo-block {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 16px;
    opacity: 0;
    visibility: hidden;
}

.popup-search.active .search-logo-block {
    opacity: 1;
    visibility: visible;
}

.popup-search .search-logo {
    display: block;
    height: 20px;
    margin: 0 auto;
}

.popup-search .search-logo svg {
    display: block;
    width: 100%;
    height: 100%;
}

.popup-search form {
    width: 50%;
    margin: 0 auto;
    position: relative;
    opacity: 0;
    visibility: hidden;
}

.popup-search.active form {
    opacity: 1;
    visibility: visible;
}

.popup-search .field-text {
    font-size: 16px;
    padding: 15px 0 6px;
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
    background: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.popup-search .send {
    position: absolute;
    right: 1px;
    top: 14px;
    background-color: transparent;
    background-image: url(images/new-header/header-search.svg);
    background-size: contain;
    border: 0 none;
    height: 17px;
    width: 17px;
    font-size: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.popup-call {
    height: 77px;
    top: -77px;
}

.page-catalog .popup-call {
    height: 103px;
    top: -103px;
}

.page-catalog.is-subsection .popup-call {
    height: 143px;
    top: -143px;
}

.page-catalog .popup-call.active,
.popup-call.active {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.popup-call .items {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.popup-call .items .item {
    width: 33.3%;
    text-align: center;
}

.popup-call .items .item a {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #1a1a1a;
}

.popup-delivery.active {
    opacity: 1;
    visibility: visible;
}

.popup-delivery {
    width: 600px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -260px;
    box-shadow: none;
}

.popup-delivery .info,
.popup-delivery .info * {
    font-size: 12px;
    line-height: 1.4;
    color: #444;
}

.popup-delivery .info .caption {
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.popup-delivery .black-title {
    background: #1a1a1a;
    color: #fff;
    padding: 13px 15px 13px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.popup-delivery .info p,
.popup-delivery .info ul {
    margin-bottom: 15px;
}

.popup-delivery .info ul {
    padding-left: 15px;
}

.popup-delivery .info p:last-child {
    margin-bottom: 5px;
}

.ReactModal__Content .popup-buynow,
.popup-product-order,
.popup-phone-check,
.popup-message,
.popup-product-size,
.popup-favorites-authorize {
    width: 100%;
    max-width: 480px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.98);
    box-shadow: none;
}

.popup-new-table-sizes.active,
.ReactModal__Content.ReactModal__Content--after-open .popup-buynow.active,
.popup-product-order.active,
.popup-phone-check.active,
.popup-message.active,
.popup-product-size.active,
.popup-favorites-authorize.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.popup-message .indent {
    padding: 45px;
}

.popup-message .info {
    padding: 0;
}

.popup-message .info,
.popup-message .info * {
    color: #000;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.38px;
    text-transform: uppercase;
    margin: 0;
}

.popup-message .form .field-style {
    font-size: 16px;
    text-transform: initial;
}

.popup-message .form .field .placeholder {
    font-size: 16px;
    text-transform: initial;
}

@media only screen and (max-width: 768px) {
    .popup-message .indent {
        padding: 40px 15px 40px;
    }

    .popup-message .info,
    .popup-message .info * {
        font-size: 16px;
    }
}

@media only screen and (max-width: 600px) {
    .popup-buynow,
    .popup-product-order,
    .popup-phone-check,
    .popup-message,
    .popup-product-size,
    .popup-favorites-authorize {
        width: calc(100% - 30px);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.popup-buynow,
.popup-product-order {
    max-width: 460px;
}

.buynow-wrap .buynow-content.disabled {
    display: none;
}

.buynow-wrap .buynow-form {
    margin-top: 10px;
}

.buynow-wrap .buynow-form .field {
    margin-bottom: 32px;
}

.buynow-wrap .buynow-form .field .error {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    color: #D20505;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
}

.buynow-wrap .buynow-form .buynow-form__text {
    color: #C4C4C4;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 16px;
}

.buynow-wrap .buynow-form .buynow-form__text a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    transition: all 0.2s ease;
}

.buynow-wrap .buynow-form .buynow-form__text a:hover {
    color: #000;
}

.buynow-wrap .buynow-product {
    display: none;
    padding: 15px;
    border-radius: 5px;
    background: #EFEFF0;
    margin-bottom: 35px;
}

.buynow-wrap .buynow-product.active {
    display: block;
}

.buynow-wrap .buynow-product .buynow-product__wrap {
    display: grid;
    grid-template-columns: 74px 1fr;
    align-items: flex-start;
    gap: 10px;
}

.buynow-wrap .buynow-product .buynow-image {
    position: relative;
    height: 0;
    padding-bottom: 150%;
    border-radius: 3px;
    overflow: hidden;
}

.buynow-wrap .buynow-product .buynow-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 15px;
}

.buynow-wrap .buynow-product .buynow-title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.buynow-wrap .buynow-product .buynow-prop {
    display: none;
    color: #000;
    font-size: 10px;
    line-height: 1.3;
    text-transform: uppercase;
}

.buynow-wrap .buynow-product .buynow-prop.active {
    display: block;
}

.buynow-wrap .buynow-product .buynow-prop.active:last-child {
    margin-bottom: 0;
}

.buynow-wrap .buynow-product .buynow-prop.active:not(:last-child) {
    margin-bottom: 5px;
}

.buynow-wrap .buynow-product .buynow-prop .buynow-prop-text {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
}

.buynow-wrap .buynow-product .buynow-prop .buynow-prop-text.buynow-prop-text--error {
    color: #D20505;
}

.buynow-wrap .buynow-product .buynow-prop.buynow-prop--size .modal-size-items {
    margin-top: 10px;
    padding: 0;
}

.buynow-wrap .buynow-product .buynow-prop.buynow-prop--size .sizes-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40px, auto));
    gap: 5px;
}

.buynow-wrap .buynow-product .buynow-prop.buynow-prop--size .sizes-container .sizes-item {
    cursor: pointer;
    position: relative;
    height: 22px;
    max-height: 22px;
    padding: 5px;
    border-radius: 7px;
}

.buynow-wrap .buynow-product .buynow-prop.buynow-prop--size .sizes-container .sizes-item .sizes-text,
.buynow-wrap .buynow-product .buynow-prop.buynow-prop--size .sizes-container .sizes-item .sizes-text.height {
    font-size: 9px;
}

.buynow-wrap .buynow-product .buynow-product__price {
    display: none;
}

.buynow-wrap .buynow-product .buynow-product__price.active {
    display: block;
}

.buynow-wrap .buynow-product .buynow-product__price,
.buynow-wrap .buynow-product .buynow-product__price .price-value {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.28px;
}

.buynow-wrap .buynow-product .buynow-product__price .price {
    line-height: 1;
}

.buynow-wrap .buynow-product .buynow-product__price .price-value.price-old {
    margin-left: 9px;
    color: #CBCBCB;
    text-decoration: line-through;
}

.buynow-wrap .buynow-confirm {
    display: none;
}

.buynow-wrap .buynow-confirm.active {
    display: block;
}

.buynow-wrap .buynow-confirm .title {
    margin-bottom: 17px;
}

.buynow-wrap .buynow-confirm .popups-text {
    text-align: center;
}

.buynow-wrap .buynow-confirm .popups-social {
    margin-top: 25px;
}

.buynow-wrap .buynow-confirm .popups-social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 27px;
}

.buynow-wrap .buynow-confirm .popups-social .popups-social__item {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}

.buynow-wrap .buynow-confirm .popups-social .popups-social__item > a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration-line: underline;
    text-underline-offset: 3px;
}

@media only screen and (max-width: 768px) {
    .ReactModal__Content .popup-buynow,
    .popup-product-order {
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        transform: scale(0.98);
    }

    .ReactModal__Content.ReactModal__Content--after-open .popup-buynow.active,
    .popup-product-order.active {
        transform: scale(1);
    }

    .buynow-wrap {
        max-width: 480px;
        margin: 0 auto;
    }
}

.popup-choose-region.active {
    opacity: 1;
    visibility: visible;
}

.popup-choose-region {
    width: 290px;
    left: 50%;
    top: 50%;
    margin-left: -145px;
    margin-top: -100px;
    box-shadow: none;
}

.popup-choose-region .indent {
    padding: 29px 19px 19px;
}

.popup-product-subscribe.active {
    opacity: 1;
    visibility: visible;
}

.popup-product-subscribe {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -120px;
    box-shadow: none;
}

.popup-phone-verify-error.active,
.popup-phone-empty.active,
.popup-phone-verify.active {
    opacity: 1;
    visibility: visible;
}

.popup-phone-verify-error,
.popup-phone-empty,
.popup-phone-verify {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -120px;
    box-shadow: none;
}

.popup-learn-receipt.active {
    opacity: 1;
    visibility: visible;
}

.popup-learn-receipt {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -120px;
    box-shadow: none;
}

.popup-learn-receipt .form {
    margin-bottom: 25px;
}

.popup-learn-receipt .article-receipt {
    font-weight: 700;
}

.popup-fitting.active {
    opacity: 1;
    visibility: visible;
}

.popup-fitting {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -215px;
    box-shadow: none;
}

.popup-fitting .form {
    margin-bottom: 0;
}

.popup-fitting .article-receipt {
    font-weight: 700;
}

.popup-order-change.active {
    opacity: 1;
    visibility: visible;
}

.popup-order-change {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -215px;
    box-shadow: none;
}

.popup-userinfo.active {
    opacity: 1;
    visibility: visible;
}

.popup-userinfo {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -175px;
    box-shadow: none;
}

.popup-userinfo .form {
    margin-bottom: 0;
}

.popup-userinfo .article-receipt {
    font-weight: 700;
}

.popup-vacancy.active {
    opacity: 1;
    visibility: visible;
}

.popup-vacancy {
    width: 285px;
    left: 50%;
    top: 50%;
    margin-left: -142.5px;
    margin-top: -175px;
    box-shadow: none;
}

.popup-vacancy .form {
    margin-bottom: 0;
}

.popup-vacancy .article-receipt {
    font-weight: 700;
}

.popup-product-size .ibutton {
    width: 100%;
}

.scroll-wrapper {
    overflow: auto;
    height: 100%;
}

.popup-cookie {
    position: fixed;
    left: calc((100% - 179px) / 2);
    bottom: 25px;
    width: 179px;
    background-color: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    z-index: 999;
}

.popup-cookie .wrapper {
    padding: 0 25px;
}

.popup-cookie-content {
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-cookie .close-button-wrap {
    cursor: pointer;
    position: absolute;
    top: -2px;
    right: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.popup-cookie .close-button-cookie {
    display: block;
    width: 12px;
    height: 12px;
}

.popup-cookie .description,
.popup-cookie .description a {
    color: #000;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .popup-cookie {
        bottom: 13px;
    }

    .page-product .popup-cookie {
        display: none;
    }
}

.mobile-display {
    display: none;
}

.desktop-display {
    display: block;
}

.contacts-sections {
    border-top: 1px solid #cdcdcd;
    margin-top: 11px;
}

.contacts-sections .block {
    border-bottom: 1px solid #cdcdcd;
    padding: 31px 0 27px;
}

.contacts-sections .block.block-chat .ibutton {
    width: 250px;
    margin-right: 27px;
    white-space: nowrap;
}

.contacts-sections .block.block-chat .ibutton:nth-last-child(1) {
    margin-right: 0;
}

.contacts-sections h2 {
    margin-bottom: 27px;
}

.contacts-sections p {
    font-size: 14px;
    margin-bottom: 3px;
}

.contacts-sections p:nth-last-child(1) {
    margin-bottom: 0 !important;
}

.contacts-sections p a {
    border-bottom: 0 none;
}

@media only screen and (max-width: 1470px) {
    .contacts-sections .block.block-chat .ibutton {
        width: 230px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1100px) {
    .contacts-sections .block.block-chat .ibutton {
        width: 100%;
        margin: 0 0 20px;
    }

    .contacts-sections .block.block-chat .ibutton:nth-last-child(1) {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .contacts-sections .block.block-chat {
        display: block;
    }

    .contacts-sections .block.block-chat .ibutton {
        margin-left: 0;
    }
}

.table-site-map ul {
    list-style: none;
}

.privacy-wrapper p.b {
    font-weight: 700;
}

.wrap-buttons-between.col-order.col-order--right {
    margin-left: auto;
}

@media only screen and (max-width: 1510px) {
    .wrap-buttons-between .group-width {
        width: 100%;
        margin-bottom: 20px;
    }

    .wrap-buttons-between.col-order {
        flex-direction: column-reverse;
        justify-content: flex-end;
        gap: 0;
    }
}

@media only screen and (max-width: 1280px) {
    .page-content article {
        padding-right: 0;
    }

    .page-content.mode-aside-hover article {
        padding-left: 0;
        padding-right: 0;
    }

    .form .socials .ibutton {
        width: calc(33.33% - 3.33px);
    }

    .form .socials .ibutton.soc-fb {
        margin-right: 0;
    }

    .form .socials .ibutton.soc-phone {
        width: 100%;
    }
}

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


    .basket-table th.size,
    .basket-table td.size {
        display: none;
    }

    .popup-search {
        height: 103px;
        top: -103px;
        padding-bottom: 15px;
    }

    .page-catalog .popup-search {
        height: 103px;
        top: -103px;
    }

    .page-catalog.is-subsection .popup-search {
        height: 143px;
        top: -143px;
    }

    .page-catalog .popup-search.active {
        top: 0;
    }

    .popup-search .search-logo-block {
        padding-top: 15px;
    }

    .popup-search .field-text {
        padding: 6px 0 6px;
    }

    .popup-search .send {
        top: 7px;
    }

    .popups.popup-call,
    .popups.popup-search {
        z-index: 9999;
    }
}

@media only screen and (max-width: 768px) {
    body.open-popup {
        overflow: hidden;
        min-height: 100%;
        height: 100%;
    }

    body.open-popup .blur-wrap {
        max-height: calc(100vh - 48px);
        min-height: calc(100vh - 48px);
        overflow: hidden;
    }

    body.open-popup.page-product .blur-wrap {
        max-height: unset;
        min-height: unset;
    }

    .popup-search .search-logo {
        height: 19px;
    }

    article h1,
    article h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .page-content article h1 {
        text-align: center;
        padding-top: 10px;
    }

    .mobile-display {
        display: block;
    }

    .desktop-display {
        display: none;
    }

    aside {
        display: none;
    }

    .popup-menu .bottom-section .item a {
        font-size: 16px;
    }

    .popup-menu {
        width: 100%;
    }

    .popup-menu .bottom-section {
        display: block;
    }

    .public-message {
        font-size: 12px;
        padding-top: 5px;
        line-height: 1.3;
    }

    #products-wrap {
        left: 0;
        width: 100%;
        max-height: 100%;
    }


    .popup-search form {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .popup-delivery {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        height: 100% !important;
    }

    .popup-delivery .indent {
        overflow: auto !important;
        height: 100% !important;
    }
}


@media (max-width: 540px) {
    .wrap-buttons-between:not(.col-order) {
        flex-direction: column-reverse;
    }

    .wrap-buttons-between:not(.col-order) .ibutton {
        width: 100%;
        margin-bottom: 15px;
    }

    .wrap-buttons-between:not(.col-order) .ibutton:nth-last-child(2) {
        margin-bottom: 0;
    }

    .basket-table tr {
        position: relative;
        display: inline-table;
        width: 100%;
    }

    .basket-table tr.head,
    .basket-table tr.head th {
        display: none;
    }

    .basket-table tr:nth-child(1) {
        border-top: 1px solid #cdcdcd;
    }

    .basket-table tr:not(.head) td {
        vertical-align: top;
    }

    .basket-table .name {
        margin-top: -1px;
        margin-bottom: 8px;
    }

    .basket-table td.desc .mobile-size {
        display: block;
        color: #8d8d8d;
        line-height: 1.2;
        font-size: 12px;
        text-transform: uppercase;
    }

    .basket-table td.summa {
        display: block;
        position: absolute;
        right: 0;
        bottom: 18px;
        padding: 0 !important;
    }

    .basket-table td.control {
        width: 30px;
        max-width: 30px;
        text-align: right;
        padding: 11px 0 0 !important;
    }

    .basket-table td.control .delete {
        margin-right: -8px;
    }

    .basket-table td.count {
        width: 0;
        max-width: 0;
    }

    .basket-table td.count .quantity-choice {
        position: absolute;
        left: 50%;
        margin-left: -24px;
        bottom: 15px;
    }

    .orders-list .item .link {
        display: none;
    }

    .orders-list .item .number a {
        border-bottom-width: 1px;
    }
}

@media (max-width: 450px) {
    .orders-list .item .quantity {
        display: none;
    }

    .orders-list .item .title {
        min-width: 70%;
        max-width: 70%;
    }
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    height: auto;
    min-height: initial;
}

.select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice + .select2-selection__choice:before {
    content: ',';
    position: absolute;
    left: -5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0;
    border: none;
    background: transparent;
    font-size: 16px;
    line-height: 1;
}

.select2-container--default .select2-selection--single {
    border: none;
    background: transparent;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple {
    width: 100%;
    padding: 12px 0px 8px;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    border: 1px solid #8d8d8d;
    border-width: 0 0 1px 0;
    border-radius: 0;
    color: #444;
    background-color: transparent;
    transition: all 0.2s ease;
    cursor: pointer;
    min-height: 40px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-bottom: 1px solid black;
}

.select-field {
    position: relative;
}

.select-field .select-placeholder {
    color: #8d8d8d;
    position: absolute;
    left: 0;
    top: 11px;
    transition: all 0.3s ease;
    font-size: 16px;
    line-height: 1;
    cursor: text;
    white-space: nowrap;
    pointer-events: none;
}

.select-field.selected .select-placeholder,
.select-field .select2-container--focus ~ .select-placeholder,
.select-field .select2-container--open ~ .select-placeholder {
    top: -11px;
    font-size: 14px;
    line-height: 1;
}

.select2-dropdown {
    border: 1px solid #8d8d8d;
    border-top: none;
    border-radius: 0;
    z-index: 1200;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: transparent;
    color: black;
    transform: all 0.3s ease;
}

.select2-container--default li[aria-selected='true'] {
    background-color: #ddd !important;
    color: black;
    cursor: default;
}

.select2-container--default li {
    transition: 0.3s ease;
}

.select2-container--default li:hover {
    opacity: 0.5;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: transparent;
    color: black;
}

.select2-container--default .select2-results__option[id*='-—'] {
    display: none;
}

.select-field .select2-container {
    width: 100% !important;
}

.select2:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 13px;
    width: 7px;
    height: 7px;
    border: solid #8d8d8d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: 0.3s ease;
}

.select2.select2-container--open:after {
    transform: rotate(225deg);
}

.select2-search--dropdown {
    padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2 {
    margin-bottom: 46px;
}

.new-select {
    display: none;
}

.phone-country-filed .select2 {
    width: 100% !important;
    margin-bottom: 0;
}

.phone-country-filed .select2:after {
    top: 22px;
    border: solid #000000;
    border-width: 0 1px 1px 0;
    width: 5px;
    height: 5px;
}

.popups.popup-specials {
    width: 100%;
    max-width: 460px;
    top: 50%;
    left: 50%;
    margin: 0;
    pointer-events: none;
    max-height: 100%;
    overflow-y: auto;
    background: transparent;
    transform: translate(-50%, -50%) scale(0.98);
}

.popup-specials.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(-50%, -50%) scale(1);
}

.popup-specials .close {
    top: 14px;
    right: 14px;
    z-index: 2;
}

.popup-specials .popup-wrap {
    padding: 45px;
    background: #FFFFFF;
}

.popup-specials .image {
    position: relative;
    height: 0;
    padding-bottom: 89.19%;
    margin: -45px -45px 36px;
}

.popup-specials .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-specials .popup-content__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #000000;
    margin-bottom: 25px;
}

.popup-specials .popup-content__desc {
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    margin-top: -20px;
}

.popup-footnote-title {
    position: relative;
}

.popup-footnote-title:before {
    content: '*';
    position: absolute;
    top: -7px;
    right: 8px;
    width: auto;
}

.popup-specials .form .field {
    margin-bottom: 28px;
}

.popup-specials .form input[type="submit"] {
    margin-top: 7px;
    height: 47px;
    font-size: 14px;
    line-height: 1.2;
}

.popup-specials .popup-content__form-text {
    margin-top: 16px;
}

.popup-specials .popup-content__form-text p,
.popup-specials .popup-content__form-text a {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #C4C4C4;
}

.popup-specials .popup-content__form-text p:not(:last-child) {
    margin-bottom: 10px;
}

.popup-specials .popup-content__form-text a {
    text-decoration: none;
}

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

    body.open-specials {
        overflow: hidden;
    }

    .popups.popup-specials {
        max-width: 350px;
    }

    .popup-specials .popup-wrap {
        padding: 20px;
    }

    .popup-specials .image {
        margin: -20px -20px 20px;
    }

    .popup-specials .popup-content__title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .popup-specials .popup-content__desc {
        font-size: 14px;
        margin-top: -10px;
    }

    .popup-footnote-title:before {
        right: -3px;
    }
}

@media only screen and (max-width: 450px) {
    .popups.popup-specials {
        max-width: 100%;
        padding: 0 15px;
    }

    .popup-specials .close {
        top: 5px;
        right: 20px;
    }

    .popup-footnote-title:before {
        right: 0;
    }
}


.popups.popup-side {
    width: 100%;
    height: 100%;
    max-width: 680px;
    top: 0;
    right: 0;
    left: unset;
    margin: 0;
    pointer-events: none;
    max-height: 100%;
    overflow-y: auto;
    background: #FFFFFF;
    opacity: 1;
    transform: translateX(100%);
    will-change: transform;
    transition: all 0.3s ease;
}

.popup-side.active {
    visibility: visible;
    transform: translateX(0);
    pointer-events: all;
}

.popup-side .close {
    top: 68px;
    right: -15px;
    z-index: 2;
}

.popup-side .popup-wrap {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: 190px;
    height: 100%;
    padding: 130px 0 40px;
}

.popup-side .popup-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #000;
    height: 100%;
}

.popup-side .popup-content .popup-side-block:not(:last-child) {
    margin-bottom: 39px;
}

.popup-side .popup-content .popup-side-title {
    color: inherit;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 16px;
}

.popup-side .popup-content p {
    color: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.31;
    margin-bottom: 15px;
}

.popup-side .popup-content p:last-child {
    margin-bottom: 0;
}

.popup-side .popup-content ul {
    margin-bottom: 16px;
}

.popup-side .popup-content ul:last-child {
    margin-bottom: 0;
}

.popup-side .popup-content ol li,
.popup-side .popup-content ul li {
    color: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}

.popup-side .popup-content ul li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 23px;
    list-style: none;
}

.popup-side .popup-content ul li:last-child {
    margin-bottom: 0;
}

.popup-side .popup-content ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 9px;
    width: 5px;
    height: 5px;
    background: #000000;
    border-radius: 50%;
}

.popup-side .popup-content ol {
    list-style-position: inside;
    counter-reset: olCounter;
    margin-bottom: 16px;
}

.popup-side .popup-content ol:last-child {
    margin-bottom: 0;
}

.popup-side .popup-content ol li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 12px;
    list-style: none;
}

.popup-side .popup-content ol li:last-child {
    margin-bottom: 0;
}

.popup-side .popup-content ol li:before {
    counter-increment: olCounter;
    content: counter(olCounter) ".";
    position: absolute;
    top: 0;
    left: 5px;
}

@media only screen and (min-width: 1471px) {
    .popups.popup-side {
        max-width: 750px;
    }
}

@media only screen and (max-width: 1470px) {
    .popup-side .popup-wrap {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 991px) {
    .open-side {
        overflow: hidden;
    }

    .popups.popup-side {
        max-width: 100%;
        z-index: 1101;
    }

    .popup-side .close {
        top: 0;
        right: 0;
    }

    .popup-side .popup-wrap {
        max-width: 100%;
        padding: 62px 0 25px;
    }

    .popup-side .popup-content {
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 769px) {
    .popup-side .scroll-wrapper::-webkit-scrollbar {
        width: 5px;
        background: #fff;
        border-radius: 10px;
    }

    .popup-side .scroll-wrapper::-webkit-scrollbar-track {
        width: 5px;
        background: #fff;
        border-radius: 10px;
    }

    .popup-side .scroll-wrapper::-webkit-scrollbar-thumb {
        background: #cccccc;
        border-radius: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .popup-side .popup-content {
        max-width: 100%;
        padding: 0 15px;
    }
}

.popup-dolyame .popup-content {
    justify-content: space-between;
}

.popup-dolyame .dolyame-desc {
    margin-top: 75px;
}

.popup-dolyame .dolyame-desc p {
    font-size: 14px;
    text-transform: uppercase;
}

.popup-dolyame .dolyame-payments {
    border-radius: 12px;
    background: #000;
    padding: 12px;
}

.popup-dolyame .dolyame-payments .dolyame-payments-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}

.popup-dolyame .dolyame-payments .dolyame-payments-item {
    color: #7D7D7D;
}

.popup-dolyame .dolyame-payments .dolyame-payments-item__title {
    color: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    padding: 0 3px;
    margin-bottom: 4px;
}

.popup-dolyame .dolyame-payments .dolyame-payments-item__price {
    color: inherit;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.538;
    padding: 0 3px;
}

.popup-dolyame .dolyame-payments .dolyame-payments-item__line {
    display: block;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.20);
}

.popup-dolyame .dolyame-payments .dolyame-payments-item:first-child {
    color: #fff;
}

.popup-dolyame .dolyame-payments .dolyame-payments-item:first-child .dolyame-payments-item__line {
    background: #fff;
}

@media only screen and (max-width: 1023px) {
    .popup-dolyame .dolyame-desc {
        margin-top: 39px;
    }
}

@media only screen and (max-width: 340px) {
    .popup-dolyame .dolyame-payments .dolyame-payments-item__title {
        font-size: 11px;
    }

    .popup-dolyame .dolyame-payments .dolyame-payments-item__price {
        font-size: 12px;
    }
}

.open-auth-special .popup-side.popup-auth .close {
    display: none;
}

.popup-side.popup-auth .popup-wrap {
    margin: 0 auto;
    padding: 82px 0 40px;
    max-width: 361px;
}

.popup-side.popup-auth .auth-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000;
    height: 100%;
    min-height: 650px;
}

.popup-side.popup-auth .popup-content {
    display: block;
    height: auto;
}

.auth-container .popup-form-block {
    display: block;
}

.auth-container .popup-form-block.disabled {
    display: none;
}

.auth-container .popup-content .form-email {
    margin-top: 25px;
}

.auth-container .popup-content .popup-sms__back {
    width: 26px;
    height: 16px;
    margin-bottom: 38px;
}

.auth-container .popup-content .popup-sms__back svg {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.auth-container .popup-content .popup-auth__title.favorite {
    display: none;
}

.auth-container .popup-content .popup-auth__title.favorite.active {
    display: block;
}

.auth-container .popup-content .popup-auth__title .popup-sms__phone,
.auth-container .popup-content .popup-auth__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0.6px;
    margin-bottom: 31px;
    display: block;
}

.auth-container .popup-content .popup-auth__title .popup-sms__phone {
    display: block;
    margin: 20px 0 0;
}

.auth-container .popup-content .popup-sms-block .popup-auth__title {
    margin-bottom: 54px;
}

.auth-container .popup-sms-block .popup-sms-repeat,
.auth-container .popup-sms-block .popup-sms-desc,
.auth-container .popup-sms-block .popup-sms-desc span {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #000000;
    margin-bottom: 0;
}

.auth-container .popup-content .ibutton.disabled {
    color: #ffffff;
    background: #B1B1B1;
    border-color: #B1B1B1;
    pointer-events: none;
}

.auth-container .popup-sms-block .popup-sms-desc.disabled {
    display: none;
}

.auth-container .popup-sms-block .popup-sms-repeat {
    display: none;
}

.auth-container .popup-sms-block .popup-sms-repeat.active {
    display: block;
}

.auth-container .popup-sms-block .field {
    margin-bottom: 36px;
}

.auth-container .popup-sms-block .field input {
    padding: 10px 0 5px;
}

.auth-container .popup-sms-block .ibutton {
    margin-top: 45px;
}

.auth-container .popup-content .popup-auth__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 20px;
}

.auth-container .form input[type="submit"] {
    height: 47px;
    font-size: 14px;
    line-height: 1.2;
}

.auth-container .form .phone-input-item {
    margin-bottom: 45px;
}

.auth-container .form .phone-input-item .placeholder {
    pointer-events: none;
}

.auth-container .form .phone-country-filed .field {
    margin-bottom: 37px;
}

.auth-container .form .phone-number-filed .field {
    margin-bottom: 0;
}

.auth-container .form .error-message {
    position: absolute;
    left: 0;
    bottom: -25px;
    color: #a50000;
}

.auth-container .popup-content .popup-form-block input,
.auth-container .popup-content .popup-form-block select,
.auth-container .popup-content .popup-form-block textarea {
    color: #000000;
    padding: 10px 0 10px;
    border-bottom: 1px solid #000000;
}

.auth-container .select2-container--default .select2-selection--single .select2-selection__rendered,
.auth-container .select2-container--default .select2-selection--multiple {
    padding: 12px 0 10px;
    border-bottom: 1px solid #000000;
    color: #000000;
}

.auth-container .select2-dropdown {
    border: 1px solid #000000;
    border-top: none;
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] {
    align-items: center;
    background-color: unset;
    border: solid #000;
    border-radius: 0;
    border-width: 0 0 1px;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 32px
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-ValueContainer] {
    padding: 0
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] .css-hlgwow {
    padding: 0;
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-singleValue],
.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-placeholder] {
    color: #333;
    font-size: 16px;
    margin: 0;
    text-align: left;
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-IndicatorsContainer] {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-indicatorSeparator] {
    display: none
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-indicatorContainer] {
    color: #000;
    padding: 2px
}

.auth-container .phone-country-filed [class$=-container] [class$=-control] [class$=-indicatorContainer]:hover {
    color: #000
}

.auth-container .phone-country-filed [class$=-container] [class$=-menu] [class$=-option] {
    background: transparent;
    color: #333 !important;
    cursor: pointer;
    transition: all .2s ease
}

.auth-container .phone-country-filed [class$=-container] [class$=-menu] [class$=-option]:hover {
    background: #f8f8f8
}

.auth-container .popup-form-block.code-mode .popup-auth__title.phone,
.auth-container .popup-form-block.code-mode .auth-services {
    display: none;
}

.popup-side.popup-auth .auth-container .popup-side-bottom {
    bottom: 0;
}

.popup-side.popup-auth .popup-content .auth-special {
    display: none;
    margin-bottom: 55px;
}

.open-auth-special .popup-side.popup-auth .popup-content .auth-special {
    display: block;
}

.open-auth-special .popup-side.popup-auth .popup-content .auth-special.disabled {
    display: none;
}

.popup-side.popup-auth .popup-content .auth-special .auth-special__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    margin: 0 0 15px;
}

.popup-side.popup-auth .popup-content .auth-special .popup-auth__title {
    margin: 0 0 20px;
}

@media only screen and (max-width: 991px) {
    .popup-side.popup-auth .popup-wrap {
        max-width: 100%;
        padding: 62px 0 25px;
    }

    .popup-side.popup-auth .popup-content .popup-auth__title,
    .popup-side.popup-auth .popup-content .popup-auth__desc {
        text-align: center;
    }

    .auth-container .phone-country-filed [class$=-container] [class$=-singleValue],
    .auth-container .phone-country-filed [class$=-container] [class$=-menu] [class$=-option],
    .auth-container .phone-country-filed [class$=-container] [class$=-placeholder] {
        font-size: 14px
    }
}

@media only screen and (max-width: 768px) {
    .popup-side.popup-auth .popup-content .popup-auth__title {
        font-size: 28px;
        letter-spacing: normal;
        text-transform: unset;
        margin: 0 0 -15px;
    }

    .popup-side.popup-auth .popup-content .auth-special .popup-auth__title {
        margin: 0 0 20px;
    }

    .popup-side.popup-auth .popup-content .auth-special .auth-special__title {
        text-align: center;
    }

    .popup-side.popup-auth .popup-content .auth-services {
        padding: 0;
    }
}

body.body-auth-page .content {
    padding-top: 0;
}

@media only screen and (min-width: 1281px) {
    body.body-auth-page article {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }
}

.auth-page .empty-content {
    position: relative;
}

.auth-page .auth-container {
    width: 100%;
    max-width: 400px;
}

.auth-page .auth-container .popup-content .popup-auth__title .popup-sms__phone,
.auth-page .auth-container .popup-content .popup-auth__title {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    margin: 0 0 25px;
    letter-spacing: normal;
}

.auth-page .auth-container .popup-content .popup-auth__desc {
    font-size: 15px;
}

.popup-content .popup-side-bottom {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    max-width: 400px;
}

.popup-content .popup-side-bottom.disabled {
    display: none;
}

.popup-content .popup-side-bottom p,
.popup-content .popup-side-bottom a {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 !important;
}

.popup-content .popup-side-bottom a {
    border-color: #8d8d8d;
}

.auth-container .auth-services {
    margin-bottom: 45px;
}

.auth-container .popup-content .auth-services-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    margin: 0 0 10px;
}

.auth-container .popup-content .auth-services-desc {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 10px;
}

.auth-container .auth-services-buttons {
    position: relative;
}

.auth-container .auth-services-buttons .auth-services-buttons__text {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 15px;
}

.auth-container .auth-services-buttons .auth-services-buttons__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}

.site-s2 .auth-container .auth-services-buttons .auth-services-buttons__list {
    grid-template-columns: repeat(3, 1fr);
}

.auth-container .auth-services-buttons .auth-services-buttons__item {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    border-radius: 7px;
    background: #FAF9FA;
    transition: all 0.2s ease;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .auth-services-buttons__item-wrap {
    line-height: 1;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .auth-services-actions-item {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .auth-services-actions-item iframe {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    z-index: 200 !important;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--yandex .auth-services-actions-item iframe {
    width: calc(100% + 70px) !important;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .yaPreloadingSuggestBlockContainer {
    display: block !important;
    overflow: hidden !important;
    height: 40px !important;
}

.auth-container .auth-services.active-buttons .auth-services-buttons .auth-services-buttons__item .auth-services-actions-item {
    pointer-events: all;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon {
    position: absolute;
    top: -7px;
    right: -7px;
    display: none;
    width: 20px;
    height: 20px;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon.status-active {
    display: flex;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item {
    display: none;
    width: 100%;
    height: 100%;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item.active {
    display: flex;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item svg {
    display: block;
    width: 100%;
    height: 100%;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item svg circle,
.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item svg path {
    transition: all 0.2s ease;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item:hover svg circle {
    fill: #EDEDED;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item:hover svg path {
    fill: #000;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .status-icon .status-icon__item.status-icon__item--accepted:hover svg path {
    stroke: #000;
}

.auth-container .auth-services-buttons .auth-services-buttons__item:hover {
    background: #EDEDED;
}

.auth-container .auth-services-buttons .auth-services-buttons__item:hover .icon-line {
    fill: #EDEDED;
}

.auth-container .auth-services-buttons .auth-services-buttons__item-name {
    color: #000;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .icon {
    display: block;
}

.auth-container .auth-services-buttons .auth-services-buttons__item .icon svg path {
    transition: all 0.2s ease;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--google .auth-services-buttons__item-wrap {
    width: 53px;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--google .icon {
    padding-bottom: 47.17%;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--yandex .auth-services-buttons__item-wrap {
    width: 54px;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--yandex .icon {
    padding-bottom: 37.04%;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--telegram .auth-services-buttons__item-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--telegram .icon {
    display: flex;
    width: 13px;
    height: 12px;
}

.auth-container .auth-services-buttons .auth-services-buttons__item--telegram .icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.auth-container .auth-services-buttons .auth-services-buttons__message {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.05;
    margin: 20px 0 0;
    transition: all 0.2s ease;
}

.auth-container .auth-services.active-buttons .auth-services-buttons .auth-services-buttons__message {
    position: unset;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

@media only screen and (max-width: 991px) {
    .popup-side .auth-container .auth-services {
        width: 100%;
        max-width: 420px;
        margin: 35px auto 40px;
    }

    .auth-container .auth-services-buttons .auth-services-buttons__list {
        gap: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .popup-side .auth-container .auth-services {
        max-width: 100%;
        padding: 0 15px;
    }
}


@media only screen and (max-width: 1023px) {
    body.body-auth-page .content {
        padding-top: 0;
    }

    .auth-page .auth-container {
        padding-top: 50px;
    }

    .auth-page .auth-container .popup-content .popup-auth__title .popup-sms__phone,
    .auth-page .auth-container .popup-content .popup-auth__title {
        font-size: 28px;
        margin: 0 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    .auth-page {
        height: calc(var(--app-height) - 88px);
        min-height: 600px;
    }

    .auth-page .auth-container {
        padding-top: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .auth-page .empty-content {
        margin: 0 !important;
        grid-template-columns: 1fr;
        height: 100%;
    }

    .auth-page .empty-content .empty-right {
        display: none;
    }

    .auth-page .empty-content .empty-left {
        padding-top: 0;
        text-align: left;
    }

    .auth-page .auth-container .ibutton {
        width: 100%;
    }

    .auth-page .auth-container .popup-content .popup-auth__title .popup-sms__phone,
    .auth-page .auth-container .popup-content .popup-auth__title,
    .auth-page .auth-container .popup-content .popup-auth__desc {
        text-align: center;
    }

    .auth-page .auth-container .form .phone-input-item {
        margin-bottom: 30px;
    }

    .auth-page .auth-container .popup-sms-block .field {
        margin-bottom: 27px;
    }

    .auth-page .auth-container .popup-sms-block .ibutton {
        margin-top: 30px;
    }

    .popup-content .popup-side-bottom {
        position: unset;
        text-align: center;
        max-width: 500px;
        margin: 20px auto 0;
    }

    .popup-side.popup-auth .auth-container .popup-side-bottom {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 768px) {
    .auth-page {
        height: calc(var(--app-height) - 48px);
    }
}

@media only screen and (max-width: 600px) {
    .auth-page .auth-container {
        max-width: 100%;
    }

    .popup-content .popup-side-bottom {
        bottom: 15px;
        max-width: 100%;
    }
}


.form .field input:focus ~ .placeholder,
.form .field input:not(:placeholder-shown) ~ .placeholder,
.form .field textarea:focus ~ .placeholder,
.form .field textarea:not(:placeholder-shown) ~ .placeholder {
    top: -11px;
    font-size: 14px;
    line-height: 1;
}

.images-return {
    display: grid;
    grid-template-columns: repeat(3, 200px);
    gap: 30px;
    padding-bottom: 30px;
}

.images-return img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .images-return {
        grid-template-columns: repeat(3, 150px);
        gap: 15px;
    }
}

@media only screen and (max-width: 550px) {
    .images-return {
        grid-template-columns: 1fr;
    }
}

.tabs {
    position: relative;
}

.tabs .tabs-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    padding: 0 0 7px;
    margin: 0 0 37px;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    box-shadow: inset 0px -1px 0px 0px #dedede;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tabs .tabs-list::-webkit-scrollbar {
    display: none;
}

.tabs .tabs-list .tabs-item {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
    padding: 0 2px 0 2px;
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #000000;
}

.tabs .tabs-list .tabs-item::before {
    content: attr(data-text);
    height: 0;
    visibility: hidden;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
    font-weight: 600;
}

.tabs .tabs-list .tabs-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background: #000000;
    opacity: 0;
}

.tabs .tabs-list .tabs-item.active {
    font-weight: 600;
    padding: 0 2px 0 2px;
}

.tabs .tabs-list .tabs-item.active::after {
    opacity: 1;
}

.tabs .tabs-container {
    position: relative;
}

.tabs .tabs-container .tabs-content {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: all 0.2s ease;
}

.tabs .tabs-container .tabs-content.active {
    position: unset;
    pointer-events: all;
    opacity: 1;
}

.tabs .tabs-container .tabs-content .tabs-content__wrap {
    display: none;
}

.tabs .tabs-container .tabs-content.active .tabs-content__wrap {
    display: block;
}

@media only screen and (max-width: 1330px) {
    .tabs .tabs-list {
        gap: 35px;
    }
}

@media only screen and (max-width: 1280px) {
    .tabs:before {
        left: 0;
        content: '';
        position: absolute;
        bottom: -2px;
        width: 60px;
        height: 5px;
        background: #FFFFFF;
        z-index: -1;
    }

    .tabs .tabs-list {
        gap: 30px;
        margin: 0 -60px 35px;
    }

    .tabs .tabs-list .tabs-item:first-child {
        margin-left: 60px;
    }

    .tabs .tabs-list .tabs-item:last-child {
        margin-right: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .tabs .tabs-list {
        gap: 20px;
        margin: 0 -15px 25px;
    }

    .tabs .tabs-list .tabs-item:first-child {
        margin-left: 15px;
    }

    .tabs .tabs-list .tabs-item:last-child {
        margin-right: 15px;
    }
}

.brands-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    padding-top: 35px;
}

.brands-list .brands-item {
    position: relative;
    height: 0;
    padding-bottom: 99%;
    border-radius: 10px;
    border: 0.5px solid #E7E7E6;
    transition: all 0.2s ease;
}

.brands-list .brands-item:hover {
    border-color: #000000;
}

.brands-list .brands-item .brands-item__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.brands-list .brands-item .image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 160px;
    transform: translate(-50%, -50%);
}

.brands-list .brands-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1200px) {
    .brands-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1023px) {
    .brands-list {
        grid-template-columns: repeat(3, 1fr);
        padding-top: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .brands-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.empty-content {
    display: grid;
    grid-template-columns: 1fr 52.128%;
    align-items: center;
    gap: 50px;
}

.empty-content .empty-title {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    margin: 0 0 25px;
}

.empty-content .empty-text {
    font-size: 15px;
    line-height: 1;
    margin: 0 0 25px;
}

.empty-content .empty-right .image {
    position: relative;
    height: 0;
    min-height: 700px;
    /*padding-bottom: 115.647%;*/
    padding-bottom: 100vh;
}

.empty-content .empty-right .image img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 1920px) {
    .empty-content {
        margin: -102px -348px 0 -160px;
    }
}

@media only screen and (max-width: 1919px) {
    .empty-content {
        margin: -102px -220px 0 -160px;
    }
}

@media only screen and (max-width: 1280px) {
    .empty-content {
        margin: -102px -60px 0 0;
    }
}

@media only screen and (max-width: 1023px) {
    .empty-content {
        margin: -48px -60px 0 0;
        gap: 35px;
    }

    .empty-content .empty-title {
        font-size: 28px;
        margin: 0 0 20px;
    }

    .empty-content .empty-text {
        margin: 0 0 20px;
    }
}

@media only screen and (max-width: 768px) {
    .products-empty {
        padding: 0;
    }

    .empty-content .empty-title {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .empty-content {
        margin: 0 !important;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .empty-content .empty-text {
        font-size: 14px;
    }

    .empty-content .empty-left {
        padding-top: 30px;
        text-align: center;
    }

    .empty-content .empty-right .image {
        min-height: unset;
        padding-bottom: 115.647%;
    }
}

@media only screen and (max-width: 500px) {
    .empty-content .ibutton {
        width: 100%;
    }
}

@media screen and (min-width: 1281px) {
    .page-content article .page-error .page-error__wrap {
        position: relative;
        right: -80px;
    }
}

.page-error {
    width: 100%;
    margin-top: 15px;
}

.main-catalog .page-error {
    margin-top: 45px;
}

.page-catalog:not(.main-catalog) .page-error {
    margin-top: 10px;
}

.page-error .page-error__image {
    width: 100%;
    max-width: 326px;
    margin: 0 auto 25px;
}

.page-error .image {
    padding-bottom: 153.375%;
}

.page-error .page-error__info {
    text-align: center;
}

.page-error .page-error__title {
    color: #000;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.page-error .page-error__text {
    max-width: 350px;
    color: #090909;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 auto;
}

.page-error .page-error__text > a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration-line: underline;
    text-underline-offset: 3px;
}

.page-error .page-error__products {
    margin-top: 75px;
}

.page-error .page-error__products .page-error__title {
    margin-bottom: 25px;
}

.page-error .page-error__info .page-error__btns {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.page-error.page-error--empty .page-error__info .page-error__btns {
    grid-template-columns: 1fr;
}

.page-error .page-error__info .page-error__btns .ibutton {
    white-space: nowrap;
    padding: 0 15px;
}

@media screen and (max-width: 768px) {
    .page-error .page-error__title {
        font-size: 20px;
    }

    .page-error .page-error__products .item:nth-child(n+5) {
        display: none;
    }

    .page-error .page-error__info .page-error__btns {
        grid-template-columns: 1fr;
    }
}


.swiper .slider-custom-nav {
    cursor: pointer;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: calc(0px - (50px / 2));
    z-index: 10;
}

.swiper .slider-custom-nav.swiper-button-disabled {
    display: none;
}

.swiper .slider-custom-nav:after {
    display: none;
}

.swiper .slider-custom-nav svg {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper .slider-custom-nav svg path,
.swiper .slider-custom-nav svg circle {
    transition: all 0.2s ease;
}

.swiper .slider-custom-nav:hover svg path {
    fill: #fff;
}

.swiper .slider-custom-nav:hover svg circle {
    fill: #000;
}

.swiper .slider-custom-nav.swiper-button-next {
    right: 0;
}

.swiper .slider-custom-nav.swiper-button-prev {
    left: 0;
}

.swiper .slider-custom-nav.swiper-button-prev svg {
    transform: scaleX(-1);
}

.soda-hint {
    display: inline-flex;
    position: relative;
    height: 12px;
    width: 12px;
}

.soda-hint .soda-hint__icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: 13px !important;
    width: 13px !important;
    min-height: 13px !important;
    min-width: 13px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    font-style: normal !important;
    color: #000 !important;
    background: #8D8D8D;
    border-radius: 50%;
}

.soda-hint .soda-hint__icon:after {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    top: -12px;
    right: -12px;
}

.soda-hint .soda-hint__tooltip {
    position: absolute;
    bottom: 22px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-width: 200px;
    padding: 15px;
    background: #F7F7F7;
    border-radius: 5px;
    transition: all 0.2s ease;
    z-index: 1;
}

.soda-hint:hover .soda-hint__tooltip {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.soda-hint .soda-hint__tooltip p,
.soda-hint .soda-hint__tooltip span {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
}

.soda-hint .soda-hint__tooltip p:last-child {
    margin: 0 !important;
}

.soda-hint .soda-hint__tooltip span {
    display: inline !important;
    font-weight: 600 !important;
}

.ReactModal__Overlay {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -100px !important;
    z-index: 202 !important;
}

/*.ReactModal__Content {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

.ReactModal__Content.ReactModal__Content--after-open {
    opacity: 1;
    visibility: visible;
}*/

.popup-telegram {
    position: fixed;
    left: 50%;
    bottom: 25px;
    width: 100%;
    max-width: 275px;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding: 0 15px;
    transition: all 0.2s ease;
    z-index: 1100;
}

.site-s2 .popup-telegram {
    max-width: 255px;
}

.popup-telegram.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.popup-telegram .indent {
    position: relative;
    background-color: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    min-height: 38px;
    padding: 12px 25px;
}

.popup-telegram .close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 25px;
    height: 25px;
}

.popup-telegram .close svg {
    display: block;
    width: 12px;
    height: 12px;
}

.popup-telegram .popup-telegram__text,
.popup-telegram .popup-telegram__text a {
    color: #000;
    font-size: 10px;
    text-align: center;
    font-weight: 400;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0;
}

.popup-telegram .popup-telegram__text a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.popup-telegram .popup-telegram__text .icon {
    position: relative;
    top: 1px;
    display: inline-flex;
    width: 12px;
    height: 10px;
    margin-right: 3px;
}

.popup-telegram .popup-telegram__text .icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 768px) {
    .popup-telegram {
        bottom: 13px;
    }

    .popup-telegram .close {
        top: -8px;
        right: -8px;
        width: 33px;
        height: 33px;
    }

    .page-product .popup-telegram {
        display: none;
    }
}

.popups.popup-offer-form {
    width: 100%;
    max-width: 490px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    pointer-events: none;
    max-height: 100%;
    overflow-y: auto;
}

.popup-offer-form.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.popup-offer-form .form textarea {
    height: 39px;
    min-height: 39px;
    max-height: 120px;
    resize: vertical;
}

.popup-offer-form .form .field textarea:focus ~ .placeholder,
.popup-offer-form .form .field textarea:not(:placeholder-shown) ~ .placeholder {
    top: -18px;
}

.popup-offer-form .form .field.field-button {
    margin-bottom: 0;
}

.popup-offer-form .form .field-form-file .file-name {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.popup-offer-form .popup-offer-form-head {
    color: #1a1a1a !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-bottom: 25px;
}

@media only screen and (min-width: 769px) {
    .popup-offer-form .indent {
        padding: 30px !important;
    }
}

@media only screen and (max-width: 600px) {
    .popups.popup-offer-form {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: unset;
        max-width: 100%;
    }
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tags-list .tags-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 32px;
    padding: 8px 14px 8px;
    background: #000;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tags-list .tags-item span,
.tags-list .tags-item a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 991px) {
    .tags-list {
        gap: 5px;
    }
}

.sizes-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(61px, auto));
    gap: 10px;
}

.sizes-container .sizes-item {
    cursor: pointer;
    position: relative;
    height: 40px;
    max-height: 40px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: 0.5px solid #1F1F1F;
    border-radius: 14px;
    opacity: 1;
    transition: all 0.2s ease;
}

.sizes-container .sizes-item:not(.disabled):hover {
    background-color: #000;
    border-color: #000;
}

.sizes-container .sizes-item.disabled {
    cursor: default;
}

.sizes-container .sizes-item.active {
    background-color: #000;
    border: 1px solid #000;
}

.sizes-container .sizes-item .sizes-text,
.sizes-container .sizes-item .sizes-text.height {
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    color: #000;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.sizes-container .sizes-item .sizes-text.height {
    color: #C4C4C4;
    margin-top: 3px;
}

.sizes-container .sizes-item.disabled .sizes-text {
    color: #C4C4C4;
}

.sizes-container .sizes-item.disabled:hover .sizes-text {
    opacity: 0;
}

.sizes-container .sizes-item.active .sizes-text {
    color: #FFFFFF;
}

.sizes-container .sizes-item:not(.disabled):hover .sizes-text {
    color: #FFFFFF;
}

.sizes-container .sizes-item .sizes-sold-out {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    transition: opacity 0.2s ease;
}

.sizes-container .sizes-item .sizes-sold-out.preorder-button {
    cursor: pointer;
}

.sizes-container .sizes-item .sizes-sold-out span {
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #8D8D8D;
}

.sizes-container .sizes-item.disabled:hover .sizes-sold-out {
    opacity: 1;
    visibility: visible;
}

.sizes-container .sizes-item .sizes-preorder-icon {
    cursor: default;
    display: flex;
    position: absolute;
    top: -1px;
    right: 0;
    padding: 5px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.sizes-container .sizes-item .sizes-preorder-icon svg {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.sizes-container .sizes-item .sizes-preorder-icon.sizes-remaining-icon .sizes-remaining-icon__el {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 10px;
    height: 10px;
    background: #D20505;
    border-radius: 50%;
    color: #FFF;
    font-size: 7px;
    font-weight: 400;
    line-height: 1;
}

.sizes-container .sizes-item .sizes-preorder {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding: 25px;
    position: absolute;
    bottom: calc(100% + 10px);
    left: -1px;
    width: 241px;
    background: #EFEFEF;
    z-index: 2;
    transition: all 0.2s ease;
}

.sizes-container .sizes-item .sizes-remaining.sizes-preorder {
    left: 50%;
    transform: translateX(-50%);
}

.sizes-container .sizes-item .sizes-preorder:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: calc(100% + 20px);
    height: 10px;
    z-index: 2;
}

.sizes-container .sizes-item .sizes-preorder:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.sizes-container .sizes-item:hover .sizes-preorder,
.sizes-container .sizes-item .sizes-preorder-icon:hover + .sizes-preorder {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.sizes-container .sizes-item.right .sizes-remaining.sizes-preorder,
.sizes-container .sizes-item.one-line:last-child .sizes-remaining.sizes-preorder,
.sizes-container .sizes-item.right .sizes-preorder,
.sizes-container .sizes-item.one-line:last-child .sizes-preorder {
    right: -1px;
    left: unset;
    transform: unset;
}

.sizes-container .sizes-item .sizes-preorder .sizes-preorder__text {
    font-size: 14px;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 16px;
}

.sizes-container .sizes-item .sizes-preorder .sizes-preorder__title {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}

.sizes-container .sizes-item .sizes-remaining.sizes-preorder .sizes-preorder__title {
    text-align: center;
}

.sizes-container .sizes-item .sizes-preorder .sizes-preorder__btn {
    width: fit-content;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
}

@media only screen and (max-width: 1470px) {
    .sizes-container .sizes-item .sizes-preorder {
        left: 50%;
        transform: translateX(-50%);
    }

    .sizes-container .sizes-item.right .sizes-preorder,
    .sizes-container .sizes-item.one-line:last-child .sizes-preorder {
        right: -1px;
        left: unset;
        transform: unset
    }
}

@media only screen and (max-width: 1023px) {
    .sizes-container {
        gap: 7px;
    }
}

@media only screen and (max-width: 768px) {
    #bx-panel, #bx-panel div {
        display: none !important;
    }
}

.preorder-week-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 10px 6px;
    white-space: nowrap;
    background: rgba(239, 239, 240, 0.70);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 5px;
    height: 23px;
    transition: all 0.2s ease;
}

.catalog-section__button {
    width: fit-content;
    display: block;
    margin: 35px auto 0;
}

.mainpage-link {
    width: fit-content;
    display: block;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    text-transform: uppercase;
    padding-bottom: 2px;
}

.ol-list {

}

.ol-list .ol-list__item {
    display: block;
    position: relative;
    padding-left: 30px;
}

.ol-list .ol-list__item--2 {
    padding-left: 40px;
    margin-left: 30px;
}

.ol-list__item-number {
    position: absolute;
    top: 0;
    left: 0;
}

.table-static .table-static__wrap {
    width: calc(100% + 30px);
    table-layout: fixed;
    overflow-x: auto;
    margin: 0 -15px;
    padding: 0 15px;
}

.table-static .table-static__wrap::-webkit-scrollbar {
    display: none
}

.table-static table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.table-static table > thead > tr th {
    background: #f8f8f8;
    border-left: 1px solid #eef1f5;
    border-right: 1px solid #eef1f5;
    border-top: 1px solid #eef1f5;
    font-weight: 700;
    line-height: 1.05;
    min-width: 223px;
    padding: 10px 12px;
    text-align: left;
    text-transform: uppercase;
    width: 223px
}

.table-static table > tbody > tr td {
    border: 1px solid #eef1f5;
    line-height: 1.3;
    padding: 10px 12px;
    vertical-align: top
}