@charset "UTF-8";
@import "button-loader.css";

*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    min-width: 320px;
}

body {
    color: #000;
    line-height: 1;
    font-family: "Roboto Flex", sans-serif;
    font-size: 0.875rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
    font-family: "Roboto Flex", sans-serif;
    font-size: inherit;
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}

a {
    color: inherit;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

.sub-menu-open main::after {
    opacity: 0.6;
}

body {
    color: #141414;
    font-stretch: 151%;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738, "opsz" 14;
}

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-decoration: none;
}

.search-page-search-main__button {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 4.0625rem;
    padding-left: 4.0625rem;
    transition: all 0.3s ease 0s;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #141414;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 125em) {
    .search-page-search-main__button {
        padding-right: 2.09375rem;
        padding-left: 2.09375rem;
    }
}
@media (max-width: 112.5em) {
    .search-page-search-main__button {
        padding: 0.40625rem 1.625rem;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
    }
}
@media (any-hover: hover) {
    .search-page-search-main__button:hover {
        background: #FFFFFF;
        color: #141414;
    }
}
@media (max-width: 47.9375em) {
    .search-page-search-main__button {
        padding: 0.75rem;
    }
    /*.search-page-search-main__button span {*/
    /*    display: none;*/
    /*}*/
}
.search-page-search-main__button img {
    display: none;
}
/*@media (max-width: 47.9375em) {*/
/*    .search-page-search-main__button img {*/
/*        display: block;*/
/*    }*/
/*}*/

.lock body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
    margin-right: 0.75rem;
}

@media (max-width: 87.5em) {
    .lock body {
        margin-right: 0.25rem;
    }
}

@media (max-width: 47.99875em) {
    .lock body {
        margin-right: 0;
    }
}

.lock body .header {
    padding-right: 0.75rem;
}

@media (max-width: 87.5em) {
    .lock body .header {
        padding-right: 0.25rem;
    }
}

@media (max-width: 47.99875em) {
    .lock body .header {
        padding-right: 0;
    }
}

.sub-menu-open body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
}

.disabled-button {
    opacity: 0.4;
}

.none-loader {
    display: none;
}

.none-loader.on-load-display-block {
    display: block;
}

.preloader {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.preloader.hide-preloader {
    animation: hidePreloader 1s;
}

.preloader.preloader-hidden {
    display: none;
}

@keyframes hidePreloader {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

main::after {
    content: "";
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease 0s;
    pointer-events: none;
    z-index: 10;
}

@media (max-width: 37.5em) {
    main::after {
        display: none;
    }
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wrapper > main {
    flex: 1 1 auto;
}

.wrapper > * {
    min-width: 0;
}

[class*=__container] {
    max-width: 109.875rem;
    margin: 0 auto;
}

@media (min-width: 152.9375em) {
    [class*=__container] {
        padding-right: 0.9375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-right: clamp( 0.625rem , 0.5779854255rem  +  0.2350728726vw , 0.9375rem )) {
        [class*=__container] {
            padding-right: clamp(0.625rem, 0.5779854255rem + 0.2350728726vw, 0.9375rem);
        }
    }
    @supports not (padding-right: clamp( 0.625rem , 0.5779854255rem  +  0.2350728726vw , 0.9375rem )) {
        [class*=__container] {
            padding-right: calc(0.625rem + 0.3125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    [class*=__container] {
        padding-right: 0.625rem;
    }
}

@media (min-width: 152.9375em) {
    [class*=__container] {
        padding-left: 0.9375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-left: clamp( 0.625rem , 0.5779854255rem  +  0.2350728726vw , 0.9375rem )) {
        [class*=__container] {
            padding-left: clamp(0.625rem, 0.5779854255rem + 0.2350728726vw, 0.9375rem);
        }
    }
    @supports not (padding-left: clamp( 0.625rem , 0.5779854255rem  +  0.2350728726vw , 0.9375rem )) {
        [class*=__container] {
            padding-left: calc(0.625rem + 0.3125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    [class*=__container] {
        padding-left: 0.625rem;
    }
}

[class*=__container-big] {
    max-width: 152.9375rem;
    margin: 0 auto;
    padding: 0 0.46875rem;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #A1A1A1;
    border-radius: 1.875rem;
}

.button-hover-class-none {
    display: none;
}

.link_atrprod {
    transition: all 0.3s ease 0s;
    color: #0070FF;
}

@media (min-width: 61.9375em) and (any-hover: hover) {
    .link_atrprod:hover {
        color: #D21215;
    }
}

.hover-link {
    transition: all 0.3s ease 0s;
    color: #0070FF;
}

@media (min-width: 61.9375em) and (any-hover: hover) {
    .hover-link:hover {
        color: #D21215;
    }
}

.hover-category-filter {
    transition: all 0.3s ease 0s;
    border: 0.0625rem solid #9C896D;
    font-weight: 500;
}

@media (any-hover: hover) {
    .hover-category-filter:hover {
        background: #F0E8DB;
        border: 1px solid #9C896D;
        border-radius: 24px;
    }
}

.hover-category-filter-popcat {
    transition: all 0.3s ease 0s;
    font-weight: 500;
}

@media (any-hover: hover) {
    .hover-category-filter-popcat:hover {
        background: #F0E8DB;
        border-radius: 24px;
    }
}

@media (min-width: 37.5em) and (any-hover: hover) {
    .button-hover-class:hover {
        transition: all 0.3s ease 0s;
        color: #fff;
        border: 0.0625rem solid #9C896D;
        background-color: #9C896D;
    }

    .button-hover-class:hover .button-hover-class-block {
        display: none;
    }

    .button-hover-class:hover .button-hover-class-none {
        display: block;
    }
}

@media (min-width: 37.5em) {
    .button-hover-class:active {
        border: 0.0625rem solid #624E2F;
        background-color: #624E2F;
    }
}

html {
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
}

.font-mod {
    display: inline-block;
    letter-spacing: 0.02rem;
    transform: scaleX(1.05);
    padding-right: 0.28125rem;
    padding-left: 0.28125rem;
}

.font-mod-big {
    display: inline-block;
    letter-spacing: 0.02rem;
    transform: scaleX(1.15);
    padding-right: 1.125rem;
    padding-left: 1.125rem;
}

.font-mod-big-get-sale {
    display: inline-block;
    letter-spacing: 0.02rem;
    transform: scaleX(1.15);
    padding-right: 1.125rem;
    padding-left: 1.34375rem;
}

.font-mod-big-category-home {
    display: inline-block;
    letter-spacing: 0.02rem;
    transform: scaleX(1.15);
    padding-right: 1.125rem;
    padding-left: 0.5625rem;
}

.for-text-editor h1:not(:last-child),
.for-text-editor h2:not(:last-child),
.for-text-editor h3:not(:last-child),
.for-text-editor h4:not(:last-child),
.for-text-editor h5:not(:last-child),
.for-text-editor h6:not(:last-child) {
    margin: 2.5rem 0.625rem 1.25rem 0.625rem;
}

.for-text-editor h1 {
    font-weight: 700;
    line-height: 1.1875;
}

@media (min-width: 152.9375em) {
    .for-text-editor h1 {
        font-size: 2rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 1.75rem , 1.7123883404rem  +  0.1880582981vw , 2rem )) {
        .for-text-editor h1 {
            font-size: clamp(1.75rem, 1.7123883404rem + 0.1880582981vw, 2rem);
        }
    }
    @supports not (font-size: clamp( 1.75rem , 1.7123883404rem  +  0.1880582981vw , 2rem )) {
        .for-text-editor h1 {
            font-size: calc(1.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .for-text-editor h1 {
        font-size: 1.75rem;
    }
}

.for-text-editor h2 {
    font-weight: 500;
    line-height: 1.3846153846;
}

@media (min-width: 152.9375em) {
    .for-text-editor h2 {
        font-size: 1.625rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 1.25rem , 1.1935825106rem  +  0.2820874471vw , 1.625rem )) {
        .for-text-editor h2 {
            font-size: clamp(1.25rem, 1.1935825106rem + 0.2820874471vw, 1.625rem);
        }
    }
    @supports not (font-size: clamp( 1.25rem , 1.1935825106rem  +  0.2820874471vw , 1.625rem )) {
        .for-text-editor h2 {
            font-size: calc(1.25rem + 0.375 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .for-text-editor h2 {
        font-size: 1.25rem;
    }
}

.for-text-editor p {
    line-height: 1.1875;
    margin: 0.3125rem 0.625rem;
}

@media (min-width: 152.9375em) {
    .for-text-editor p {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .for-text-editor p {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .for-text-editor p {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .for-text-editor p {
        font-size: 0.875rem;
    }
}

.for-text-editor ul li {
    list-style: initial;
}

.for-text-editor ul {
    margin: 1.125rem;
}

.for-text-editor li {
    margin: 0.625rem 0.625rem 0.625rem 1.125rem;
}

@media (min-width: 152.9375em) {
    .for-text-editor li {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .for-text-editor li {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .for-text-editor li {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .for-text-editor li {
        font-size: 0.875rem;
    }
}

.for-text-editor td {
    border: 0.0625rem solid #CECECE;
}

@media (min-width: 152.9375em) {
    .for-text-editor td {
        padding: 0.9375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding: clamp( 0.625rem , 0.5779854255rem  +  0.2350728726vw , 0.9375rem )) {
        .for-text-editor td {
            padding: clamp(0.625rem, 0.5779854255rem + 0.2350728726vw, 0.9375rem);
        }
    }
    @supports not (padding: clamp( 0.625rem , 0.5779854255rem  +  0.2350728726vw , 0.9375rem )) {
        .for-text-editor td {
            padding: calc(0.625rem + 0.3125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .for-text-editor td {
        padding: 0.625rem;
    }
}

.for-text-editor a {
    font-weight: 500;
    text-decoration: underline;
}

form,
input,
textarea {
    outline: none;
}

input {
    background-color: #fff;
}

.dis {
    display: none;
}

.form._form__error {
    color: red;
}

.form._form__error .input {
    border: red;
}

.form__input._form-error {
    color: red;
}

.form__viewpass {
    cursor: pointer;
    position: absolute;
    right: 0.625rem;
    top: -8px;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(35px);
}

.form__viewpass._viewpass-active {
    top: -13px;
}

.form__viewpass._viewpass-active .form__viewpass_close {
    display: none;
}

.form__viewpass_opne {
    display: none;
}

.form__viewpass svg {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    top: 0.625rem;
    right: 0.9375rem;
    transition-duration: 300ms;
    width: 1.25rem;
    height: 1.0625rem;
    background-color: #fff;
}

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

.label {
    margin-bottom: 10px;
    position: relative;
}

@media (max-width: 87.5em) {
    .label {
        margin-bottom: 0.5625rem;
    }
}

.input {
    border: 0.0625rem solid #141414;
    padding: 16px 24px;
    border-radius: 36px;
    width: 100%;
    margin-top: 20px;
    outline: none;
    padding-left: 1.4375rem;
    color: #141414;
    display: flex;
    align-items: center;
}

.input._form-error {
    border: 0.0625rem solid red;
    color: red;
}

@media (max-width: 112.5em) {
    .input {
        padding: 0.75rem 1.375rem;
    }
}

.input::placeholder {
    opacity: 0;
}

.form__span {
    pointer-events: none;
    white-space: nowrap;
    position: absolute;
    top: -7px;
    left: 1.4375rem;
    transform: translateY(35px);
    transition-duration: 300ms;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 200;
    line-height: 1.1875;
    background-color: #fff;
    padding: 0.5rem 0.75rem;
}

@media (min-width: 152.9375em) {
    .form__span {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .form__span {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .form__span {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .form__span {
        font-size: 0.875rem;
    }
}

@media (max-width: 112.5em) {
    .form__span {
        top: -9px;
        font-size: 0.75rem;
    }
}

.label:focus-within > span,
.input:not(:placeholder-shown) + span {
    transform: translateY(0px);
    top: -57px;
    position: relative;
    background-color: #f0f0f0;
    padding: 3px 7px;
    border-radius: 10px;
}

@media (max-width: 112.5em) {
	.label:focus-within > span,
	.input:not(:placeholder-shown) + span {
		top: -50px;
	}
}

.button {
    border-radius: 2.25rem;
}

.button_full {
    color: #fff;
    background: #141414;
}

.button_transparent {
    color: #141414;
    border: 1px solid #141414;
}

.checkbox__body {
    gap: 0.5rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    min-width: 6.25rem;
    margin-bottom: 0.375em;
}

.checkbox__body._active-radio .checkbox__item {
    background-color: #141414;
    background-image: url("../img/category/checkbox.svg");
    border: none;
}

.checkbox__body .checkbox__item {
    content: " ";
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 0;
    top: 5px;
    text-align: center;
    background-color: transparent;
    height: 14px;
    width: 14px;
    border-radius: 4px;
    border: 1px solid #CECECE;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .checkbox__body .checkbox__item:hover {
        border: 1px solid #141414;
    }
}

.checkbox__body span {
    padding: 0.375em 0.75em 0.375em 0.375em;
    padding-left: 1.375rem;
    display: flex;
    align-items: center;
    border-radius: 99em;
    transition: 0.25s ease;
}

.checkbox__body span:before {
    content: " ";
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 0;
    top: 5px;
    text-align: center;
    background-color: transparent;
    height: 14px;
    width: 14px;
    border-radius: 4px;
    border: 1px solid #CECECE;
}

.form__body-checkbox {
    position: relative;
}

.btn {
    border: none;
    outline: none;
    padding: 10px 16px;
    background-color: #f1f1f1;
    cursor: pointer;
}

.options {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.options__item {
    position: relative;
    cursor: pointer;
}

.options__item:not(:last-child) {
    margin-bottom: 0.3125em;
}

.options__input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}

.options__input:focus + .options__label:before {
    box-shadow: 0 0 5px #000;
}

.options__input:checked + .options__label:after {
    transform: scale(1);
}

.options__label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.options__label:before {
    content: "";
    align-self: flex-start;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    border: 1px solid #a7a9ac;
}

.options__label:after {
    content: "";
    transition: all 0.3s ease 0s;
    transform: scale(0);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #77243a;
    position: absolute;
    left: 5px;
    top: 5px;
}

.select {
    position: relative;
}

.select._select-open {
    z-index: 5;
}

.select._select-open::after {
    transform: rotate(180deg);
}

.select__body {
    background-color: #fff;
    position: relative;
}

.select__title {
    position: relative;
    padding: 16px 24px;
    color: inherit;
    text-align: left;
    border: 0.0625rem solid #141414;
    background-color: #fff;
    border-radius: 36px;
    cursor: pointer;
    width: 100%;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 200;
    line-height: 1.1875;
}

@media (min-width: 152.9375em) {
    .select__title {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select__title {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select__title {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .select__title {
        font-size: 0.875rem;
    }
}

@media (max-width: 112.5em) {
    .select__title {
        font-size: 0.8125rem;
        padding: 0.75rem 1.125rem;
    }
}

.select__title::after {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 20px;
    right: 24px;
    width: 0;
    height: 0;
    border-width: 8px 6px 0 6px;
    border-color: #141414 transparent transparent transparent;
    border-style: solid;
    transition: all 0.1s ease 0s;
}

@media (max-width: 112.5em) {
    .select__title::after {
        border-width: 7px 5px 0 5px;
        top: 16px;
    }
}

.select__value {
    display: flex;
    background-color: #fff;
    align-items: center;
    gap: 0.625rem;
}

.select__value:after {
    content: "";
    background-color: #fff;
    align-self: stretch;
    transition: all 0.3s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
}

._select-open .select__value:after {
    background-color: #fff;
    transform: rotate(-180deg);
}

.select__value._select-pseudo-label::before {
    background-color: #fff;
    content: attr(data-pseudo-label);
    opacity: 0.5;
}

.select__text {
    background-color: #fff;
    flex: 1 1 auto;
}

.select__input {
    width: 100%;
    background-color: transparent;
    height: 100%;
}

.select__options {
    color: #000;
    position: absolute;
    top: 51px;
    background-color: #FFFFFF;
    /* Black */
    border: 1px solid #141414;
    border-radius: 24px;
    width: 100%;
    padding: 0.9375rem;
}

.select__scroll {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    max-height: 200px;
}

.select__option {
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: inherit;
    padding: 16px 24px;
    background-color: #fff;
    border-radius: 36px;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 200;
    line-height: 1.1875;
    transition: all 0.3s ease 0s;
}

@media (min-width: 152.9375em) {
    .select__option {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select__option {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select__option {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .select__option {
        font-size: 0.875rem;
    }
}

@media (any-hover: hover) {
    .select__option:hover {
        background: rgba(206, 206, 206, 0.3);
        border-radius: 36px;
    }
}

.select__option._select-selected {
    background-color: #000;
}

@media (any-hover: hover) {
    .select__option:hover {
        background: #d9d9d9;
    }
}

.select__row {
    display: inline-flex;
    align-items: center;
}

._select-tag {
    cursor: pointer;
}

._select-open {
    z-index: 0;
}

._select-open .select__title::after {
    transform: rotate(180deg);
}

.custom-select {
    position: relative;
}

.custom-select select {
    display: none;
}

.select-selected {
    position: relative;
    padding: 16px 24px;
    color: inherit;
    text-align: left;
    border: 0.0625rem solid #141414;
    background-color: #fff;
    border-radius: 36px;
    cursor: pointer;
    width: 100%;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 200;
    line-height: 1.1875;
}

@media (min-width: 152.9375em) {
    .select-selected {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select-selected {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select-selected {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .select-selected {
        font-size: 0.875rem;
    }
}

@media (max-width: 112.5em) {
    .select-selected {
        font-size: 0.8125rem;
        padding: 0.75rem 1.125rem;
    }
}

.select-selected::after {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 20px;
    right: 24px;
    width: 0;
    height: 0;
    border-width: 8px 6px 0 6px;
    border-color: #141414 transparent transparent transparent;
    border-style: solid;
    transition: all 0.1s ease 0s;
}

@media (max-width: 112.5em) {
    .select-selected::after {
        border-width: 7px 5px 0 5px;
        top: 16px;
    }
}

.select-box .option .radio {
    display: none;
}

.select-box .select-items.active + .select-selected::after {
    background-color: #fff;
    transform: rotate(-180deg);
}

.select-selected.active:after {
    background-color: #fff;
    transform: rotate(-180deg);
}

.select-items {
    opacity: 0;
    pointer-events: none;
    color: #000;
    position: absolute;
    top: 60px;
    z-index: 5;
    background-color: #FFFFFF;
    border: 1px solid #141414;
    border-radius: 24px;
    width: 100%;
    padding: 0.9375rem;
}

@media (max-width: 112.5em) {
    .select-items {
        top: 51px;
    }
}

.select-items div {
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: inherit;
    padding: 16px 24px;
    background-color: #fff;
    border-radius: 36px;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 200;
    line-height: 1.1875;
    transition: all 0.3s ease 0s;
}

.select-items div label {
    pointer-events: none;
}

.select-items div span {
    cursor: pointer;
    pointer-events: none;
}

@media (min-width: 152.9375em) {
    .select-items div {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select-items div {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select-items div {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .select-items div {
        font-size: 0.875rem;
    }
}

@media (any-hover: hover) {
    .select-items div:hover {
        background: rgba(206, 206, 206, 0.3);
        border-radius: 36px;
    }
}

.select-items div._select-selected {
    background-color: #000;
}

@media (any-hover: hover) {
    .select-items div:hover {
        background: #d9d9d9;
    }
}

.select-items.active {
    opacity: 1;
    pointer-events: auto;
}

.select-hide {
    display: none;
}

.select {
    position: relative;
    padding: 16px 24px;
    color: inherit;
    text-align: left;
    border: 0.0625rem solid #141414;
    background-color: #fff;
    border-radius: 36px;
    cursor: pointer;
    width: 100%;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 200;
    line-height: 1.1875;
}

@media (min-width: 152.9375em) {
    .select {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .select {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .select {
        font-size: 0.875rem;
    }
}

@media (max-width: 112.5em) {
    .select {
        font-size: 0.8125rem;
        padding: 0.75rem 1.125rem;
    }
}

.select > i.toggle {
    position: absolute;
    z-index: 4;
    right: 1.5em;
    top: 1.6em;
    color: #ccc;
}

.select .title, .select .placeholder {
    position: relative;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.select > input {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    cursor: pointer;
}

.select > input:checked ~ i.toggle.icon-arrow-down {
    display: none;
}

.select > input:checked ~ i.toggle.icon-arrow-up {
    display: block;
}

.select > input:checked div.options label.option .title {
    display: none !important;
}

.select > input:not(:checked) {
    z-index: 4;
}

.select > input:not(:checked) ~ label.option > span.title {
    display: none;
}

.select > input:not(:checked) ~ i.toggle.icon-arrow-up {
    display: none;
}

.select > input:not(:checked) ~ i.toggle.icon-arrow-down {
    display: block;
}

.select > input:disabled {
    cursor: no-drop;
}

.select > span.placeholder {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
}

.select label.option {
    display: block;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    transition: all 1s ease-out;
}

.select label.option span.title {
    position: relative;
    z-index: 2;
    transition: background 0.3s ease-out;
}

.select label.option span.title i.icon {
    padding-right: 8px;
    color: #92a8d1;
}

.select label.option span.title:hover {
    background: rgba(206, 206, 206, 0.3);
    border-radius: 36px;
}

.select label.option input {
    display: none;
}

.select label.option input:checked ~ span.title {
    position: absolute;
    display: block;
    z-index: 3;
    top: 0px;
    font-size: 12px;
    background: #fff;
    border-top: 0px;
    box-shadow: none;
    color: inherit;
    width: 100%;
}

.select label.option input:disabled ~ span.title {
    background: #f9f9f9 !important;
    color: #aaa;
}

.select label.option input:disabled ~ span.title:hover {
    color: #aaa;
    background: none;
    cursor: no-drop;
}

.rating {
    display: flex;
    align-items: flex-end;
    line-height: 0.75;
    transition: opacity 0.3s ease 0s;
    font-size: 1.5rem;
}

@media (max-width: 125em) {
    .rating {
        font-size: 1.375rem;
    }
}

@media (max-width: 112.5em) {
    .rating {
        font-size: 1.25rem;
    }
}

@media (max-width: 87.5em) {
    .rating {
        font-size: 1.125rem;
    }
}

.rating.rating_sending {
    opacity: 0.2;
}

.rating.rating_set .rating__active,
.rating.rating_set .rating__item {
    cursor: pointer;
}

.rating__body {
    position: relative;
}

.rating__body::before {
    content: "☆☆☆☆☆";
    display: block;
    color: #9C896D;
}

.rating__active {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.rating__active::before {
    content: "★★★★★";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #9C896D;
}

.rating__items {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rating__item {
    flex: 0 0 20%;
    height: 100%;
    opacity: 0;
}

.rating__value {
    font-size: 50%;
    line-height: 1;
    padding: 0px 0px 0px 10px;
}

.quantity {
    width: 88px;
    height: 40px;
    display: flex;
    border: 1px solid rgba(166, 166, 166, 0.45);
}

.quantity__button {
    flex: 0 0 30px;
    position: relative;
    cursor: pointer;
}

.quantity__button::before, .quantity__button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.3s ease 0s;
    margin: 0px 0px 0px -4.5px;
    background-color: #a6a6a6;
    width: 9px;
    height: 1px;
}

@media (any-hover: hover) {
    .quantity__button:hover::before, .quantity__button:hover::after {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

.quantity__button_plus::before {
    transform: rotate(-90deg);
}

.quantity__input {
    flex: 1 1 auto;
}

.quantity__input input {
    height: 100%;
    color: #a6a6a6;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.form__error {
    color: red;
    font-size: 1rem;
    font-weight: 500;
    position: absolute;
    right: 0;
    bottom: -20px;
}

@media (max-width: 112.5em) {
    .form__error {
        font-size: 0.8125rem;
    }
}

body::after {
    content: "";
    background-color: #a1a1a1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease 0s;
    pointer-events: none;
    z-index: 10;
    display: block;
}

.filter-spollers__body-popup-all-dec {
    position: static;
    z-index: 21;
    background-color: #fff;
    border-radius: 1.5rem;
    width: 25.4375rem;
    right: 0;
}

.popup-filter {
    display: none;
}

@media (max-width: 64em) {
    .popup-filter {
        display: block;
    }
}

.popup-show body::after {
    opacity: 0.6;
}

.popup-gallery-product .popup_show .popup-show body::after {
    opacity: 0;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 10px;
    transition: visibility 0.8s ease 0s;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 61.99875em) {
    .popup {
        padding: 0;
    }
}

.popup__main {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
}

@media (max-width: 112.5em) {
    .popup__main {
        margin-bottom: 0.75rem;
        padding-top: 0.75rem;
    }
}

.popup_show {
    z-index: 300;
    visibility: visible;
    overflow: auto;
    pointer-events: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
}

.popup_show .popup__content {
    visibility: visible;
    transform: none;
}

.popup_show .popup__content-office-filter {
    visibility: visible;
    transform: scale(1);
}

.popup_show .popup__content-conditions {
    visibility: visible;
    transform: scale(1);
}

.popup_show .popup__content-header-main {
    visibility: visible;
    opacity: 1;
    left: 20%;
}

@media (max-width: 61.99875em) {
    .popup_show .popup__content-header-main {
        left: 0;
    }
}

.popup__content-header-search {
    top: -400%;
    transition: all 0.5s ease 0s;
    max-width: 150rem;
    padding: 0;
    margin: 0;
    width: 100%;
    transform: scale(0);
}

.popup_show .popup__content-header-search {
    visibility: visible;
    transform: scale(1);
    top: 0;
}

.popup_show .popup__content-office {
    visibility: visible;
    transform: scale(1);
}

.popup_show .popup__content-office-mini {
    visibility: visible;
    transform: scale(1);
}

.popup_show .popup__content-office-conditions {
    visibility: visible;
    transform: scale(1);
}

.popup__content-header-main-tel::after, .popup__content-header-main-tel::before {
    content: "";
    position: absolute;
    height: 0.0625rem;
    width: 100%;
    background-color: #CECECE;
    left: 0;
}

.popup__content-header-main-tel::after {
    top: 113px;
}

@media (max-width: 112.5em) {
    .popup__content-header-main-tel::after {
        top: 88px;
    }
}

@media (max-width: 61.99875em) {
    .popup__content-header-main-tel::after {
        top: 75px;
    }
}

@media (max-width: 37.5em) {
    .popup__content-header-main-tel::after {
        top: 72px;
    }
}

.popup__content-header-main-tel::before {
    top: 156px;
    z-index: 2;
}

@media (max-width: 112.5em) {
    .popup__content-header-main-tel::before {
        top: 126px;
    }
}

@media (max-width: 61.99875em) {
    .popup__content-header-main-tel::before {
        top: 120px;
    }
}

@media (max-width: 37.5em) {
    .popup__content-header-main-tel::before {
        top: 173px;
    }
}

.popup__content-header-main {
    min-height: auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
    background-color: #fff;
    padding: 10px;
    width: 100%;
    max-width: 480px;
    position: relative;
    left: 40%;
    border: 0.0625rem solid #CECECE;
    border-radius: 10px;
}

@media (min-width: 125em) {
    .popup__content-header-main {
        max-width: 520px;
    }
}

.lock .popup__content-header-main {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-header-main {
        min-height: auto;
        padding-top: 2.125rem;
        max-width: none;
        padding: 0;
    }
}

.popup__content-office {
    max-height: 49.6875rem;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.5s ease 0s;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    max-width: 600px;
    position: relative;
    border: 1px solid #CECECE;
    border-radius: 36px;
}

.lock .popup__content-office {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-office {
        padding-top: 2.125rem;
    }
}

.popup__content-office-conditions {
    max-height: 37.5rem;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.5s ease 0s;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    max-width: 600px;
    position: relative;
    border: 1px solid #CECECE;
    border-radius: 36px;
}

.lock .popup__content-office-conditions {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-office-conditions {
        border-radius: 36px;
        padding-top: 2.125rem;
    }
}

.popup__content-office-mini {
    max-height: 25rem;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.5s ease 0s;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    max-width: 500px;
    position: relative;
    border: 1px solid #CECECE;
    border-radius: 36px;
}

.lock .popup__content-office-mini {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-office-mini {
        padding-top: 2.125rem;
    }
}

.popup__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 2rem;
}

@media (max-width: 61.99875em) {
    .popup__wrapper {
        padding: 0;
    }
}

@media (max-width: 37.5em) {
    .popup__wrapper {
        align-items: normal;
        padding: 1.25rem;
        min-height: auto;
    }
}

.popup__wrapper-hed {
    display: flex;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 3.625rem 2rem;
}

@media (max-width: 112.5em) {
    .popup__wrapper-hed {
        padding: 0rem 2rem;
    }
}

@media (max-width: 61.99875em) {
    .popup__wrapper-hed {
        padding: 1.25rem 0.625rem;
    }
}

.popup__wrapper-cart {
    display: flex;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 5.625rem 2rem;
}

@media (max-width: 112.5em) {
    .popup__wrapper-cart {
        padding: 3.75rem 2rem;
    }
}

@media (max-width: 61.99875em) {
    .popup__wrapper-cart {
        padding: 1.25rem 0.625rem;
    }
}

.popup__wrapper-search {
    display: flex;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 7.375rem 2rem;
}

@media (max-width: 61.99875em) {
    .popup__wrapper-search {
        padding: 1.25rem;
    }
}

.popup__close--cat-filter-all-dec {
    margin-left: auto;
}

.popup__content {
    min-height: auto;
    visibility: hidden;
    transform: scale(0);
    transition: transform 0.3s ease 0s;
    background-color: #fff;
    padding: 10px;
    width: 100%;
    max-width: 900px;
    border-radius: 24px;
}

.popup__content.popup__content_min-none {
    min-height: 100%;
}

.lock .popup__content {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content {
        padding-top: 0.625rem;
        min-height: auto;
        max-width: none;
    }
}

.popup__content-cart {
    padding: 20px;
    border-radius: 10px;
    max-width: 700px;
}

.popup-category-sizes-primary__button {
    border: 1px solid #CECECE;
    border-radius: 24px;
    padding: 0.59375rem 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.popup-category-sizes-primary__button:not(:last-child) {
    margin-bottom: 0.5rem;
}

.popup-category-sizes-primary__button div {
    border: 0.0625rem solid #9C896D;
    border-radius: 50%;
    max-width: 16px;
    max-height: 16px;
    min-width: 16px;
    min-height: 16px;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.popup-category-sizes-primary__button div span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #fff;
    max-width: 10px;
    max-height: 10px;
    min-width: 10px;
    min-height: 10px;
}

.filter-spollers__column_mini-last .filter-spollers__body {
    right: 0;
}

.filter-spollers__buton_popcatprimary {
    background-color: #9C896D;
    color: #fff;
}

.filter-spollers__buton_popcatprimary div {
    border: 0.0625rem solid #fff;
}

@media (max-width: 90.625em) {
    .popup-category-fliter-popcat .popup__wrapper {
        padding: 0rem;
    }
}

.popup__content-filter-all-dec {
    min-height: auto;
    border: 0.0625rem solid #CECECE;
    max-width: 1320px;
    width: 100%;
    padding: 24px 0;
}

@media (max-width: 90.625em) {
    .popup__content-filter-all-dec {
        max-width: 1000px;
    }
}

@media (max-width: 64em) {
    .popup__content-filter-all-dec {
        border-radius: 0;
        border: none;
        max-width: 100%;
        padding: 0;
    }
}

.content-mob-popup-category__price {
    padding-top: 8rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.0625rem solid #CECECE;
    margin-bottom: 2.25rem;
}

@media (max-width: 37.5em) {
    .content-mob-popup-category__price {
        padding-top: 7.25rem;
        padding-right: 1rem;
        padding-left: 1rem;
        margin-bottom: 1.5rem;
    }
}

.content-mob-popup-category__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}

.content-mob-popup-category__close span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-left: 0.5rem;
}

.content-mob-popup-category__close-icon {
    border: 1px solid #CECECE;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    max-width: 32px;
    max-height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.content-mob-popup-category__close-icon svg {
    max-width: 10.67px;
    max-height: 10.67px;
    min-width: 10.67px;
    min-height: 10.67px;
}

.bottom-content-mob-popup-category {
    position: fixed;
    left: 0;
    bottom: 0;
    max-height: 5.5rem;
    width: 100%;
    padding: 1.5rem;
    background: #fff;
    z-index: 20;
    border-top: 1px solid #CECECE;
}

@media (min-width: 64.0625em) {
    .bottom-content-mob-popup-category {
        display: none;
    }
}

.content-mob-popup-category__top {
    position: fixed;
    background-color: #9C896D;
    color: #fff;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 50;
    top: 0;
    left: 0;
    gap: 0.75rem;
}

@media (min-width: 64.0625em) {
    .content-mob-popup-category__top {
        display: none;
    }
}

.content-mob-popup-category__top span {
    border: 2px solid #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    max-width: 32px;
    max-height: 32px;
    min-width: 32px;
    min-height: 32px;
}

.content-mob-popup-category__top span svg {
    width: 7px;
    height: 14px;
}

@media (max-width: 37.5em) {
    .content-mob-popup-category__top {
        padding: 1.5rem 1rem;
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
    }

    .content-mob-popup-category__top span svg {
        position: relative;
        right: 1px;
    }
}

.popup-category__content-mob {
    display: none;
}

@media (max-width: 64em) {
    .popup-category__content-mob {
        display: block;
        min-height: 100vh;
    }
}

.popup__content-category-sizes-primary {
    min-height: auto;
    border: 0.0625rem solid #CECECE;
    max-width: 391px;
    width: 100%;
    padding: 24px;
    padding-bottom: 64px;
    padding-top: 0;
}

@media (max-width: 88.125em) {
    .popup__content-category-sizes-primary {
        padding: 0.75rem 0rem;
        max-width: 1020px;
    }
}

@media (max-width: 64em) {
    .popup__content-category-sizes-primary {
        min-height: 100vh;
        border-radius: 0;
        border: none;
        max-width: 100%;
        padding: 0;
    }
}

.popup__content-office-filter {
    min-height: 48.125rem;
    visibility: hidden;
    transform: scale(0);
    transition: transform 0.3s ease 0s;
    background-color: #fff;
    width: 100%;
    max-width: 604px;
    border-radius: 20px;
}

.lock .popup__content-office-filter {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-office-filter {
        padding-top: 2.125rem;
    }
}

.popup__content-conditions {
    min-height: 37.5rem;
    visibility: hidden;
    transform: scale(0);
    transition: transform 0.3s ease 0s;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    border-radius: 20px;
}

.lock .popup__content-conditions {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-conditions {
        padding-top: 2.125rem;
    }
}

.popup__content-category-popcat-mob {
    display: none;
}

@media (max-width: 64em) {
    .popup-category-sizes-primary-mod {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup-category-sizes-primary-mod .popup__wrapper {
        padding: 0.625rem;
    }

    .popup-category-sizes-primary-mod .popup__content {
        padding: 0;
    }
}

@media (max-width: 64em) and (max-width: 64em) {
    .popup-category-sizes-primary-mod .popup__content-category-popcat-dec {
        display: none;
    }
}

@media (max-width: 64em) {
    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob {
        display: none;
    }
}

@media (max-width: 64em) and (max-width: 64em) {
    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob {
        max-height: 28.125rem;
        display: block;
    }

    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob .filter-spollers__bottons {
        max-height: 15rem;
    }

    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob .popup__main {
        border-bottom: 0.0625rem solid #CECECE;
        padding: 1.03125rem 1.5rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 64em) and (max-width: 64em) and (max-width: 37.5em) {
    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob .popup__main {
        padding: 1.03125rem 1rem;
    }
}

@media (max-width: 64em) and (max-width: 64em) {
    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob .filter-spollers__buton-name-popcat {
        justify-content: normal;
    }

    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob .popup__content-category-popcat-mob__bottom {
        padding: 2.5rem 1.5rem 1.5rem 1.5rem;
    }

    .popup-category-sizes-primary-mod .popup__content-category-popcat-mob .popup__content-category-popcat-mob__button {
        font-weight: 400;
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        color: #FFFFFF;
        text-align: center;
        background: #9C896D;
        border-radius: 36px;
        padding: 0.75rem 1.5rem;
    }
}

.popup__content-category-popcat {
    min-height: auto;
    visibility: hidden;
    transform: scale(0);
    transition: transform 0.3s ease 0s;
    background-color: #fff;
    padding: 20px;
    padding-top: 0;
    width: 100%;
    height: 100%;
    max-width: 407px;
    border-radius: 24px;
}

@media (max-width: 43.75em) {
    .popup__content-category-popcat {
        max-width: none;
        max-height: none;
        min-height: auto;
    }
}

.popup__content-category {
    min-height: 34.375rem;
    visibility: hidden;
    transform: scale(0);
    transition: transform 0.3s ease 0s;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    height: 100%;
    max-width: 550px;
    border-radius: 24px;
}

@media (max-width: 43.75em) {
    .popup__content-category {
        max-width: none;
        max-height: none;
        min-height: auto;
    }
}

.lock .popup__content-category {
    visibility: visible;
}

@media (max-width: 61.99875em) {
    .popup__content-category {
        padding-top: 2.125rem;
    }
}

@media (max-width: 37.5em) {
    .popup__content-category {
        min-height: auto;
        padding-top: 1.25rem;
    }
}

.popup__title {
    letter-spacing: 0.02rem;
    transform: scaleX(1.12);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-stretch: 151;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738, "opsz" 14;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
}

@media (max-width: 64em) {
    .popup__title {
        transform: scaleX(1.15);
    }
}

.popup__close {
    min-width: 2.25rem;
    min-height: 2.25rem;
    max-width: 2.25rem;
    max-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    font-size: 1.5rem;
    outline: none;
}

@media (min-width: 37.5em) and (any-hover: hover) {
    .popup__close:hover {
        transform: rotate(90deg);
    }
}

.popup__close_02 {
    display: none;
}

.popup__close svg {
    width: 12px;
    height: 12px;
}

.form-popup {
    margin-top: 1rem;
}

.form-popup__links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 152.9375em) {
    .form-popup__links {
        margin-top: 1.9375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1.5rem , 1.4341795957rem  +  0.3291020216vw , 1.9375rem )) {
        .form-popup__links {
            margin-top: clamp(1.5rem, 1.4341795957rem + 0.3291020216vw, 1.9375rem);
        }
    }
    @supports not (margin-top: clamp( 1.5rem , 1.4341795957rem  +  0.3291020216vw , 1.9375rem )) {
        .form-popup__links {
            margin-top: calc(1.5rem + 0.4375 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .form-popup__links {
        margin-top: 1.5rem;
    }
}

.form-popup__button {
    width: 7.5rem;
}

@media (min-width: 152.9375em) {
    .form-popup__button {
        padding-top: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-top: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .form-popup__button {
            padding-top: clamp(0.75rem, 0.7123883404rem + 0.1880582981vw, 1rem);
        }
    }
    @supports not (padding-top: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .form-popup__button {
            padding-top: calc(0.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .form-popup__button {
        padding-top: 0.75rem;
    }
}

@media (min-width: 152.9375em) {
    .form-popup__button {
        padding-bottom: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .form-popup__button {
            padding-bottom: clamp(0.75rem, 0.7123883404rem + 0.1880582981vw, 1rem);
        }
    }
    @supports not (padding-bottom: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .form-popup__button {
            padding-bottom: calc(0.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .form-popup__button {
        padding-bottom: 0.75rem;
    }
}

.contact-popup svg {
    width: 1.5rem;
    height: 1.5rem;
}

.contact-popup__phones {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 150em) {
    .contact-popup__phones {
        gap: 6.25rem;
    }
}

@media (min-width: 93.8125em) and (max-width: 150em) {
    @supports (gap: clamp( 3.125rem , -2.0926028921rem  +  5.5617352614vw , 6.25rem )) {
        .contact-popup__phones {
            gap: clamp(3.125rem, -2.0926028921rem + 5.5617352614vw, 6.25rem);
        }
    }
    @supports not (gap: clamp( 3.125rem , -2.0926028921rem  +  5.5617352614vw , 6.25rem )) {
        .contact-popup__phones {
            gap: calc(3.125rem + 3.125 * (100vw - 93.8125rem) / 56.1875);
        }
    }
}

@media (max-width: 93.8125em) {
    .contact-popup__phones {
        gap: 3.125rem;
    }
}

@media (max-width: 37.5em) {
    .contact-popup__phones {
        gap: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.contact-popup__phone {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 152.9375em) {
    .contact-popup__phone {
        padding-top: 1.125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-top: clamp( 1.125rem , 1.125rem  +  0vw , 1.125rem )) {
        .contact-popup__phone {
            padding-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
        }
    }
    @supports not (padding-top: clamp( 1.125rem , 1.125rem  +  0vw , 1.125rem )) {
        .contact-popup__phone {
            padding-top: calc(1.125rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__phone {
        padding-top: 1.125rem;
    }
}

@media (min-width: 152.9375em) {
    .contact-popup__phone {
        padding-bottom: 1.125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 1.125rem , 1.125rem  +  0vw , 1.125rem )) {
        .contact-popup__phone {
            padding-bottom: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
        }
    }
    @supports not (padding-bottom: clamp( 1.125rem , 1.125rem  +  0vw , 1.125rem )) {
        .contact-popup__phone {
            padding-bottom: calc(1.125rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__phone {
        padding-bottom: 1.125rem;
    }
}

@media (any-hover: hover) {
    .contact-popup__phone:hover {
        opacity: 0.6;
    }
}

.contact-popup__phone svg {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 37.5em) {
    .contact-popup__phone svg {
        position: absolute;
        right: 0;
    }
}

@media (max-width: 37.5em) {
    .contact-popup__phone:not(:first-child)::after {
        content: "";
        position: absolute;
        height: 0.0625rem;
        min-width: 162%;
        background-color: #CECECE;
        left: -15%;
        top: 53px;
    }
}

@media (min-width: 152.9375em) {
    .contact-popup__title {
        margin-top: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .contact-popup__title {
            margin-top: clamp(1rem, 1rem + 0vw, 1rem);
        }
    }
    @supports not (margin-top: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .contact-popup__title {
            margin-top: calc(1rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__title {
        margin-top: 1rem;
    }
}

@media (min-width: 152.9375em) {
    .contact-popup__title {
        margin-bottom: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .contact-popup__title {
            margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
        }
    }
    @supports not (margin-bottom: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .contact-popup__title {
            margin-bottom: calc(1rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__title {
        margin-bottom: 1rem;
    }
}

.contact-popup__link {
    font-weight: 200;
    line-height: 1.1875;
    width: 100%;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

@media (min-width: 152.9375em) {
    .contact-popup__link {
        font-size: 0.875rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.875rem  +  0vw , 0.875rem )) {
        .contact-popup__link {
            font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.875rem  +  0vw , 0.875rem )) {
        .contact-popup__link {
            font-size: calc(0.875rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__link {
        font-size: 0.875rem;
    }
}

@media (max-width: 37.5em) {
    .contact-popup__link {
        font-weight: 400;
    }
}

.contact-popup__link svg:nth-child(1) {
    display: block;
}

.contact-popup__link svg:nth-child(2) {
    display: none;
}

@media (any-hover: hover) {
    .contact-popup__link:hover {
        color: #fff;
        border: 0.0625rem solid #9C896D;
        background-color: #9C896D;
    }

    .contact-popup__link:hover svg:nth-child(1) {
        display: none;
    }

    .contact-popup__link:hover svg:nth-child(2) {
        display: block;
    }
}

@media (min-width: 152.9375em) {
    .contact-popup__social_title {
        margin-top: 1.125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1.125rem , 1.125rem  +  0vw , 1.125rem )) {
        .contact-popup__social_title {
            margin-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
        }
    }
    @supports not (margin-top: clamp( 1.125rem , 1.125rem  +  0vw , 1.125rem )) {
        .contact-popup__social_title {
            margin-top: calc(1.125rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__social_title {
        margin-top: 1.125rem;
    }
}

@media (min-width: 152.9375em) {
    .contact-popup__social_title {
        margin-bottom: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .contact-popup__social_title {
            margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
        }
    }
    @supports not (margin-bottom: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .contact-popup__social_title {
            margin-bottom: calc(1rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__social_title {
        margin-bottom: 1rem;
    }
}

.contact-popup__social_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0.625rem;
}

@media (min-width: 152.9375em) {
    .contact-popup__social_items {
        column-gap: 0.625rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (column-gap: clamp( 0.625rem , 0.625rem  +  0vw , 0.625rem )) {
        .contact-popup__social_items {
            column-gap: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        }
    }
    @supports not (column-gap: clamp( 0.625rem , 0.625rem  +  0vw , 0.625rem )) {
        .contact-popup__social_items {
            column-gap: calc(0.625rem + 0 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .contact-popup__social_items {
        column-gap: 0.625rem;
    }
}

.cart-popup__items {
    max-height: 18.75rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
}

.cart-popup__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
}

@media (max-width: 37.5em) {
    .cart-popup__bottom {
        flex-direction: column-reverse;
    }
}

.cart-popup__block-buy {
    background-color: rgba(156, 137, 109, 0.16);
    border-radius: 1.25rem;
    padding: 0.625rem;
}

.cart-popup__prices {
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 2.5rem;
}

@media (max-width: 37.5em) {
    .cart-popup__prices {
        justify-content: space-between;
    }
}

.cart-popup__prices-text {
    padding-top: 0.625rem;
    font-family: "Roboto Flex", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    line-height: 19px;
}

.cart-popup__prices-text span {
    position: absolute;
    top: 0;
    right: -12px;
    font-size: 0.625rem;
}

.cart-popup__prices-main {
    padding-top: 0.625rem;
    font-family: "Roboto Flex", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.cart-popup__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 0.3s ease 0s;
    max-width: 12.5rem;
    max-height: 2.8125rem;
}

@media (min-width: 152.9375em) {
    .cart-popup__button {
        padding-top: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-top: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .cart-popup__button {
            padding-top: clamp(0.75rem, 0.7123883404rem + 0.1880582981vw, 1rem);
        }
    }
    @supports not (padding-top: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .cart-popup__button {
            padding-top: calc(0.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .cart-popup__button {
        padding-top: 0.75rem;
    }
}

@media (min-width: 152.9375em) {
    .cart-popup__button {
        padding-bottom: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .cart-popup__button {
            padding-bottom: clamp(0.75rem, 0.7123883404rem + 0.1880582981vw, 1rem);
        }
    }
    @supports not (padding-bottom: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .cart-popup__button {
            padding-bottom: calc(0.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .cart-popup__button {
        padding-bottom: 0.75rem;
    }
}

@media (max-width: 37.5em) {
    .cart-popup__button {
        max-width: none;
    }
}

.cart-popup__button-full {
    background-color: #9C896D;
    color: #fff;
    border: 0.0625rem solid #9C896D;
}

@media (any-hover: hover) {
    .cart-popup__button-full:hover {
        border: 0.0625rem solid #0d0a0a;
        color: #141414;
        background-color: #fff;
    }
}

.cart-popup__button-transparent {
    margin-bottom: 0.625rem;
    margin-top: auto;
    border: 0.0625rem solid #0d0a0a;
    color: #141414;
    background-color: #fff;
}

@media (max-width: 37.5em) {
    .cart-popup__button-transparent {
        margin-top: 0.625rem;
        margin-bottom: 0;
    }
}

@media (any-hover: hover) {
    .cart-popup__button-transparent:hover {
        background-color: #9C896D;
        color: #fff;
        border: 0.0625rem solid #9C896D;
    }
}

.item-cart-popup {
    display: flex;
    justify-content: space-between;
}

.item-cart-popup:not(:last-child) {
    margin-bottom: 1rem;
}

@media (max-width: 112.5em) {
    .item-cart-popup-block-text {
        font-size: 0.75rem;
    }
}

.item-cart-popup__body {
    display: flex;
    font-size: 0.875rem;
}

@media (min-width: 152.9375em) {
    .item-cart-popup__image {
        margin-right: 1.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-right: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .item-cart-popup__image {
            margin-right: clamp(0.75rem, 0.6371650212rem + 0.5641748942vw, 1.5rem);
        }
    }
    @supports not (margin-right: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .item-cart-popup__image {
            margin-right: calc(0.75rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .item-cart-popup__image {
        margin-right: 0.75rem;
    }
}

.item-cart-popup__image img {
    width: 5.375rem;
    height: 6.875rem;
}

@media (max-width: 112.5em) {
    .item-cart-popup__image img {
        width: 5.375rem;
        height: 6.875rem;
    }
}

@media (max-width: 37.5em) {
    .item-cart-popup__image img {
        width: 7.5625rem;
        height: 10rem;
    }
}

.item-cart-popup__text {
    max-width: 15.625rem;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .item-cart-popup__text:hover {
        opacity: 0.6;
    }
}

.item-cart-popup__amount {
    color: #4f4f4f;
    margin-top: 0.75rem;
}

.item-cart-popup__price {
    font-weight: 400;
    text-align: revert;
    margin-top: 1.5rem;
}

@media (max-width: 37.5em) {
    .item-cart-popup__price {
        margin-top: 4.1875rem;
    }
}

.item-cart-popup__close {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #CECECE;
    border-radius: 50%;
    min-width: 2.25rem;
    min-height: 2.25rem;
    max-width: 2.25rem;
    max-height: 2.25rem;
    color: #CECECE;
}

.item-cart-popup__close svg {
    min-width: 0.375rem;
    max-width: 0.375rem;
    min-height: 0.375rem;
    max-height: 0.375rem;
}

@media (max-width: 112.5em) {
    .item-cart-popup__close {
        min-width: 1.5rem;
        max-width: 1.5rem;
        min-height: 1.5rem;
        max-height: 1.5rem;
        margin-left: 0.3125rem;
    }
}

.register__button-popup {
    display: flex;
    justify-content: center;
    transition: all 0.3s ease 0s;
    color: #fff;
    border: 0.0625rem solid #9C896D;
    background-color: #9C896D;
}

@media (min-width: 152.9375em) {
    .register__button-popup {
        margin-top: 1.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .register__button-popup {
            margin-top: clamp(0.75rem, 0.6371650212rem + 0.5641748942vw, 1.5rem);
        }
    }
    @supports not (margin-top: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .register__button-popup {
            margin-top: calc(0.75rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .register__button-popup {
        margin-top: 0.75rem;
    }
}

@media (min-width: 152.9375em) {
    .register__button-popup {
        padding-top: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-top: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .register__button-popup {
            padding-top: clamp(0.75rem, 0.7123883404rem + 0.1880582981vw, 1rem);
        }
    }
    @supports not (padding-top: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .register__button-popup {
            padding-top: calc(0.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .register__button-popup {
        padding-top: 0.75rem;
    }
}

@media (min-width: 152.9375em) {
    .register__button-popup {
        padding-bottom: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .register__button-popup {
            padding-bottom: clamp(0.75rem, 0.7123883404rem + 0.1880582981vw, 1rem);
        }
    }
    @supports not (padding-bottom: clamp( 0.75rem , 0.7123883404rem  +  0.1880582981vw , 1rem )) {
        .register__button-popup {
            padding-bottom: calc(0.75rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .register__button-popup {
        padding-bottom: 0.75rem;
    }
}

@media (max-width: 112.5em) {
    .register__button-popup {
        padding: 0.75rem 1.5rem;
        font-size: 0.8125rem;
    }
}

@media (any-hover: hover) {
    .register__button-popup:hover {
        background: #fff;
        color: #141414;
    }
}

.register__title-popup {
    margin-bottom: 1.5rem;
}

#popup-successfully .button_full {
    color: #fff;
    border: 0.0625rem solid #9C896D;
    background-color: #9C896D;
}

@media (any-hover: hover) {
    #popup-successfully .button_full:hover {
        background: #fff;
        color: #141414;
    }
}

@media (any-hover: hover) {
    #popup-successfully .button_transparent:hover {
        opacity: 0.6;
    }
}

.popup-successfully__buttons-password {
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .popup-successfully__buttons-password:hover {
        opacity: 0.6;
    }
}

.popup-successfully__text {
    max-width: 29.375rem;
}

.popup-successfully__text-pas {
    margin-bottom: 0.9375rem;
}

@media (min-width: 152.9375em) {
    .popup-successfully__text:not(:last-child) {
        margin-top: 0.75rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 0.625rem , 0.6061941702rem  +  0.094029149vw , 0.75rem )) {
        .popup-successfully__text:not(:last-child) {
            margin-top: clamp(0.625rem, 0.6061941702rem + 0.094029149vw, 0.75rem);
        }
    }
    @supports not (margin-top: clamp( 0.625rem , 0.6061941702rem  +  0.094029149vw , 0.75rem )) {
        .popup-successfully__text:not(:last-child) {
            margin-top: calc(0.625rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-successfully__text:not(:last-child) {
        margin-top: 0.625rem;
    }
}

.popup-successfully__buttons {
    display: flex;
    gap: 1rem;
}

@media (min-width: 152.9375em) {
    .popup-successfully__buttons {
        margin-top: 2.25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1.5rem , 1.3871650212rem  +  0.5641748942vw , 2.25rem )) {
        .popup-successfully__buttons {
            margin-top: clamp(1.5rem, 1.3871650212rem + 0.5641748942vw, 2.25rem);
        }
    }
    @supports not (margin-top: clamp( 1.5rem , 1.3871650212rem  +  0.5641748942vw , 2.25rem )) {
        .popup-successfully__buttons {
            margin-top: calc(1.5rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-successfully__buttons {
        margin-top: 1.5rem;
    }
}

@media (max-width: 37.5em) {
    .popup-successfully__buttons {
        flex-direction: column-reverse;
    }
}

.popup-successfully__buttons .button_full {
    color: #fff;
    border: 0.0625rem solid #9C896D;
    background-color: #9C896D;
}

@media (any-hover: hover) {
    .popup-successfully__buttons .button_full:hover {
        background: #fff;
        color: #141414;
    }
}

.popup-successfully__buttons-df {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 37.5em) {
    .popup-successfully__buttons-df {
        flex-direction: column;
    }
}

.popup-successfully__buttons-flex {
    display: flex;
    gap: 1rem;
}

@media (max-width: 37.5em) {
    .popup-successfully__buttons-flex {
        flex-direction: column;
        width: 100%;
    }
}

.popup-successfully__buttons-flex a {
    line-height: normal;
}

@media (any-hover: hover) {
    .popup-successfully__buttons-flex a:hover {
        color: #fff;
        background-color: #9C896D;
    }
}

.popup-successfully__buttons-flex button {
    transition: all 0.3s ease 0s;
    border: 0.0625rem solid #9C896D;
    color: #141414;
    background: none;
}

@media (any-hover: hover) {
    .popup-successfully__buttons-flex button:hover {
        color: #fff;
        background: #9C896D;
        border: 1px solid #9C896D;
        border-radius: 24px;
    }
}

.popup-successfully__button {
    transition: all 0.3s ease 0s;
    padding: 1rem 1.5rem;
    border: 0.0625rem;
}

@media (max-width: 37.5em) {
    .popup-successfully__button {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.popup-successfully__button-entrance {
    padding-right: 2.8125rem;
    padding-left: 2.8125rem;
}

.popup-successfully__text-email {
    margin-bottom: 0.75rem;
}

.search-popup {
    max-width: 150rem;
    padding: 0;
    margin: 0;
    min-height: auto;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__search.sub-menu-catalog__search_popup {
        display: block;
    }
}

.sub-menu-catalog__form_popup {
    align-items: center;
}

.sub-menu-catalog__search-all.sub-menu-catalog__search-all_popup {
    white-space: nowrap;
}

.sub-menu-catalog__search-all.sub-menu-catalog__search-all_popup:not(:last-child) {
    margin-bottom: 0;
}

.sub-menu-catalog__search-all_popup {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-menu-catalog__search-all_popup-none {
    display: none;
}

.sub-menu-catalog__icon.sub-menu-catalog__icon_sub {
    margin-right: 0.625rem;
}

.search-popup__content {
    position: relative;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 61.99875em) {
    .search-popup__content {
        padding: 0rem 0.625rem;
    }
}

.search-popup__content-title {
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: 0.75rem;
}

.sub-menu-catalog__all-results.sub-menu-catalog__all-results-search-popup {
    width: 100%;
}

.sub-menu-catalog__search-line.sub-menu-catalog__search-line-search-popup {
    margin-bottom: 0;
}

.sub-menu-catalog__all-results-news-popup {
    position: relative;
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__all-results-news-popup {
        display: none;
    }
}

.sub-menu-catalog__all-results-news-popup::after {
    content: "";
    position: absolute;
    height: 120%;
    width: 0.0625rem;
    background-color: #CECECE;
    top: 0;
    left: -10%;
}

.sub-menu-catalog__all-results-search-popup {
    margin-top: 0.75rem;
}

@media (max-width: 47.75em) {
    .sub-menu-catalog__search-items.sub-menu-catalog__search-items-popup-search {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.popup-filter {
    width: 100%;
    height: 100%;
    padding: 1.25rem;
}

.popup__wrapper-filter {
    padding: 0;
    max-width: none;
}

.popup__content-filter {
    padding: 0rem;
    max-width: none;
    height: 100%;
}

.popup__main_filter {
    position: fixed;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup__main_filter-all {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.popup__main_filter-back {
    display: flex;
    align-items: center;
}

.popup__main_filter-back svg {
    margin-right: 1.3125rem;
    height: 0.875rem;
    width: 0.4375rem;
}

@media (max-width: 37.5em) {
    .popup__main_filter-back {
        padding-right: 1.6875rem;
        padding-left: 1.6875rem;
    }
}

.popup__title-filter span {
    margin-left: 0.4375rem;
}

.bottom-popup-filter-content {
    position: relative;
    padding-top: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 37.5em) {
    .bottom-popup-filter-content {
        padding-top: 1.5625rem;
    }

    .bottom-popup-filter-content::after {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #CECECE;
        height: 1px;
    }
}

@media (max-width: 37.5em) {
    .bottom-popup-filter-content__first {
        display: none;
    }
}

.bottom-popup-filter-content__buttons {
    gap: 1rem;
}

@media (max-width: 37.5em) {
    .bottom-popup-filter-content__buttons {
        position: absolute;
        bottom: 0;
        z-index: 2;
        display: flex;
        background-color: #fff;
        width: 100%;
        padding-right: 1.625rem;
        padding-left: 1.625rem;
        padding-bottom: 0.625rem;
    }
}

.bottom-popup-filter-content__button {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    text-align: center;
}

@media (min-width: 152.9375em) {
    .bottom-popup-filter-content__button {
        padding-top: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-top: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .bottom-popup-filter-content__button {
            padding-top: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (padding-top: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .bottom-popup-filter-content__button {
            padding-top: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .bottom-popup-filter-content__button {
        padding-top: 0.875rem;
    }
}

@media (min-width: 152.9375em) {
    .bottom-popup-filter-content__button {
        padding-bottom: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .bottom-popup-filter-content__button {
            padding-bottom: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (padding-bottom: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .bottom-popup-filter-content__button {
            padding-bottom: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .bottom-popup-filter-content__button {
        padding-bottom: 0.875rem;
    }
}

@media (max-width: 37.5em) {
    .bottom-popup-filter-content__button {
        width: 100%;
    }
}

.filter-spollers__item-line {
    width: 100%;
    height: 1px;
    background-color: #CECECE;
}

.popup-filter-center-content {
    flex-direction: column;
    max-height: 70vh;
    margin-top: 6.875rem;
}

@media (max-width: 64em) {
    .popup-filter-center-content {
        margin-top: 0;
        max-height: none;
    }
}

.popup-filter-content {
    position: relative;
}

.popup-filter-content::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #CECECE;
    height: 1px;
}

.popup-filter-content:nth-child(1) {
    padding-top: 0.75rem;
}

.popup-office__content {
    text-align: left;
}

.popup-office__title {
    max-width: 28.4375rem;
    text-align: left;
    margin-bottom: 0.75rem;
    letter-spacing: 0.047rem;
    font-family: "Roboto Flex", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1666666667;
}

@media (min-width: 152.9375em) {
    .popup-office__title {
        font-size: 1.125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 1rem , 0.9811941702rem  +  0.094029149vw , 1.125rem )) {
        .popup-office__title {
            font-size: clamp(1rem, 0.9811941702rem + 0.094029149vw, 1.125rem);
        }
    }
    @supports not (font-size: clamp( 1rem , 0.9811941702rem  +  0.094029149vw , 1.125rem )) {
        .popup-office__title {
            font-size: calc(1rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-office__title {
        font-size: 1rem;
    }
}

@media (max-width: 85.375em) {
    .popup-office__title {
        font-weight: 700;
    }
}

.popup-office__text {
    max-width: 27.25rem;
    text-align: left;
}

@media (min-width: 156.25em) {
    .popup-office__text {
        margin-bottom: 2.25rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 1.5rem , 1.3676470588rem  +  0.5647058824vw , 2.25rem )) {
        .popup-office__text {
            margin-bottom: clamp(1.5rem, 1.3676470588rem + 0.5647058824vw, 2.25rem);
        }
    }
    @supports not (margin-bottom: clamp( 1.5rem , 1.3676470588rem  +  0.5647058824vw , 2.25rem )) {
        .popup-office__text {
            margin-bottom: calc(1.5rem + 0.75 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__text {
        margin-bottom: 1.5rem;
    }
}

.popup-office__items {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    max-height: 31.25rem;
}

@media (min-width: 156.25em) {
    .popup-office__items {
        margin-bottom: 2.75rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 1.5rem , 1.2794117647rem  +  0.9411764706vw , 2.75rem )) {
        .popup-office__items {
            margin-bottom: clamp(1.5rem, 1.2794117647rem + 0.9411764706vw, 2.75rem);
        }
    }
    @supports not (margin-bottom: clamp( 1.5rem , 1.2794117647rem  +  0.9411764706vw , 2.75rem )) {
        .popup-office__items {
            margin-bottom: calc(1.5rem + 1.25 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__items {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 156.25em) {
    .popup-office__item:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 1rem , 0.9117647059rem  +  0.3764705882vw , 1.5rem )) {
        .popup-office__item:not(:last-child) {
            margin-bottom: clamp(1rem, 0.9117647059rem + 0.3764705882vw, 1.5rem);
        }
    }
    @supports not (margin-bottom: clamp( 1rem , 0.9117647059rem  +  0.3764705882vw , 1.5rem )) {
        .popup-office__item:not(:last-child) {
            margin-bottom: calc(1rem + 0.5 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__item:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.item-popup-office {
    text-align: left;
    max-width: 28.4375rem;
    display: flex;
}

@media (min-width: 156.25em) {
    .item-popup-office {
        gap: 1.5rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (gap: clamp( 0.75rem , 0.6176470588rem  +  0.5647058824vw , 1.5rem )) {
        .item-popup-office {
            gap: clamp(0.75rem, 0.6176470588rem + 0.5647058824vw, 1.5rem);
        }
    }
    @supports not (gap: clamp( 0.75rem , 0.6176470588rem  +  0.5647058824vw , 1.5rem )) {
        .item-popup-office {
            gap: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office {
        gap: 0.75rem;
    }
}

@media (max-width: 43.75em) {
    .item-popup-office {
        padding-right: 10px;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__image {
        width: 8.375rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (width: clamp( 4rem , 3.2279411765rem  +  3.2941176471vw , 8.375rem )) {
        .item-popup-office__image {
            width: clamp(4rem, 3.2279411765rem + 3.2941176471vw, 8.375rem);
        }
    }
    @supports not (width: clamp( 4rem , 3.2279411765rem  +  3.2941176471vw , 8.375rem )) {
        .item-popup-office__image {
            width: calc(4rem + 4.375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office__image {
        width: 4rem;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__image {
        height: 12rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (height: clamp( 5.75rem , 4.6470588235rem  +  4.7058823529vw , 12rem )) {
        .item-popup-office__image {
            height: clamp(5.75rem, 4.6470588235rem + 4.7058823529vw, 12rem);
        }
    }
    @supports not (height: clamp( 5.75rem , 4.6470588235rem  +  4.7058823529vw , 12rem )) {
        .item-popup-office__image {
            height: calc(5.75rem + 6.25 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office__image {
        height: 5.75rem;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__image img {
        width: 8.375rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (width: clamp( 4rem , 3.2279411765rem  +  3.2941176471vw , 8.375rem )) {
        .item-popup-office__image img {
            width: clamp(4rem, 3.2279411765rem + 3.2941176471vw, 8.375rem);
        }
    }
    @supports not (width: clamp( 4rem , 3.2279411765rem  +  3.2941176471vw , 8.375rem )) {
        .item-popup-office__image img {
            width: calc(4rem + 4.375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office__image img {
        width: 4rem;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__image img {
        height: 12rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (height: clamp( 5.75rem , 4.6470588235rem  +  4.7058823529vw , 12rem )) {
        .item-popup-office__image img {
            height: clamp(5.75rem, 4.6470588235rem + 4.7058823529vw, 12rem);
        }
    }
    @supports not (height: clamp( 5.75rem , 4.6470588235rem  +  4.7058823529vw , 12rem )) {
        .item-popup-office__image img {
            height: calc(5.75rem + 6.25 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office__image img {
        height: 5.75rem;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__title {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 1rem , 0.9117647059rem  +  0.3764705882vw , 1.5rem )) {
        .item-popup-office__title {
            margin-bottom: clamp(1rem, 0.9117647059rem + 0.3764705882vw, 1.5rem);
        }
    }
    @supports not (margin-bottom: clamp( 1rem , 0.9117647059rem  +  0.3764705882vw , 1.5rem )) {
        .item-popup-office__title {
            margin-bottom: calc(1rem + 0.5 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office__title {
        margin-bottom: 1rem;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__title {
        padding-top: 1.5rem;
    }
}

@media (min-width: 37.5em) and (max-width: 156.25em) {
    @supports (padding-top: clamp( 0.0000000625rem , -0.4736841283rem  +  1.2631578421vw , 1.5rem )) {
        .item-popup-office__title {
            padding-top: clamp(0.0000000625rem, -0.4736841283rem + 1.2631578421vw, 1.5rem);
        }
    }
    @supports not (padding-top: clamp( 0.0000000625rem , -0.4736841283rem  +  1.2631578421vw , 1.5rem )) {
        .item-popup-office__title {
            padding-top: calc(0.0000000625rem + 1.4999999375 * (100vw - 37.5rem) / 118.75);
        }
    }
}

@media (max-width: 37.5em) {
    .item-popup-office__title {
        padding-top: 0.0000000625rem;
    }
}

.item-popup-office__button {
    font-weight: 400;
    background-color: #141414;
    color: #fff;
    border: 0.0625rem solid #141414;
    border-radius: 36px;
    transition: all 0.3s ease 0s;
}

@media (min-width: 156.25em) {
    .item-popup-office__button {
        width: 15.4375rem;
    }
}

@media (min-width: 43.75em) and (max-width: 156.25em) {
    @supports (width: clamp( 14.4375rem , 14.0486111111rem  +  0.8888888889vw , 15.4375rem )) {
        .item-popup-office__button {
            width: clamp(14.4375rem, 14.0486111111rem + 0.8888888889vw, 15.4375rem);
        }
    }
    @supports not (width: clamp( 14.4375rem , 14.0486111111rem  +  0.8888888889vw , 15.4375rem )) {
        .item-popup-office__button {
            width: calc(14.4375rem + 1 * (100vw - 43.75rem) / 112.5);
        }
    }
}

@media (max-width: 43.75em) {
    .item-popup-office__button {
        width: 14.4375rem;
    }
}

@media (min-width: 156.25em) {
    .item-popup-office__button {
        height: 3rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (height: clamp( 2.5rem , 2.4117647059rem  +  0.3764705882vw , 3rem )) {
        .item-popup-office__button {
            height: clamp(2.5rem, 2.4117647059rem + 0.3764705882vw, 3rem);
        }
    }
    @supports not (height: clamp( 2.5rem , 2.4117647059rem  +  0.3764705882vw , 3rem )) {
        .item-popup-office__button {
            height: calc(2.5rem + 0.5 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .item-popup-office__button {
        height: 2.5rem;
    }
}

@media (max-width: 43.75em) {
    .item-popup-office__button {
        width: 100%;
    }
}

@media (any-hover: hover) {
    .item-popup-office__button:hover {
        color: #141414;
        background-color: #fff;
    }
}

.popup__main-office {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup__main-office-office {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 37.5em) {
    .popup__main-office-office {
        display: flex;
        align-items: normal;
        justify-content: space-between;
        /*margin-top: 7.3125rem;*/
    }
}

.popup-office__form-button {
    font-weight: 400;
    background-color: #141414;
    color: #fff;
    border: 0.0625rem solid #141414;
    border-radius: 36px;
    transition: all 0.3s ease 0s;
    width: 100%;
    margin-top: 1rem;
}

@media (min-width: 156.25em) {
    .popup-office__form-button {
        height: 3rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (height: clamp( 2.5rem , 2.4117647059rem  +  0.3764705882vw , 3rem )) {
        .popup-office__form-button {
            height: clamp(2.5rem, 2.4117647059rem + 0.3764705882vw, 3rem);
        }
    }
    @supports not (height: clamp( 2.5rem , 2.4117647059rem  +  0.3764705882vw , 3rem )) {
        .popup-office__form-button {
            height: calc(2.5rem + 0.5 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__form-button {
        height: 2.5rem;
    }
}

@media (any-hover: hover) {
    .popup-office__form-button:hover {
        color: #141414;
        background-color: #fff;
    }
}

.popup-office__form {
    padding-bottom: 2.5rem;
}

.popup-office__content-successfully {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 22.75rem;
    margin: 0 auto;
    text-align: center;
}

.popup-office__content-successfully div {
    text-align: center;
}

@media (min-width: 156.25em) {
    .popup-office__content-successfully {
        margin-top: 6.875rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-top: clamp( 4.375rem , 3.9338235294rem  +  1.8823529412vw , 6.875rem )) {
        .popup-office__content-successfully {
            margin-top: clamp(4.375rem, 3.9338235294rem + 1.8823529412vw, 6.875rem);
        }
    }
    @supports not (margin-top: clamp( 4.375rem , 3.9338235294rem  +  1.8823529412vw , 6.875rem )) {
        .popup-office__content-successfully {
            margin-top: calc(4.375rem + 2.5 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__content-successfully {
        margin-top: 4.375rem;
    }
}

@media (min-width: 156.25em) {
    .popup-office__content-successfully {
        margin-bottom: 5.9375rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 2.5rem , 1.8933823529rem  +  2.5882352941vw , 5.9375rem )) {
        .popup-office__content-successfully {
            margin-bottom: clamp(2.5rem, 1.8933823529rem + 2.5882352941vw, 5.9375rem);
        }
    }
    @supports not (margin-bottom: clamp( 2.5rem , 1.8933823529rem  +  2.5882352941vw , 5.9375rem )) {
        .popup-office__content-successfully {
            margin-bottom: calc(2.5rem + 3.4375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__content-successfully {
        margin-bottom: 2.5rem;
    }
}

.popup-office__content-tel {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 156.25em) {
    .popup-office__content-tel svg {
        width: 1.5rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (width: clamp( 1.125rem , 1.0588235294rem  +  0.2823529412vw , 1.5rem )) {
        .popup-office__content-tel svg {
            width: clamp(1.125rem, 1.0588235294rem + 0.2823529412vw, 1.5rem);
        }
    }
    @supports not (width: clamp( 1.125rem , 1.0588235294rem  +  0.2823529412vw , 1.5rem )) {
        .popup-office__content-tel svg {
            width: calc(1.125rem + 0.375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__content-tel svg {
        width: 1.125rem;
    }
}

@media (min-width: 156.25em) {
    .popup-office__content-tel svg {
        height: 1.5rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (height: clamp( 1.125rem , 1.0588235294rem  +  0.2823529412vw , 1.5rem )) {
        .popup-office__content-tel svg {
            height: clamp(1.125rem, 1.0588235294rem + 0.2823529412vw, 1.5rem);
        }
    }
    @supports not (height: clamp( 1.125rem , 1.0588235294rem  +  0.2823529412vw , 1.5rem )) {
        .popup-office__content-tel svg {
            height: calc(1.125rem + 0.375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .popup-office__content-tel svg {
        height: 1.125rem;
    }
}

.popup-office__text-tel {
    max-width: 27.25rem;
    text-align: left;
    margin-bottom: 0.75rem;
}

.popup-office__title-tel {
    margin-bottom: 1.5rem;
}

.popup-office__content-tel-buttons {
    padding-bottom: 5rem;
}

.popup-office__text-conditions {
    padding-left: 1.5rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    max-height: 27.1875rem;
}

.top-model-office {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    display: flex;
    /*margin-top: 15.875rem;*/
    text-align: center;
}

/*@media (max-width: 37.5em) {*/
/*    .top-model-office {*/
/*        margin-top: 23.5625rem;*/
/*    }*/
/*}*/

.top-model-office__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0.75rem;
}

@media (max-width: 61.99875em) {
    .top-model-office__title {
        margin-bottom: 1rem;
    }
}

@media (max-width: 37.5em) {
    .top-model-office__title {
        font-weight: 700;
        font-size: 32px;
        line-height: 38px;
    }
}

.top-model-office__main {
    margin-bottom: 3rem;
}

.top-model-office__sub-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}

.top-model-office__buttons {
    flex-direction: column;
    width: 100%;
}

.top-model-office__button {
    font-weight: 400;
    border: 0.0625rem solid #141414;
    border-radius: 36px;
    transition: all 0.3s ease 0s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
}

.top-model-office__button_first {
    background-color: #141414;
    color: #fff;
    margin-bottom: 1rem;
}

@media (max-width: 61.99875em) {
    .top-model-office__button_first {
        margin-bottom: 0.875rem;
    }
}

@media (any-hover: hover) {
    .top-model-office__button_first:hover {
        color: #141414;
        background-color: #fff;
    }
}

.top-model-office__button_last {
    color: #141414;
}

@media (any-hover: hover) {
    .top-model-office__button_last:hover {
        background-color: #141414;
        color: #fff;
    }
}

.top-model-office-bonus {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    display: flex;
    /* margin-top: 14.5rem; */
    text-align: center;
}
/* @media (max-width: 37.5em) {
  .top-model-office-bonus {
    margin-top: 23.5625rem;
  }
} */

.top-model-office__columns-error {
    color: red;
}

.top-model-office__columns {
    width: 100%;
}

@media (max-width: 37.5em) {
    .top-model-office__columns {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        gap: 1.5rem;
    }
}

/*.top-model-office-3 {*/
/*    margin-top: 11.1875rem;*/
/*}*/

@media (max-width: 37.5em) {
    .top-model-office-3 {
        margin-top: 1rem;
    }
}

.top-model-office__text-strong {
    margin-top: 0.75rem;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

@media (max-width: 37.5em) {
    .top-model-office__text-strong {
        font-size: 16px;
    }
}

.form-office-3 {
    width: 100%;
}

@media (max-width: 37.5em) {
    .form-office-3 .form__span {
        font-size: 0.75rem;
    }
}

.top-model-office__columns-03 {
    margin-top: 3.125rem;
}

.top-model-office-four {
    margin-top: 7.75rem;
    text-align: center;
}

@media (max-width: 37.5em) {
    .top-model-office-four {
        margin-top: 0.75rem;
    }
}

.popup-office-filter__content {
    max-width: 37.6875rem;
}

@media (min-width: 156.25em) {
    .popup-office-filter__content {
        padding-right: 3rem;
    }
}

@media (min-width: 37.5em) and (max-width: 156.25em) {
    @supports (padding-right: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-right: clamp(0.0000000625rem, -0.9473683388rem + 2.5263157368vw, 3rem);
        }
    }
    @supports not (padding-right: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-right: calc(0.0000000625rem + 2.9999999375 * (100vw - 37.5rem) / 118.75);
        }
    }
}

@media (max-width: 37.5em) {
    .popup-office-filter__content {
        padding-right: 0.0000000625rem;
    }
}

@media (min-width: 156.25em) {
    .popup-office-filter__content {
        padding-left: 3rem;
    }
}

@media (min-width: 37.5em) and (max-width: 156.25em) {
    @supports (padding-left: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-left: clamp(0.0000000625rem, -0.9473683388rem + 2.5263157368vw, 3rem);
        }
    }
    @supports not (padding-left: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-left: calc(0.0000000625rem + 2.9999999375 * (100vw - 37.5rem) / 118.75);
        }
    }
}

@media (max-width: 37.5em) {
    .popup-office-filter__content {
        padding-left: 0.0000000625rem;
    }
}

@media (min-width: 156.25em) {
    .popup-office-filter__content {
        padding-top: 3rem;
    }
}

@media (min-width: 37.5em) and (max-width: 156.25em) {
    @supports (padding-top: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-top: clamp(0.0000000625rem, -0.9473683388rem + 2.5263157368vw, 3rem);
        }
    }
    @supports not (padding-top: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-top: calc(0.0000000625rem + 2.9999999375 * (100vw - 37.5rem) / 118.75);
        }
    }
}

@media (max-width: 37.5em) {
    .popup-office-filter__content {
        padding-top: 0.0000000625rem;
    }
}

@media (min-width: 156.25em) {
    .popup-office-filter__content {
        padding-bottom: 3rem;
    }
}

@media (min-width: 37.5em) and (max-width: 156.25em) {
    @supports (padding-bottom: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-bottom: clamp(0.0000000625rem, -0.9473683388rem + 2.5263157368vw, 3rem);
        }
    }
    @supports not (padding-bottom: clamp( 0.0000000625rem , -0.9473683388rem  +  2.5263157368vw , 3rem )) {
        .popup-office-filter__content {
            padding-bottom: calc(0.0000000625rem + 2.9999999375 * (100vw - 37.5rem) / 118.75);
        }
    }
}

@media (max-width: 37.5em) {
    .popup-office-filter__content {
        padding-bottom: 0.0000000625rem;
    }
}

.content-popup-office-filter input::-webkit-calendar-picker-indicator {
    display: none;
}

.content-popup-office-filter input[type=date]::-webkit-input-placeholder {
    visibility: hidden !important;
}

.content-popup-office-filter input[type=date],
.content-popup-office-filter input[type=number] {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

@media (min-width: 156.25em) {
    .content-popup-office-filter__block {
        margin-top: 1.25rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-top: clamp( 1.25rem , 1.6911764706rem  +  -0.2823529412vw , 1.625rem )) {
        .content-popup-office-filter__block {
            margin-top: clamp(1.25rem, 1.6911764706rem + -0.2823529412vw, 1.625rem);
        }
    }
    @supports not (margin-top: clamp( 1.25rem , 1.6911764706rem  +  -0.2823529412vw , 1.625rem )) {
        .content-popup-office-filter__block {
            margin-top: calc(1.625rem + -0.375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .content-popup-office-filter__block {
        margin-top: 1.625rem;
    }
}

.content-popup-office-filter__text {
    padding-left: 1rem;
    font-weight: 400;
}

@media (min-width: 156.25em) {
    .content-popup-office-filter__text {
        margin-bottom: 0.75rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 0.5rem , 0.4558823529rem  +  0.1882352941vw , 0.75rem )) {
        .content-popup-office-filter__text {
            margin-bottom: clamp(0.5rem, 0.4558823529rem + 0.1882352941vw, 0.75rem);
        }
    }
    @supports not (margin-bottom: clamp( 0.5rem , 0.4558823529rem  +  0.1882352941vw , 0.75rem )) {
        .content-popup-office-filter__text {
            margin-bottom: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .content-popup-office-filter__text {
        margin-bottom: 0.5rem;
    }
}

.content-popup-office-filter__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-popup-office-filter__input {
    border: 1px solid #141414;
    border-radius: 24px;
    text-align: center;
    font-weight: 400;
    padding: 0.75rem 0rem;
    width: 200px;
    background-color: #fff;
}

@media (max-width: 37.5em) {
    .content-popup-office-filter__input {
        width: 153px;
    }
}

.content-popup-office-filter__close {
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding: 1rem 0rem;
    width: 100%;
    border: 0.0625rem solid #141414;
    background: #141414;
    transition: all 0.3s ease 0s;
    border-radius: 24px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

@media (min-width: 156.25em) {
    .content-popup-office-filter__close {
        margin-top: 2rem;
    }
}

@media (min-width: 23.4375em) and (max-width: 156.25em) {
    @supports (margin-top: clamp( 1.625rem , 1.5588235294rem  +  0.2823529412vw , 2rem )) {
        .content-popup-office-filter__close {
            margin-top: clamp(1.625rem, 1.5588235294rem + 0.2823529412vw, 2rem);
        }
    }
    @supports not (margin-top: clamp( 1.625rem , 1.5588235294rem  +  0.2823529412vw , 2rem )) {
        .content-popup-office-filter__close {
            margin-top: calc(1.625rem + 0.375 * (100vw - 23.4375rem) / 132.8125);
        }
    }
}

@media (max-width: 23.4375em) {
    .content-popup-office-filter__close {
        margin-top: 1.625rem;
    }
}

@media (max-width: 37.5em) {
    .content-popup-office-filter__close {
        font-size: 14px;
        padding: 0.75rem 0rem;
    }
}

@media (any-hover: hover) {
    .content-popup-office-filter__close:hover {
        color: #141414;
        background-color: #fff;
    }
}

.filter-popup-office-filter__content {
    position: relative;
}

.filter-popup-office-filter__button {
    border: 1px solid #141414;
    border-radius: 36px;
    padding: 0.75rem 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .filter-popup-office-filter__button:hover {
        background: rgba(206, 206, 206, 0.3);
    }
}

.filter-popup-office-filter__button span {
    width: 0;
    height: 0;
    border-width: 8px 6px 0 6px;
    border-color: #141414 transparent transparent transparent;
    border-style: solid;
    transition: all 0.1s ease 0s;
}

.filter-popup-office-filter__button._spoller-active span {
    width: 0;
    height: 0;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #141414 transparent;
    border-style: solid;
}

.filter-popup-office-filter__body {
    position: absolute;
    top: 2.75rem;
    left: 0;
    background-color: #fff;
}

.body-filter-popup-office-filter {
    width: 100%;
}

.body-filter-popup-office-filter__buttons {
    width: 100%;
    max-height: 12.5rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
}

.body-filter-popup-office-filter__button {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border: 1px solid #141414;
    border-radius: 36px;
    padding: 0.75rem 1.5rem;
    gap: 0.625rem;
}

.body-filter-popup-office-filter__icon {
    pointer-events: none;
}

.body-filter-popup-office-filter__icon svg {
    min-width: 14px;
    min-height: 14px;
    max-width: 14px;
    max-height: 14px;
}

.body-filter-popup-office-filter__icon_01 {
    display: block;
}

.body-filter-popup-office-filter__icon_02 {
    display: none;
}

.body-filter-popup-office-filter__name {
    pointer-events: none;
}

@media (max-width: 50em) {
    .body-filter-popup-office-filter__name {
        font-size: 0.625rem;
    }
}

.content-popup-office-filter__left {
    padding-left: 1rem;
    width: 100%;
    text-align: left;
}

._filter-office-spollers__buton_active {
    background: #141414;
    border-radius: 36px;
    color: #fff;
}

._filter-office-spollers__buton_active .body-filter-popup-office-filter__icon_01 {
    display: none;
}

._filter-office-spollers__buton_active .body-filter-popup-office-filter__icon_02 {
    display: block;
}

@media (max-width: 64em) {
    .popup-category__content-none {
        display: none;
    }

    .popup-category__content-none .popup-category__content-none {
        display: none;
    }
}

.popup__close--cat {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-width: 2.25rem;
    min-height: 2.25rem;
    max-width: 2.25rem;
    max-height: 2.25rem;
    transition: all 0.3s ease 0s;
    outline: none;
    stroke: #141414;
    border: 0.0625rem solid #141414;
    color: #141414;
}

.popup__close--cat svg {
    transition: all 0.3s ease 0s;
    width: 12px;
    height: 12px;
}

@media (any-hover: hover) {
    .popup__close--cat:hover {
        border: 0.0625rem solid #141414;
    }

    .popup__close--cat:hover svg {
        transform: rotate(90deg);
        stroke: #141414;
    }
}

@media (min-width: 152.9375em) {
    .popup-category__content-email-sec {
        margin-top: 11.25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 0.625rem , -0.9734955336rem  +  7.9924776681vw , 11.25rem )) {
        .popup-category__content-email-sec {
            margin-top: clamp(0.625rem, -0.9734955336rem + 7.9924776681vw, 11.25rem);
        }
    }
    @supports not (margin-top: clamp( 0.625rem , -0.9734955336rem  +  7.9924776681vw , 11.25rem )) {
        .popup-category__content-email-sec {
            margin-top: calc(0.625rem + 10.625 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content-email-sec {
        margin-top: 0.625rem;
    }
}

.popup-category__content-email {
    max-width: 21.4375rem;
    text-align: center;
    margin: 0 auto;
}

@media (min-width: 152.9375em) {
    .popup-category__content__text {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .popup-category__content__text {
            margin-bottom: clamp(0.75rem, 0.6371650212rem + 0.5641748942vw, 1.5rem);
        }
    }
    @supports not (margin-bottom: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .popup-category__content__text {
            margin-bottom: calc(0.75rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content__text {
        margin-bottom: 0.75rem;
    }
}

.popup-category__content--sizes {
    max-width: 28.375rem;
    margin: 0 auto;
    text-align: center;
}

.popup-category__content--sizes__buttons {
    flex-direction: column;
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes-content-text {
        margin-top: 2.25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1.5rem , 1.3871650212rem  +  0.5641748942vw , 2.25rem )) {
        .popup-category__content--sizes-content-text {
            margin-top: clamp(1.5rem, 1.3871650212rem + 0.5641748942vw, 2.25rem);
        }
    }
    @supports not (margin-top: clamp( 1.5rem , 1.3871650212rem  +  0.5641748942vw , 2.25rem )) {
        .popup-category__content--sizes-content-text {
            margin-top: calc(1.5rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes-content-text {
        margin-top: 1.5rem;
    }
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes-content-text {
        margin-bottom: 0.75rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 0.75rem , 1.0376116596rem  +  -0.1880582981vw , 1rem )) {
        .popup-category__content--sizes-content-text {
            margin-bottom: clamp(0.75rem, 1.0376116596rem + -0.1880582981vw, 1rem);
        }
    }
    @supports not (margin-bottom: clamp( 0.75rem , 1.0376116596rem  +  -0.1880582981vw , 1rem )) {
        .popup-category__content--sizes-content-text {
            margin-bottom: calc(1rem + -0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes-content-text {
        margin-bottom: 1rem;
    }
}

.popup-category__content--sizes-content-text span {
    font-weight: 400;
}

.popup-category__content--sizes-content-button {
    background: #141414;
    border: 0.0625rem solid #141414;
    border-radius: 36px;
    color: #FFFFFF;
    transition: all 0.3s ease 0s;
    width: 100%;
    margin-bottom: 0.75rem;
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes-content-button {
        padding-top: 0.9375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-top: clamp( 0.75rem , 0.7217912553rem  +  0.1410437236vw , 0.9375rem )) {
        .popup-category__content--sizes-content-button {
            padding-top: clamp(0.75rem, 0.7217912553rem + 0.1410437236vw, 0.9375rem);
        }
    }
    @supports not (padding-top: clamp( 0.75rem , 0.7217912553rem  +  0.1410437236vw , 0.9375rem )) {
        .popup-category__content--sizes-content-button {
            padding-top: calc(0.75rem + 0.1875 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes-content-button {
        padding-top: 0.75rem;
    }
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes-content-button {
        padding-bottom: 0.9375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 0.75rem , 0.7217912553rem  +  0.1410437236vw , 0.9375rem )) {
        .popup-category__content--sizes-content-button {
            padding-bottom: clamp(0.75rem, 0.7217912553rem + 0.1410437236vw, 0.9375rem);
        }
    }
    @supports not (padding-bottom: clamp( 0.75rem , 0.7217912553rem  +  0.1410437236vw , 0.9375rem )) {
        .popup-category__content--sizes-content-button {
            padding-bottom: calc(0.75rem + 0.1875 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes-content-button {
        padding-bottom: 0.75rem;
    }
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes-content-button {
        padding-left: 1.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-left: clamp( 1rem , 0.9247766808rem  +  0.3761165961vw , 1.5rem )) {
        .popup-category__content--sizes-content-button {
            padding-left: clamp(1rem, 0.9247766808rem + 0.3761165961vw, 1.5rem);
        }
    }
    @supports not (padding-left: clamp( 1rem , 0.9247766808rem  +  0.3761165961vw , 1.5rem )) {
        .popup-category__content--sizes-content-button {
            padding-left: calc(1rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes-content-button {
        padding-left: 1rem;
    }
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes-content-button {
        padding-right: 1.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-right: clamp( 1rem , 0.9247766808rem  +  0.3761165961vw , 1.5rem )) {
        .popup-category__content--sizes-content-button {
            padding-right: clamp(1rem, 0.9247766808rem + 0.3761165961vw, 1.5rem);
        }
    }
    @supports not (padding-right: clamp( 1rem , 0.9247766808rem  +  0.3761165961vw , 1.5rem )) {
        .popup-category__content--sizes-content-button {
            padding-right: calc(1rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes-content-button {
        padding-right: 1rem;
    }
}

@media (any-hover: hover) {
    .popup-category__content--sizes-content-button:hover {
        color: #141414;
        background: #fff;
    }
}

.popup-category__content--sizes-content-text-red {
    font-weight: 200;
    font-size: 12px;
    line-height: 14px;
    color: #E30000;
}

.sizes-content-big-count-popup-category-content {
    display: flex;
    margin-left: 1rem;
    max-width: 12.5rem;
}

.popup-category__content--sizes-content-big {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.popup-category__content--sizes__buttons-big {
    min-width: 6.25rem;
}

.sizes-content-big-count-popup-category-content__text {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    font-weight: 200;
    font-size: 12px;
    line-height: 14px;
    color: #CECECE;
}

@media (max-width: 43.75em) {
    .sizes-content-big-count-popup-category-content__text {
        display: none;
    }
}

.sizes-content-big-count-popup-category-content__big-button {
    border: 1px solid #CECECE;
    border-radius: 36px;
    padding: 0rem 0.6875rem;
}

.sizes-content-big-count-popup-category-content__big-button svg {
    width: 8px;
    height: 8px;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .sizes-content-big-count-popup-category-content__big-button:hover svg {
        opacity: 1;
    }
}

.buttons-sizes-content-big-count-popup-category-content__button {
    min-width: 5.1875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #CECECE;
    border-radius: 36px;
    padding: 0.575rem 1rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.buttons-sizes-content-big-count-popup-category-content__button:not(:last-child) {
    margin-bottom: 0.5rem;
}

.buttons-sizes-content-big-count-popup-category-content__button span {
    margin-right: 0.4375rem;
    margin-left: 0.4375rem;
}

.buttons-sizes-content-big-count-popup-category-content__button svg {
    width: 8px;
    height: 8px;
}

.buttons-sizes-content-big-count-popup-category-content__button-minus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 3px;
}

.buttons-sizes-content-big-count-popup-category-content__button-pluss {
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
}

@media (max-width: 112.5em) {
    .buttons-sizes-content-big-count-popup-category-content__button-pluss {
        width: 10px;
        height: 10px;
    }
}

.disable-interaction {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

.popup-category__content--sizes__button {
    display: block;
    width: 100%;
    border: 1px solid #CECECE;
    border-radius: 24px;
    font-weight: 200;
    padding: 0.5rem 0rem;
    line-height: 1.1875;
}

.popup-category__content--sizes__button span {
    margin-left: 0.5rem;
}

@media (min-width: 152.9375em) {
    .popup-category__content--sizes__button {
        font-size: 1rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .popup-category__content--sizes__button {
            font-size: clamp(0.875rem, 0.8561941702rem + 0.094029149vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .popup-category__content--sizes__button {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .popup-category__content--sizes__button {
        font-size: 0.875rem;
    }
}

.popup-category__content--sizes__button:not(:last-child) {
    margin-bottom: 0.5rem;
}

.popup-category__content--sizes__button-dis {
    color: #CECECE;
    cursor: not-allowed;
}

.response-category-swiper-next,
.response-category-swiper-prev {
    position: absolute;
    top: 50%;
}

@media (max-width: 37.5em) {
    .response-category-swiper-next,
    .response-category-swiper-prev {
        top: 54%;
    }
}

.response-category-swiper-next {
    right: 0.1%;
}

@media (max-width: 120em) {
    .response-category-swiper-next {
        right: -5.5%;
    }
}

@media (max-width: 37.5em) {
    .response-category-swiper-next {
        right: -2%;
    }
}

.response-category-swiper-prev {
    left: 0.1%;
}

@media (max-width: 120em) {
    .response-category-swiper-prev {
        left: -5.5%;
    }
}

@media (max-width: 37.5em) {
    .response-category-swiper-prev {
        left: -2%;
    }
}

[class*=-ibg] {
    position: relative;
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

[class*=-ibg_contain] img {
    object-fit: contain;
}

.title_32 {
    font-weight: 700;
    line-height: 1.1875;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738, "opsz" 14;
}

@media (min-width: 152.9375em) {
    .title_32 {
        font-size: 2rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 1.25rem , 1.1371650212rem  +  0.5641748942vw , 2rem )) {
        .title_32 {
            font-size: clamp(1.25rem, 1.1371650212rem + 0.5641748942vw, 2rem);
        }
    }
    @supports not (font-size: clamp( 1.25rem , 1.1371650212rem  +  0.5641748942vw , 2rem )) {
        .title_32 {
            font-size: calc(1.25rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .title_32 {
        font-size: 1.25rem;
    }
}

@media (max-width: 112.5em) {
    .title_32 {
        font-size: 1.5rem;
    }
}

.title_24 {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.1666666667;
}

.title_22 {
    font-weight: 700;
    line-height: 1.1818181818;
}

@media (min-width: 152.9375em) {
    .title_22 {
        font-size: 1.375rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 1.25rem , 1.2311941702rem  +  0.094029149vw , 1.375rem )) {
        .title_22 {
            font-size: clamp(1.25rem, 1.2311941702rem + 0.094029149vw, 1.375rem);
        }
    }
    @supports not (font-size: clamp( 1.25rem , 1.2311941702rem  +  0.094029149vw , 1.375rem )) {
        .title_22 {
            font-size: calc(1.25rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .title_22 {
        font-size: 1.25rem;
    }
}

@media (max-width: 112.5em) {
    .title_22 {
        font-size: 1.125rem;
    }
}

.sub-title_18 {
    font-style: normal;
    font-weight: 500;
    line-height: 1.1666666667;
}

@media (min-width: 156.25em) {
    .sub-title_18 {
        font-size: 1.125rem;
    }
}

@media (min-width: 112.5em) and (max-width: 156.25em) {
    @supports (font-size: clamp( 0.875rem , 0.2321428571rem  +  0.5714285714vw , 1.125rem )) {
        .sub-title_18 {
            font-size: clamp(0.875rem, 0.2321428571rem + 0.5714285714vw, 1.125rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.2321428571rem  +  0.5714285714vw , 1.125rem )) {
        .sub-title_18 {
            font-size: calc(0.875rem + 0.25 * (100vw - 112.5rem) / 43.75);
        }
    }
}

@media (max-width: 112.5em) {
    .sub-title_18 {
        font-size: 0.875rem;
    }
}

.text_16 {
    font-weight: 200;
    line-height: 1.1875;
}

@media (min-width: 156.25em) {
    .text_16 {
        font-size: 1rem;
    }
}

@media (min-width: 112.5em) and (max-width: 156.25em) {
    @supports (font-size: clamp( 0.8125rem , 0.3303571429rem  +  0.4285714286vw , 1rem )) {
        .text_16 {
            font-size: clamp(0.8125rem, 0.3303571429rem + 0.4285714286vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 0.8125rem , 0.3303571429rem  +  0.4285714286vw , 1rem )) {
        .text_16 {
            font-size: calc(0.8125rem + 0.1875 * (100vw - 112.5rem) / 43.75);
        }
    }
}

@media (max-width: 112.5em) {
    .text_16 {
        font-size: 0.8125rem;
    }
}

.swiper__button {
    border: 0.0625rem solid #9C896D;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 30%;
    width: 4rem;
    height: 4rem;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (any-hover: hover) {
    .swiper__button:hover {
        transition: all 0.3s ease 0s;
        background-color: rgb(208, 208, 208);
    }
}

@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button {
        width: 4rem;
    }
}

@media (max-width: 119.9375em) and (min-width: 87.5em) and (max-width: 119.9375em) {
    @supports (width: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            width: clamp(2rem, -3.3949903661rem + 6.1657032755vw, 4rem);
        }
    }
    @supports not (width: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            width: calc(2rem + 2 * (100vw - 87.5rem) / 32.4375);
        }
    }
}

@media (max-width: 119.9375em) and (max-width: 87.5em) {
    .swiper__button {
        width: 2rem;
    }
}

@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button {
        height: 4rem;
    }
}

@media (max-width: 119.9375em) and (min-width: 87.5em) and (max-width: 119.9375em) {
    @supports (height: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            height: clamp(2rem, -3.3949903661rem + 6.1657032755vw, 4rem);
        }
    }
    @supports not (height: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            height: calc(2rem + 2 * (100vw - 87.5rem) / 32.4375);
        }
    }
}

@media (max-width: 119.9375em) and (max-width: 87.5em) {
    .swiper__button {
        height: 2rem;
    }
}

.swiper__button-margin {
    margin: 0rem 4rem;
}

@media (max-width: 112.5em) {
    .swiper__button-margin {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (max-width: 75em) {
    .swiper__button-margin {
        margin: 0rem 1.125rem;
    }
}

@media (max-width: 61.99875em) {
    .swiper__button-margin {
        margin: 0rem 0.4375rem;
    }
}

.swiper__button svg {
    position: relative;
    z-index: 10;
    width: 0.75rem;
    height: 1.5rem;
    fill: black;
}

@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button svg {
        width: 0.75rem;
    }
}

@media (max-width: 119.9375em) and (min-width: 23.4375em) and (max-width: 119.9375em) {
    @supports (width: clamp( 0.375rem , 0.2839216321rem  +  0.3886010363vw , 0.75rem )) {
        .swiper__button svg {
            width: clamp(0.375rem, 0.2839216321rem + 0.3886010363vw, 0.75rem);
        }
    }
    @supports not (width: clamp( 0.375rem , 0.2839216321rem  +  0.3886010363vw , 0.75rem )) {
        .swiper__button svg {
            width: calc(0.375rem + 0.375 * (100vw - 23.4375rem) / 96.5);
        }
    }
}

@media (max-width: 119.9375em) and (max-width: 23.4375em) {
    .swiper__button svg {
        width: 0.375rem;
    }
}

@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button svg {
        height: 1.5rem;
    }
}

@media (max-width: 119.9375em) and (min-width: 23.4375em) and (max-width: 119.9375em) {
    @supports (height: clamp( 0.75rem , 0.5678432642rem  +  0.7772020725vw , 1.5rem )) {
        .swiper__button svg {
            height: clamp(0.75rem, 0.5678432642rem + 0.7772020725vw, 1.5rem);
        }
    }
    @supports not (height: clamp( 0.75rem , 0.5678432642rem  +  0.7772020725vw , 1.5rem )) {
        .swiper__button svg {
            height: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 96.5);
        }
    }
}

@media (max-width: 119.9375em) and (max-width: 23.4375em) {
    .swiper__button svg {
        height: 0.75rem;
    }
}

.swiper__button_next {
    right: -3.8%;
    transform: rotate(180deg);
}

@media (max-width: 93.75em) {
    .swiper__button_next {
        right: -1.8%;
    }
}

@media (max-width: 61.99875em) {
    .swiper__button_next {
        right: 0;
    }
}

.swiper__button_prev {
    left: -3.8%;
}

@media (max-width: 93.75em) {
    .swiper__button_prev {
        left: -1.8%;
    }
}

@media (max-width: 61.99875em) {
    .swiper__button_prev {
        left: 0;
    }
}

@media (max-width: 64em) {
    #_filterGridCategoryPagination_4 {
        display: none;
    }
}

@media (max-width: 37.5em) {
    #_filterGridCategoryPagination_3 {
        display: none;
    }
}

@media (max-width: 37.5em) {
    #_filterGridCategoryPagination_1 {
        display: flex;
    }
}

@media (max-width: 85.375em) {
    .pagination__item-two-none-brake {
        display: none;
    }
}

@media (max-width: 64em) {
    .pagination__item-two-none-brake-tab {
        display: none;
    }
}

.pagination__item-two-block-brake-tab {
    display: none;
}

@media (max-width: 64em) {
    .pagination__item-two-block-brake-tab {
        display: block;
    }
}

@media (max-width: 37.5em) {
    .pagination__item-two-block-brake-tab {
        display: none;
    }
}

.pagination__item-two-none-brake-mobile {
    display: none;
}

@media (max-width: 37.5em) {
    .pagination__item-two-none-brake-mobile {
        display: block;
    }
}

.pagination__item-two-block-brake-mobile {
    display: none;
}

@media (max-width: 37.5em) {
    .pagination__item-two-block-brake-mobile {
        display: block;
    }
}

.pagination__item-two-block-brake {
    display: none;
}

@media (max-width: 85.375em) {
    .pagination__item-two-block-brake {
        display: block;
    }
}

.pagination__item {
    font-weight: 200;
    cursor: pointer;
    width: 31px;
    height: 31px;
    border: 1px solid #141414;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .pagination__item:hover {
        opacity: 0.6;
    }
}

.pagination__item_active {
    background-color: #9C896D;
    border: 0.0625rem solid #9C896D;
    color: #fff;
}

.table__content {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    white-space: nowrap;
}

.table__content::-webkit-scrollbar {
    position: relative;
    height: 4px;
}

.table {
    border-collapse: collapse;
    width: 100%;
}

.table__column_first td {
    padding: 1rem;
}

@media (max-width: 112.5em) {
    .table__column_first td {
        padding: 0.75rem;
    }
}

.table__item {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 0.75rem 1rem;
}

@media (max-width: 112.5em) {
    .table__item {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
}

.table__item button,
.table__item a {
    font-weight: 200;
    text-decoration: underline;
}

.table__item-bonus {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    padding: 0.75rem 1rem;
}

@media (max-width: 68.81125em) {
    ._none-table {
        display: none;
    }
}

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-11-5 14:27:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.search-text-input {
    color: #0d0a0a;
    background-color: rgba(255, 255, 0, 0.73);
}

.result-search {
    position: absolute;
    left: 3%;
    background-color: #fff;
    border-radius: 1.875rem;
    top: 16%;
    z-index: 30;
}

@media (min-width: 152.9375em) {
    .result-search {
        min-width: 25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (min-width: clamp( 0.625rem , -3.0421368124rem  +  18.3356840621vw , 25rem )) {
        .result-search {
            min-width: clamp(0.625rem, -3.0421368124rem + 18.3356840621vw, 25rem);
        }
    }
    @supports not (min-width: clamp( 0.625rem , -3.0421368124rem  +  18.3356840621vw , 25rem )) {
        .result-search {
            min-width: calc(0.625rem + 24.375 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .result-search {
        min-width: 0.625rem;
    }
}

.button-search-title {
    font-size: 1rem;
    padding: 15px;
    margin: 10px;
}

.item-search-title:not(:first-child) {
    border-top: 0.0625rem solid #CECECE;
}

.search-live-res {
    position: absolute;
    font-size: 1.25rem;
    left: 3%;
    background-color: #fff;
    border-radius: 1.875rem;
    top: 12%;
    z-index: 30;
    padding: 10px;
}

@media (min-width: 152.9375em) {
    .search-live-res {
        min-width: 25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (min-width: clamp( 0.625rem , -3.0421368124rem  +  18.3356840621vw , 25rem )) {
        .search-live-res {
            min-width: clamp(0.625rem, -3.0421368124rem + 18.3356840621vw, 25rem);
        }
    }
    @supports not (min-width: clamp( 0.625rem , -3.0421368124rem  +  18.3356840621vw , 25rem )) {
        .search-live-res {
            min-width: calc(0.625rem + 24.375 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .search-live-res {
        min-width: 0.625rem;
    }
}

@media (min-width: 152.9375em) {
    .search-live-res {
        min-width: 25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (min-width: clamp( 0.625rem , -3.0421368124rem  +  18.3356840621vw , 25rem )) {
        .search-live-res {
            min-width: clamp(0.625rem, -3.0421368124rem + 18.3356840621vw, 25rem);
        }
    }
    @supports not (min-width: clamp( 0.625rem , -3.0421368124rem  +  18.3356840621vw , 25rem )) {
        .search-live-res {
            min-width: calc(0.625rem + 24.375 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .search-live-res {
        min-width: 0.625rem;
    }
}

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

@media (max-width: 61.99875em) {
    .mobile-bottom-header {
        display: block;
        border-top: 0.0625rem solid #141414;
    }

    .mobile-bottom-header .mobile-bottom-header__list {
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 1.25rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }

    .mobile-bottom-header .mobile-bottom-header__link {
        font-size: 0.875rem;
        padding: 0.25rem;
        display: block;
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background-color: #fff;
    border-bottom: 0.0625rem solid #141414;
}

.header__catalog {
    transition: all 0.3s ease 0s;
}

.header__top {
    background-color: #141414;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 100;
}

.header__top-text {
    font-weight: 200;
    font-size: 0.75rem;
    max-width: 120rem;
    margin: 0 auto;
    line-height: 30px;
}

@media (max-width: 61.99875em) {
    .header__top-text {
        line-height: 15px;
    }
}

.header__container {
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    display: flex;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

@media (max-width: 87.5em) {
    .header__container {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
}

@media (max-width: 87.5em) {
    .header__container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

@media (max-width: 61.99875em) {
    .header__container {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
        justify-content: normal;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        padding-top: 1rem;
        padding-bottom: 0.875rem;
    }
}

.header__main {
    background-color: #fff;
    margin-right: 3.125rem;
    margin-left: 3.125rem;
}

@media (max-width: 81.25em) {
    .header__main {
        margin-right: 0rem;
        margin-left: 0rem;
    }
}

.header__burger {
    display: none;
}

@media (max-width: 61.99875em) {
    .header__burger {
        display: flex;
    }
}

.header__logo {
    position: relative;
    z-index: 5;
    margin-right: 0.625rem;
}

.header__logo img {
    max-width: 5.0625rem;
    max-height: 1.3125rem;
}

@media (max-width: 48em) {
    .header__logo img {
        width: 4.5625rem;
        height: 1.125rem;
    }
}

@media (max-width: 37.5em) {
    .header__logo img {
        margin-right: 0;
        margin-left: 0;
        width: 4.5625rem;
        height: 1.125rem;
    }
}

.header__action {
    margin-left: 0.625rem;
}

@media (max-width: 61.99875em) {
    .header__action {
        margin-left: auto;
    }
}

.header__icons {
    display: flex;
    align-items: center;
    gap: 2.125rem;
}

@media (max-width: 75em) {
    .header__icons {
        gap: 1.5625rem;
    }
}

@media (max-width: 48em) {
    .header__icons {
        gap: 1.5rem;
    }
}

@media (max-width: 37.5em) {
    .header__icons {
        gap: 1.5625rem;
    }
}

.header__icon {
    cursor: pointer;
    transition: all 0.3s ease 0s;
    height: 20px;
    width: 20px;
}

@media (max-width: 85.375em) {
    .header__icon {
        height: 16px;
        width: 16px;
    }
}

@media (max-width: 61.99875em) {
    .header__icon {
        width: 1.375rem;
        height: 1.375rem;
    }
}

.header__icon-cart {
    position: relative;
}

.header__icon-cart svg {
    z-index: 1;
    position: relative;
}

.header__icon-cart span {
    pointer-events: none;
    position: absolute;
    width: 24px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 61.99875em) and (any-hover: hover) {
    .header__icon:hover {
        opacity: 0.6;
    }
}

@media (min-width: 152.9375em) {
    .header__icon:not(:last-child) {
        margin-right: 3rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-right: clamp( 1.5rem , 1.2743300423rem  +  1.1283497884vw , 3rem )) {
        .header__icon:not(:last-child) {
            margin-right: clamp(1.5rem, 1.2743300423rem + 1.1283497884vw, 3rem);
        }
    }
    @supports not (margin-right: clamp( 1.5rem , 1.2743300423rem  +  1.1283497884vw , 3rem )) {
        .header__icon:not(:last-child) {
            margin-right: calc(1.5rem + 1.5 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .header__icon:not(:last-child) {
        margin-right: 1.5rem;
    }
}

.header__languages {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.1428571429;
    font-weight: 200;
}

.header__language {
    opacity: 0.4;
    color: #141414;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 118.75em) {
    .header__language {
        width: 1.8125rem;
    }
}

@media (min-width: 100em) and (max-width: 118.75em) {
    @supports (width: clamp( 1.5rem , -0.1666666667rem  +  1.6666666667vw , 1.8125rem )) {
        .header__language {
            width: clamp(1.5rem, -0.1666666667rem + 1.6666666667vw, 1.8125rem);
        }
    }
    @supports not (width: clamp( 1.5rem , -0.1666666667rem  +  1.6666666667vw , 1.8125rem )) {
        .header__language {
            width: calc(1.5rem + 0.3125 * (100vw - 100rem) / 18.75);
        }
    }
}

@media (max-width: 100em) {
    .header__language {
        width: 1.5rem;
    }
}

@media (min-width: 118.75em) {
    .header__language {
        height: 1.8125rem;
    }
}

@media (min-width: 100em) and (max-width: 118.75em) {
    @supports (height: clamp( 1.5rem , -0.1666666667rem  +  1.6666666667vw , 1.8125rem )) {
        .header__language {
            height: clamp(1.5rem, -0.1666666667rem + 1.6666666667vw, 1.8125rem);
        }
    }
    @supports not (height: clamp( 1.5rem , -0.1666666667rem  +  1.6666666667vw , 1.8125rem )) {
        .header__language {
            height: calc(1.5rem + 0.3125 * (100vw - 100rem) / 18.75);
        }
    }
}

@media (max-width: 100em) {
    .header__language {
        height: 1.5rem;
    }
}

@media (max-width: 61.99875em) {
    .header__language {
        color: #fff;
    }
}

.header__language_line {
    background: #141414;
    opacity: 0.4;
    width: 0.0625rem;
    height: 1.3125rem;
}

@media (max-width: 61.99875em) {
    .header__language_line {
        background-color: #fff;
    }
}

.header__language_active {
    color: #fff;
    opacity: 1;
    background-color: #141414;
    border-radius: 50%;
}

@media (max-width: 61.99875em) {
    .header__language_active {
        color: #fff;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0);
    }
}

@media (max-width: 61.99875em) and (min-width: 152.9375em) {
    .icon-menu {
        margin-right: 4.25rem;
    }
}

@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-right: clamp( 1.25rem , 0.7986600846rem  +  2.2566995769vw , 4.25rem )) {
        .icon-menu {
            margin-right: clamp(1.25rem, 0.7986600846rem + 2.2566995769vw, 4.25rem);
        }
    }
    @supports not (margin-right: clamp( 1.25rem , 0.7986600846rem  +  2.2566995769vw , 4.25rem )) {
        .icon-menu {
            margin-right: calc(1.25rem + 3 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 61.99875em) and (max-width: 20em) {
    .icon-menu {
        margin-right: 1.25rem;
    }
}

@keyframes opacity {
}

.menu {
    padding: 0 0.625rem;
}

@media (max-width: 61.99875em) {
    .menu__body {
        z-index: 10;
        position: fixed;
        width: 100%;
        height: auto;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        left: 0;
        top: -1000%;
        transition: top 0.4s, background-color 2s;
        gap: 1.875rem;
        margin-top: 5.25rem;
    }

    .menu-open .menu__body {
        top: 0;
        overflow: scroll;
        scrollbar-width: thin;
        scrollbar-color: #CECECE transparent;
    }

    .menu-open .menu__body::before {
        top: 0;
    }
}

.header__icon-bookmark {
    position: relative;
}

.header__icon-bookmark svg {
    z-index: 1;
    position: relative;
}

.header__icon-bookmark span {
    pointer-events: none;
    position: absolute;
    width: 24px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 500;
    font-size: 8px;
    line-height: 9px;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu__top_en {
    position: relative;
    display: flex;
    padding: 1rem 1.625rem 1rem 1.625rem;
    justify-content: start;
    align-items: center;
    width: 100%;
    background-color: #141414;
    color: #F7F7F7;
    max-height: 2.875rem;
}

.menu__top {
    display: none;
}

@media (max-width: 61.99875em) {
    .menu__top {
        display: block;
        width: 100%;
    }
}

.menu__top_header {
    position: fixed;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 1.5rem;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
    z-index: 100;
    background-color: #fff;
}

.menu__top_logo {
    margin-right: 1.5rem;
}

.menu__top_close {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding-right: 1rem;
}

.menu__top_close svg {
    width: 0.4375rem;
    height: 0.875rem;
    fill: #141414;
}

.menu__top_form {
    padding-top: 2.125rem;
}

.instructions-page-drop-new__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    row-gap: 1.5rem;
    border-bottom: 0.0625rem solid #CECECE;
}
@media (min-width: 152.9375em) {
    .instructions-page-drop-new__items {
        padding-bottom: 3rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 1.3125rem , 1.0586212976rem  +  1.269393512vw , 3rem )) {
        .instructions-page-drop-new__items {
            padding-bottom: clamp( 1.3125rem , 1.0586212976rem  +  1.269393512vw , 3rem );
        }
    }
    @supports not (padding-bottom: clamp( 1.3125rem , 1.0586212976rem  +  1.269393512vw , 3rem )) {
        .instructions-page-drop-new__items {
            padding-bottom: calc(1.3125rem + 1.6875 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .instructions-page-drop-new__items {
        padding-bottom: 1.3125rem;
    }
}
@media (max-width: 87.5em) {
    .instructions-page-drop-new__items {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 75em) {
    .instructions-page-drop-new__items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 37.5em) {
    .instructions-page-drop-new__items {
        grid-template-columns: repeat(1, 1fr);
    }
}

.instructions-page-drop-new__more {
    margin-right: auto;
    margin-left: auto;
    padding: 1.5rem 2.5rem;
    display: flex;
    justify-content: center;
    gap: 0.625rem;
    transition: all 0.3s ease 0s;
    font-weight: 500;
    line-height: 1.1666666667;
}
@media (min-width: 152.9375em) {
    .instructions-page-drop-new__more {
        margin-top: 1.5rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 0.5rem , 0.3495533615rem  +  0.7522331923vw , 1.5rem )) {
        .instructions-page-drop-new__more {
            margin-top: clamp( 0.5rem , 0.3495533615rem  +  0.7522331923vw , 1.5rem );
        }
    }
    @supports not (margin-top: clamp( 0.5rem , 0.3495533615rem  +  0.7522331923vw , 1.5rem )) {
        .instructions-page-drop-new__more {
            margin-top: calc(0.5rem + 1 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .instructions-page-drop-new__more {
        margin-top: 0.5rem;
    }
}
@media (min-width: 152.9375em) {
    .instructions-page-drop-new__more {
        font-size: 1.125rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8373883404rem  +  0.1880582981vw , 1.125rem )) {
        .instructions-page-drop-new__more {
            font-size: clamp( 0.875rem , 0.8373883404rem  +  0.1880582981vw , 1.125rem );
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8373883404rem  +  0.1880582981vw , 1.125rem )) {
        .instructions-page-drop-new__more {
            font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .instructions-page-drop-new__more {
        font-size: 0.875rem;
    }
}
@media (max-width: 61.99875em) {
    .instructions-page-drop-new__more {
        font-weight: 500;
    }
}
@media (any-hover: hover) {
    .instructions-page-drop-new__more:hover {
        opacity: 0.6;
    }
}
.instructions-page-drop-new__more_01 {
    display: block;
}
.instructions-page-drop-new__more_02 {
    display: none;
}
.instructions-page-drop-new__more._open-instructions .instructions-page-drop-new__more_01 {
    display: none;
}
.instructions-page-drop-new__more._open-instructions .instructions-page-drop-new__more_02 {
    display: block;
}

.instructions-page-drop-new__title {
    line-height: 1.1666666667;
    border-bottom: 0.0625rem solid #CECECE;
    font-weight: 700;
}
@media (min-width: 152.9375em) {
    .instructions-page-drop-new__title {
        font-size: 3rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 1.5rem , 1.2743300423rem  +  1.1283497884vw , 3rem )) {
        .instructions-page-drop-new__title {
            font-size: clamp( 1.5rem , 1.2743300423rem  +  1.1283497884vw , 3rem );
        }
    }
    @supports not (font-size: clamp( 1.5rem , 1.2743300423rem  +  1.1283497884vw , 3rem )) {
        .instructions-page-drop-new__title {
            font-size: calc(1.5rem + 1.5 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .instructions-page-drop-new__title {
        font-size: 1.5rem;
    }
}
@media (min-width: 152.9375em) {
    .instructions-page-drop-new__title {
        padding-bottom: 1.5rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (padding-bottom: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .instructions-page-drop-new__title {
            padding-bottom: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem );
        }
    }
    @supports not (padding-bottom: clamp( 0.75rem , 0.6371650212rem  +  0.5641748942vw , 1.5rem )) {
        .instructions-page-drop-new__title {
            padding-bottom: calc(0.75rem + 0.75 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .instructions-page-drop-new__title {
        padding-bottom: 0.75rem;
    }
}
@media (min-width: 156.25em) {
    .instructions-page-drop-new__title {
        margin-bottom: 5.75rem;
    }
}
@media (min-width: 87.5em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 2.25rem , -2.2045454545rem  +  5.0909090909vw , 5.75rem )) {
        .instructions-page-drop-new__title {
            margin-bottom: clamp( 2.25rem , -2.2045454545rem  +  5.0909090909vw , 5.75rem );
        }
    }
    @supports not (margin-bottom: clamp( 2.25rem , -2.2045454545rem  +  5.0909090909vw , 5.75rem )) {
        .instructions-page-drop-new__title {
            margin-bottom: calc(2.25rem + 3.5 * (100vw - 87.5rem) / 68.75);
        }
    }
}
@media (max-width: 87.5em) {
    .instructions-page-drop-new__title {
        margin-bottom: 2.25rem;
    }
}


.new-item-slide-new-receipts__price-image-new_not-available {
    background-color: #9C896D;
    border: 0.0625rem solid #fff;
    max-width: none;
    color: #fff;
    border-radius: 36px;
    padding-right: 1rem;
    padding-left: 1rem;
    min-height: 2.1875rem;
    max-height: 2.1875rem;
    right: initial;
    bottom: initial;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
@media (max-width: 112.5em) {
    .new-item-slide-new-receipts__price-image-new_not-available {
        min-height: 1.75rem;
        max-height: 1.75rem;
        max-width: none;
    }
}
@media (max-width: 75.06125em) {
    .new-item-slide-new-receipts__price-image-new_not-available {
        width: 100%;
    }
}
@media (max-width: 37.5em) {
    .new-item-slide-new-receipts__price-image-new_not-available {
        min-height: 1.5625rem;
        max-height: 1.5625rem;
        max-width: none;
    }
}
/*.new-item-slide-new-receipts__price-image-new_not-available .new-item-slide-new-receipts__price-image-new {*/
/*    font-size: 0.9375rem;*/
/*    right: initial;*/
/*    left: 16px;*/
/*    bottom: 16px;*/
/*    padding: 4px 8px;*/
/*    background-color: #fff;*/
/*    color: #E30000;*/
/*    border-radius: 2px;*/
/*    text-align: center;*/
/*    min-width: 8.875rem;*/
/*    white-space: nowrap;*/
/*}*/
/*@media (max-width: 81.31125em) {*/
/*    .new-item-slide-new-receipts__price-image-new_not-available .new-item-slide-new-receipts__price-image-new {*/
/*        min-width: 7.5rem;*/
/*        font-size: 0.6875rem;*/
/*        padding: 2px 4px;*/
/*        left: 4px;*/
/*        bottom: 4px;*/
/*    }*/
/*}*/
/*@media (max-width: 37.5em) {*/
/*    .new-item-slide-new-receipts__price-image-new_not-available .new-item-slide-new-receipts__price-image-new {*/
/*        font-size: 0.8125rem;*/
/*    }*/
/*}*/



.menu__top_catalog-body {
    display: none;
}

@media (max-width: 61.99875em) {
    .menu__top_catalog-body {
        margin: 1.5rem 0rem;
        padding: 1.5rem 1.625rem;
        background-color: #141414;
        color: #fff;
        display: flex;
        justify-content: space-between;
    }

    .menu__top_catalog-body svg {
        width: 0.75rem;
        height: 0.5rem;
        fill: #fff;
    }
}

.menu__top_link {
    position: relative;
    display: flex;
    padding: 1rem 1.625rem 1rem 1.625rem;
    justify-content: right;
    align-items: center;
    width: 100%;
    background-color: #141414;
    color: #F7F7F7;
}

.menu__top_link::after {
    content: "+";
    position: relative;
    top: 0;
    right: 0;
}

.menu__top_link._spoller-active {
    border-bottom: 0.0625rem solid #CECECE;
}

.menu__top_link._spoller-active::after {
    content: "-";
}

.menu__top_link svg {
    width: 0.9375rem;
    height: 0.9375rem;
}

.menu__top_link-spo {
    position: relative;
    display: flex;
    padding: 1rem 1.625rem 1rem 1.625rem;
    justify-content: right;
    align-items: center;
    width: 100%;
}

.menu__top_link-spo::after {
    content: "+";
    position: relative;
    top: 0;
    right: 0;
}

.menu__top_link-spo._spoller-active::after {
    content: "-";
}

.menu__top_link-spo svg {
    width: 0.9375rem;
    height: 0.9375rem;
}

.menu__top_link-body-cat-item-none {
    transform: scale(1);
    opacity: 0;
}

.menu__top_pages ._slide {
    overflow: hidden;
}

.menu__top_link-none-body-spo {
    position: relative;
    display: flex;
    padding: 1rem 1.625rem 1rem 1.625rem;
    align-items: center;
    width: 100%;
    background-color: #141414;
    color: #F7F7F7;
    font-weight: 600;
}

.menu__top_link-none-body-spo::after {
    content: "+";
    position: relative;
    top: 0;
    right: 0;
    opacity: 0;
}

.menu__top_link-none-body-spo._spoller-active {
    border-bottom: 0.0625rem solid #CECECE;
}

.menu__top_link-none-body-spo._spoller-active::after {
    content: "-";
}

.menu__top_link-none-body-spo svg {
    width: 0.9375rem;
    height: 0.9375rem;
}

.menu__top_link-item {
    position: relative;
}

.menu__top_link-item-href {
    padding: 1rem 1.625rem 1rem 1.625rem;
    position: absolute;
    color: #F7F7F7;
    top: 0;
    left: 0;
    z-index: 1;
    font-weight: 600;
}

.menu__top_link-item-href-spo {
    padding: 1rem 1.625rem 1rem 1.625rem;
    position: absolute;
    color: #141414;
    top: 0;
    left: 0;
    z-index: 1;
}

.menu__top_link-body-cat {
    background-color: #f1f1f1;
}

.menu__top_link-body-cat-item-spo {
    position: relative;
    display: flex;
    padding: 1rem 1.625rem 1rem 1.625rem;
    justify-content: right;
    align-items: center;
    width: 100%;
    color: #141414;
}

.menu__top_link-body-cat-item-spo::after {
    content: "+";
    position: relative;
    top: 0;
    right: -20px;
}

.menu__top_link-body-cat-item-spo._spoller-active::after {
    content: "-";
}

.menu__top_link-body-cat-item {
    display: block;
    padding: 0.75rem 1.625rem 0.75rem 1.625rem;
    font-weight: 600;
}

.menu__top_link-body-cat-item-level_01 {
    padding-left: 1.9375rem;
    font-weight: 400;
}

.menu__top_link-body-cat-item-level_02 {
    padding-left: 2.25rem;
    font-weight: 400;
}

.menu__top_link-body-cat-item-level_03 {
    padding-left: 2.5625rem;
    font-weight: 400;
}

.menu__top_link-body-cat-item-level_04 {
    padding-left: 2.875rem;
    font-weight: 400;
}

.menu__top_link-body-cat-item-level_05 {
    padding-left: 3.1875rem;
    font-weight: 400;
}

.menu__top_line {
    display: block;
    width: 100%;
    height: 0.0625rem;
    background-color: #424242;
}

.menu__top_line-bottom {
    margin-bottom: 4.75rem;
}

.menu__top_line-bottom-mini {
    margin-bottom: 1.5rem;
}

.catalog-header__container-big {
    overflow-x: hidden;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    max-height: 79vh;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    border-radius: 0 0 20px 20px;
}

.catalog-header {
    position: relative;
}

.menu-catalog__back {
    display: none;
}

@media (max-width: 61.99875em) {
    .menu-catalog__back {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 1.5625rem;
        gap: 0.625rem;
        margin-top: 8.125rem;
        margin-bottom: 1.25rem;
    }

    .menu-catalog__back svg {
        width: 0.25rem;
        height: 0.5rem;
    }
}

.menu-catalog__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 0.625rem;
}

@media (max-width: 61.99875em) {
    .menu-catalog__list {
        position: relative;
        justify-content: normal;
        display: flex;
        align-items: baseline;
        flex-direction: column;
        row-gap: 0rem;
        column-gap: 0;
        gap: 0;
        flex-wrap: nowrap;
        width: 100%;
    }
}

.menu-catalog__item {
    position: relative;
    padding-right: 1.5625rem;
    padding-left: 1.5rem;
}

@media (max-width: 120em) {
    .menu-catalog__item {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

@media (max-width: 112.5em) {
    .menu-catalog__item {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
}

@media (max-width: 75em) {
    .menu-catalog__item {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

@media (max-width: 61.99875em) {
    .menu-catalog__item {
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-catalog__item span {
        display: none;
    }
}

.menu-catalog__link {
    letter-spacing: 0.02rem;
    transform: scale(1.15, 1);
    color: #000;
    line-height: 1.875;
    display: flex;
    align-items: center;
    font-stretch: 151%;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738, "opsz" 14;
    gap: 0.625rem;
    --border-color: #141414;
    --border-width: 2px;
    --bottom-distance: -1%;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-size: 0% var(--border-width);
    background-repeat: no-repeat;
    background-position: 50% calc(100% - var(--bottom-distance));
    font-weight: 500;
    font-size: 0.875rem;
    transition: background-size 0.3s;
}

@media (max-width: 87.5em) {
    .menu-catalog__link {
        font-weight: 500;
    }
}

@media (max-width: 75em) {
    .menu-catalog__link {
        font-size: 0.875rem;
    }
}

@media (max-width: 64em) {
    .menu-catalog__link {
        font-stretch: 140%;
    }
}

.menu-catalog__link_svg {
    display: none;
    fill: #141414;
}

@media (max-width: 61.99875em) {
    .menu-catalog__link_svg {
        display: block;
        width: 0.75rem;
        height: 0.5rem;
        fill: #141414;
        position: relative;
    }
}

.menu-catalog__link._sub-menu-active {
    --border-color: #141414;
    --border-width: 2px;
    --bottom-distance: 0px;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-size: 100% var(--border-width);
}

@media (max-width: 61.99875em) {
    .menu-catalog__link._sub-menu-active {
        background-size: 0;
    }
}

@media (max-width: 61.99875em) {
    .menu-catalog__link {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1rem 1.625rem;
    }

    .menu-catalog__link::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0.03125rem;
        background-color: #CECECE;
        left: 0;
    }

    .menu-catalog__link::before {
        top: 0;
    }
}

@media (min-width: 61.99875em) and (any-hover: hover) {
    .menu-catalog__link:hover {
        background-size: 100% var(--border-width);
    }
}

.menu-catalog__link__sub-menu {
    width: 100%;
    left: 0;
    top: 100%;
}

.menu-catalog__link__back {
    display: none;
}

@media (max-width: 61.99875em) {
    .menu-catalog__link__back {
        margin-top: 8.125rem;
        display: inline-flex;
        align-items: center;
    }
}

@media (max-width: 61.99875em) and (min-width: 20em) {
    .menu-catalog__link__back {
        font-size: 1.875rem;
    }
}

@media (max-width: 61.99875em) and (min-width: 0.0625em) and (max-width: 20em) {
    @supports (font-size: clamp( 1.25rem , 1.2480407524rem  +  3.1347962382vw , 1.875rem )) {
        .menu-catalog__link__back {
            font-size: clamp(1.25rem, 1.2480407524rem + 3.1347962382vw, 1.875rem);
        }
    }
    @supports not (font-size: clamp( 1.25rem , 1.2480407524rem  +  3.1347962382vw , 1.875rem )) {
        .menu-catalog__link__back {
            font-size: calc(1.25rem + 0.625 * (100vw - 0.0625rem) / 19.9375);
        }
    }
}

@media (max-width: 61.99875em) and (max-width: 0.0625em) {
    .menu-catalog__link__back {
        font-size: 1.25rem;
    }
}

@media (max-width: 61.99875em) {
    .menu-catalog__link__back:not(:last-child) {
        margin-bottom: 2.1666666667em;
    }

    .menu-catalog__link__back::before {
        margin: 0px 0.4333333333em 0px 0px;
    }
}

.fade-in-top {
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-11-22 18:31:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 61.99875em) {
    .menu-catalog__link_media::after {
        bottom: 0;
        content: "";
        position: absolute;
        width: 100%;
        height: 0.03125rem;
        background-color: #CECECE;
        left: 0;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #CECECE transparent;
        background-color: #000;
    }

    .sub-menu-open .sub-menu-catalog {
        display: block;
        left: 0;
        z-index: 6;
    }
}

.sub-menu-catalog__block {
    background-color: #fff;
}

.sub-menu-catalog__block._sub-menu-open {
    display: grid;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__block._sub-menu-open {
        display: block;
        width: 100%;
    }
}

.sub-menu-catalog__content {
    display: flex;
    max-width: 116.75rem;
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__content {
        flex-direction: column;
        width: 100%;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__content {
        margin: 0;
    }
}

.sub-menu-catalog__images {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
}

@media (min-width: 116.75em) {
    .sub-menu-catalog__images {
        margin-right: 2.25rem;
    }
}

@media (min-width: 84.375em) and (max-width: 116.75em) {
    @supports (margin-right: clamp( 1.5rem , -0.4546332046rem  +  2.3166023166vw , 2.25rem )) {
        .sub-menu-catalog__images {
            margin-right: clamp(1.5rem, -0.4546332046rem + 2.3166023166vw, 2.25rem);
        }
    }
    @supports not (margin-right: clamp( 1.5rem , -0.4546332046rem  +  2.3166023166vw , 2.25rem )) {
        .sub-menu-catalog__images {
            margin-right: calc(1.5rem + 0.75 * (100vw - 84.375rem) / 32.375);
        }
    }
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__images {
        margin-right: 1.5rem;
    }
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__images {
        display: none;
    }
}

.sub-menu-catalog__columns {
    position: relative;
}

@media (min-width: 156.25em) {
    .sub-menu-catalog__columns {
        padding-left: 3rem;
    }
}

@media (min-width: 100em) and (max-width: 156.25em) {
    @supports (padding-left: clamp( 2rem , 0.2222222222rem  +  1.7777777778vw , 3rem )) {
        .sub-menu-catalog__columns {
            padding-left: clamp(2rem, 0.2222222222rem + 1.7777777778vw, 3rem);
        }
    }
    @supports not (padding-left: clamp( 2rem , 0.2222222222rem  +  1.7777777778vw , 3rem )) {
        .sub-menu-catalog__columns {
            padding-left: calc(2rem + 1 * (100vw - 100rem) / 56.25);
        }
    }
}

@media (max-width: 100em) {
    .sub-menu-catalog__columns {
        padding-left: 2rem;
    }
}

@media (min-width: 156.25em) {
    .sub-menu-catalog__columns {
        padding-right: 3rem;
    }
}

@media (min-width: 100em) and (max-width: 156.25em) {
    @supports (padding-right: clamp( 2rem , 0.2222222222rem  +  1.7777777778vw , 3rem )) {
        .sub-menu-catalog__columns {
            padding-right: clamp(2rem, 0.2222222222rem + 1.7777777778vw, 3rem);
        }
    }
    @supports not (padding-right: clamp( 2rem , 0.2222222222rem  +  1.7777777778vw , 3rem )) {
        .sub-menu-catalog__columns {
            padding-right: calc(2rem + 1 * (100vw - 100rem) / 56.25);
        }
    }
}

@media (max-width: 100em) {
    .sub-menu-catalog__columns {
        padding-right: 2rem;
    }
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__columns::after, .sub-menu-catalog__columns::before {
        display: none;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__columns {
        padding: 0;
    }
}

.sub-menu-catalog__columns-close.menu-catalog__back {
    display: none;
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__columns-close.menu-catalog__back {
        margin-left: auto;
        font-size: 1.5rem;
        width: 2.25rem;
        height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__columns-close.menu-catalog__back {
        display: none;
    }
}

.sub-menu-catalog__columns-close.menu-catalog__back-block {
    display: none;
}

.sub-menu-catalog__columns-content {
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
    display: flex;
}
@media (max-width: 61.99875em) {
    .sub-menu-catalog__columns-content {
        flex-direction: column;
        padding: 0;
    }
}

@media (min-width: 125em) {
    .sub-menu-catalog__column:not(:last-child) {
        margin-right: 2.5rem;
    }
}

@media (min-width: 93.8125em) and (max-width: 125em) {
    @supports (margin-right: clamp( 2.5rem , 2.5rem  +  0vw , 2.5rem )) {
        .sub-menu-catalog__column:not(:last-child) {
            margin-right: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
        }
    }
    @supports not (margin-right: clamp( 2.5rem , 2.5rem  +  0vw , 2.5rem )) {
        .sub-menu-catalog__column:not(:last-child) {
            margin-right: calc(2.5rem + 0 * (100vw - 93.8125rem) / 31.1875);
        }
    }
}

@media (max-width: 93.8125em) {
    .sub-menu-catalog__column:not(:last-child) {
        margin-right: 2.5rem;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__column:not(:last-child) {
        margin-right: 0;
    }
}

.sub-menu-catalog__column-columns {
    display: flex;
}

@media (max-width: 62.5em) {
    .sub-menu-catalog__column-columns {
        flex-direction: column;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__category {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 1rem;
        padding: 1rem 1.625rem;
    }

    .sub-menu-catalog__category::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0.03125rem;
        background-color: #CECECE;
        left: 0;
    }

    .sub-menu-catalog__category::before {
        top: 0;
    }
}

.sub-menu-catalog__category-footer:not(:first-child) {
    margin-bottom: 0.75rem;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__category-footer:not(:first-child) {
        margin: 0;
    }
}

.sub-menu-catalog__category-footer:not(:last-child) {
    margin-bottom: 0.75rem;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__category-footer:not(:last-child) {
        margin: 0;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__category-footer {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1rem 1.625rem;
    }

    .sub-menu-catalog__category-footer::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0.03125rem;
        background-color: #CECECE;
        left: 0;
    }

    .sub-menu-catalog__category-footer::before {
        top: 0;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__list {
        display: none;
    }
}

.sub-menu-catalog__item:first-child {
    margin-top: 0.75rem;
}

.sub-menu-catalog__item:last-child {
    margin-bottom: 1.5rem;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__item {
        margin: 0;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__link {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
}

.sub-menu-catalog__search {
    padding-top: 1.125rem;
    padding-right: 1.5rem;
}

@media (min-width: 116.75em) {
    .sub-menu-catalog__search {
        padding-left: 2.25rem;
    }
}

@media (min-width: 61.9375em) and (max-width: 116.75em) {
    @supports (padding-left: clamp( 1.5rem , 0.6525085519rem  +  1.3683010262vw , 2.25rem )) {
        .sub-menu-catalog__search {
            padding-left: clamp(1.5rem, 0.6525085519rem + 1.3683010262vw, 2.25rem);
        }
    }
    @supports not (padding-left: clamp( 1.5rem , 0.6525085519rem  +  1.3683010262vw , 2.25rem )) {
        .sub-menu-catalog__search {
            padding-left: calc(1.5rem + 0.75 * (100vw - 61.9375rem) / 54.8125);
        }
    }
}

@media (max-width: 61.9375em) {
    .sub-menu-catalog__search {
        padding-left: 1.5rem;
    }
}

.sub-menu-catalog__search-line {
    width: 100%;
    height: 0.0625rem;
    background-color: #141414;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.sub-menu-catalog__search-all {
    font-weight: 200;
    font-size: 0.75rem;
    line-height: 1.1666666667;
    color: #141414;
}

.sub-menu-catalog__search-all:not(:last-child) {
    margin-bottom: 1.5rem;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__search {
        display: none;
        /*padding: 0;*/
    }
}

.sub-menu-catalog__form {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__form {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        /*padding: 10px;*/
    }
}

.sub-menu-catalog__form-input {
    outline: none;
    font-weight: 200;
    font-size: 1rem;
    line-height: 1.1875;
    width: 90%;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__form-input {
        margin: 1rem 0rem;
        margin-left: 0.0625rem;
    }
}

.sub-menu-catalog__icon {
    max-width: 1rem;
    max-height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    margin-left: auto;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__icon {
        margin-right: 0.5rem;
    }
}

.sub-menu-catalog__all-results {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    max-height: 34.375rem;
}

@media (max-width: 84.375em) {
    .sub-menu-catalog__search-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 0.625rem;
    }
}

.item-search-sub-menu-catalog {
    margin-bottom: 0.75rem;
    display: block;
}

@media (max-width: 84.375em) {
    .item-search-sub-menu-catalog {
        display: flex;
    }
}

.item-search-sub-menu-catalog__images {
    margin-right: 0.75rem;
    width: 100%;
    max-width: 7.5625rem;
}

@media (max-width: 84.375em) {
    .item-search-sub-menu-catalog__images img {
        width: 100%;
        max-width: 7.5625rem;
    }
}

.item-search-sub-menu-catalog__title {
    font-weight: 200;
    font-size: 0.875rem;
    line-height: 1.1428571429;
}

.item-search-sub-menu-catalog__title:not(:last-child) {
    margin-bottom: 0.75rem;
}

.item-search-sub-menu-catalog__guest {
    opacity: 0.3;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.1428571429;
}

.item-search-sub-menu-catalog__guest:not(:last-child) {
    margin-bottom: 0.375rem;
}

.item-search-sub-menu-catalog__drop {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.1428571429;
}

.item-search-sub-menu-catalog__drop:not(:last-child) {
    margin-bottom: 0.375rem;
}

@media (max-width: 61.99875em) {
    .menu-catalog__list {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        overflow: scroll;
        scrollbar-width: thin;
        scrollbar-color: #CECECE transparent;
        background-color: #fff;
        transition: left 0.3s ease 0s;
    }

    .catalog-open .menu-catalog__list {
        left: 0;
        z-index: 11;
    }
}

.menu-catalog__list__sub-menu {
    width: 100%;
    left: 0;
    top: 100%;
    flex-direction: column;
}

.menu-catalog__list__back {
    display: none;
}

@media (max-width: 61.99875em) {
    .menu-catalog__list__back {
        display: inline-flex;
        align-items: center;
    }
}

@media (max-width: 61.99875em) and (min-width: 20em) {
    .menu-catalog__list__back {
        font-size: 1.875rem;
    }
}

@media (max-width: 61.99875em) and (min-width: 0.0625em) and (max-width: 20em) {
    @supports (font-size: clamp( 1.25rem , 1.2480407524rem  +  3.1347962382vw , 1.875rem )) {
        .menu-catalog__list__back {
            font-size: clamp(1.25rem, 1.2480407524rem + 3.1347962382vw, 1.875rem);
        }
    }
    @supports not (font-size: clamp( 1.25rem , 1.2480407524rem  +  3.1347962382vw , 1.875rem )) {
        .menu-catalog__list__back {
            font-size: calc(1.25rem + 0.625 * (100vw - 0.0625rem) / 19.9375);
        }
    }
}

@media (max-width: 61.99875em) and (max-width: 0.0625em) {
    .menu-catalog__list__back {
        font-size: 1.25rem;
    }
}

@media (max-width: 61.99875em) {
    .menu-catalog__list__back:not(:last-child) {
        margin-bottom: 2.1666666667em;
    }

    .menu-catalog__list__back::before {
        margin: 0px 0.4333333333em 0px 0px;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog {
        position: fixed;
        top: 0;
        margin-top: 8.125rem;
        padding-bottom: 9.1875rem;
        left: -100%;
        width: 100%;
        height: 100%;
        overflow: scroll;
        scrollbar-width: thin;
        scrollbar-color: #CECECE transparent;
        background-color: #fff;
        transition: left 0.3s ease 0s;
    }

    .sub-menu-open .sub-menu-catalog {
        margin-top: 8.125rem;
        left: 0;
        z-index: 1000;
    }
}

.sub-menu-catalog__back {
    display: none;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__back {
        margin-bottom: 1.0625rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 1.5625rem;
        gap: 0.625rem;
    }

    .sub-menu-catalog__back_text {
        font-size: 0.875rem;
    }

    .sub-menu-catalog__back_text span {
        color: #CECECE;
    }
}

.sub-menu-catalog__list {
    transition: left 0.3s ease 0s;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__list {
        display: none;
    }
}

.sub-menu-catalog__link-pd {
    padding-left: 0.4875rem;
}

.sub-menu-catalog__link {
    font-weight: 200;
    line-height: 1.1875;
    transition: all 0.3s ease 0s;
}

@media (min-width: 116.75em) {
    .sub-menu-catalog__link {
        font-size: 0.875rem;
    }
}

@media (min-width: 61.9375em) and (max-width: 116.75em) {
    @supports (font-size: clamp( 0.875rem , 0.875rem  +  0vw , 0.875rem )) {
        .sub-menu-catalog__link {
            font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.875rem  +  0vw , 0.875rem )) {
        .sub-menu-catalog__link {
            font-size: calc(0.875rem + 0 * (100vw - 61.9375rem) / 54.8125);
        }
    }
}

@media (max-width: 61.9375em) {
    .sub-menu-catalog__link {
        font-size: 0.875rem;
    }
}

@media (min-width: 61.99875em) and (any-hover: hover) {
    .sub-menu-catalog__link:hover {
        text-decoration: underline;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__link {
        font-weight: 500;
        height: 100%;
    }
}

.sub-menu-catalog__link-category {
    font-weight: 600;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .sub-menu-catalog__link-category:hover {
        text-decoration: underline;
    }
}

@media (min-width: 116.75em) {
    .sub-menu-catalog__link-category {
        font-size: 1rem;
    }
}

@media (min-width: 93.8125em) and (max-width: 116.75em) {
    @supports (font-size: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .sub-menu-catalog__link-category {
            font-size: clamp(1rem, 1rem + 0vw, 1rem);
        }
    }
    @supports not (font-size: clamp( 1rem , 1rem  +  0vw , 1rem )) {
        .sub-menu-catalog__link-category {
            font-size: calc(1rem + 0 * (100vw - 93.8125rem) / 22.9375);
        }
    }
}

@media (max-width: 93.8125em) {
    .sub-menu-catalog__link-category {
        font-size: 1rem;
    }
}

@media (max-width: 61.99875em) {
    .sub-menu-catalog__link-category {
        width: 100%;
    }
}

.icon-menu {
    display: none;
}

@media (max-width: 61.99875em) {
    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: 1.125rem;
        z-index: 5;
    }
}

@media (max-width: 61.99875em) and (any-hover: none) {
    .icon-menu {
        cursor: default;
    }
}

@media (max-width: 61.99875em) {
    .icon-menu span, .icon-menu::before, .icon-menu::after {
        content: "";
        transition: all 0.3s ease 0s;
        right: 0;
        position: absolute;
        width: 100%;
        height: 0.125rem;
        background-color: #000;
        border-radius: 1.25rem;
    }

    .icon-menu::before {
        top: 0;
    }

    .icon-menu::after {
        bottom: 0;
    }

    .icon-menu span {
        top: calc(50% - 0.0625rem);
        max-width: 1.5rem;
        left: 0;
    }

    .menu-open .icon-menu span {
        width: 0;
    }

    .menu-open .icon-menu::before {
        top: calc(50% - 0.0625rem);
        transform: rotate(-45deg);
    }

    .menu-open .icon-menu::after {
        bottom: calc(50% - 0.0625rem);
        transform: rotate(45deg);
    }
}

.block::before {
    content: "";
    width: 50px;
    height: 50px;
    background-color: orange;
}

.menu-catalog__item_catalog-bg {
    border-bottom: 0.0625rem solid #141414;
    border-left: 0.0625rem solid #141414;
    border-right: 0.0625rem solid #141414;
}

@media (max-width: 87.5em) {
    .menu-catalog__item_catalog-bg {
        left: 70px;
    }
}

@media (min-width: 61.9375em) {
    .menu-catalog__item_catalog-bg {
        position: relative;
        top: -0.07rem;
    }
    .menu-catalog__item_catalog {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 auto;
        margin-top: 1.40625rem;
        padding-top: 1.25rem;
        display: none;
    }

    .menu-catalog__item_01:hover .sub-menu-catalog__block_1 {
        display: grid;
    }

    .menu-catalog__item_01:hover .menu-catalog__item_catalog {
        display: flex;
    }

    .menu-catalog__item_01:hover .menu-catalog__link {
        background-size: 100% var(--border-width);
    }

    .menu-catalog__item_01 .menu-catalog__item_catalog-bg {
        padding-top: 0.625rem;
    }

    .menu-catalog__item_01 .menu-catalog__item_catalog-bg {
        background-color: #fff;
        position: relative;
    }

    .menu-catalog__item_02:hover .sub-menu-catalog__block_2 {
        display: grid;
    }

    .menu-catalog__item_02:hover .menu-catalog__item_catalog {
        display: flex;
    }

    .menu-catalog__item_02:hover .menu-catalog__link {
        background-size: 100% var(--border-width);
    }

    .menu-catalog__item_02 .menu-catalog__item_catalog-bg {
        padding-top: 0.625rem;
    }

    .menu-catalog__item_02 .menu-catalog__item_catalog-bg {
        background-color: #fff;
        position: relative;
    }

    .menu-catalog__item_03:hover .sub-menu-catalog__block_3 {
        display: grid;
    }

    .menu-catalog__item_03:hover .menu-catalog__item_catalog {
        display: flex;
    }

    .menu-catalog__item_03:hover .menu-catalog__link {
        background-size: 100% var(--border-width);
    }

    .menu-catalog__item_03 .menu-catalog__item_catalog-bg {
        padding-top: 0.625rem;
    }

    .menu-catalog__item_03 .menu-catalog__item_catalog-bg {
        background-color: #fff;
        position: relative;
    }

    .menu-catalog__item_04:hover .sub-menu-catalog__block_4 {
        display: grid;
    }

    .menu-catalog__item_04:hover .menu-catalog__item_catalog {
        display: flex;
    }

    .menu-catalog__item_04:hover .menu-catalog__link {
        background-size: 100% var(--border-width);
    }

    .menu-catalog__item_04 .menu-catalog__item_catalog-bg {
        padding-top: 0.625rem;
    }

    .menu-catalog__item_04 .menu-catalog__item_catalog-bg {
        background-color: #fff;
        position: relative;
    }

    .menu-catalog__item_05:hover .sub-menu-catalog__block_5 {
        display: grid;
    }

    .menu-catalog__item_05:hover .menu-catalog__item_catalog {
        display: flex;
    }

    .menu-catalog__item_05:hover .menu-catalog__link {
        background-size: 100% var(--border-width);
    }

    .menu-catalog__item_05 .menu-catalog__item_catalog-bg {
        padding-top: 0.625rem;
    }

    .menu-catalog__item_05 .menu-catalog__item_catalog-bg {
        background-color: #fff;
        position: relative;
    }

    .menu-catalog__item_06:hover .sub-menu-catalog__block_6 {
        display: grid;
    }

    .menu-catalog__item_06:hover .menu-catalog__item_catalog {
        display: flex;
    }

    .menu-catalog__item_06:hover .menu-catalog__link {
        background-size: 100% var(--border-width);
    }

    .menu-catalog__item_06 .menu-catalog__item_catalog-bg {
        padding-top: 0.625rem;
    }

    .menu-catalog__item_06 .menu-catalog__item_catalog-bg {
        background-color: #fff;
        position: relative;
    }
}

.menu-catalog__item_catalog {
    justify-content: center;
    max-width: 100%;
}

@media (max-width: 61.99875em) {
    .header__catalog {
        display: none;
    }
}

.menu-catalog__item_catalog-bg-one-column {
    min-width: 342px;
}

.menu-catalog__item_catalog-bg-two-column {
    min-width: 470px;
}

.menu-catalog__item_catalog-bg-three-column {
    min-width: 590px;
}

.menu-catalog__item_catalog-bg-four-column {
    min-width: 700px;
}

.menu-catalog__item_catalog-bg-five-column {
    min-width: 950px;
}

.menu-catalog__item_catalog-end {
    justify-content: end;
}

.menu-catalog__item_catalog-start {
    justify-content: start;
}

/*footer start*/
.footer__title_sl {
    padding-top: 1.25rem;
}

.footer__line {
    width: 100%;
    height: 0.0625rem;
    background-color: #141414;
}

@media (min-width: 152.9375em) {
    .footer__container {
        margin-top: 6rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 3rem , 2.5486600846rem  +  2.2566995769vw , 6rem )) {
        .footer__container {
            margin-top: clamp(3rem, 2.5486600846rem + 2.2566995769vw, 6rem) !important;
        }
    }
    @supports not (margin-top: clamp( 3rem , 2.5486600846rem  +  2.2566995769vw , 6rem )) {
        .footer__container {
            margin-top: calc(3rem + 3 * (100vw - 20rem) / 132.9375) !important;
        }
    }
}

@media (max-width: 20em) {
    .footer__container {
        margin-top: 3rem;
    }
}

@media (min-width: 152.9375em) {
    .footer__container {
        margin-bottom: 5.8125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 2.25rem , 1.7140338505rem  +  2.6798307475vw , 5.8125rem )) {
        .footer__container {
            margin-bottom: clamp(2.25rem, 1.7140338505rem + 2.6798307475vw, 5.8125rem) !important;
        }
    }
    @supports not (margin-bottom: clamp( 2.25rem , 1.7140338505rem  +  2.6798307475vw , 5.8125rem )) {
        .footer__container {
            margin-bottom: calc(2.25rem + 3.5625 * (100vw - 20rem) / 132.9375) !important;
        }
    }
}

@media (max-width: 20em) {
    .footer__container {
        margin-bottom: 2.25rem;
    }
}

.footer__container {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

@media (max-width: 75em) {
    .footer__container {
        padding-right: 2.375rem !important;
        padding-left: 2.375rem !important;
    }
}

@media (max-width: 56.25em) {
    .footer__container {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
        margin-top: 1.875rem !important;
    }
}

.footer__columns {
    display: flex;
}

@media (max-width: 43.75em) {
    .footer__contacts {
        display: flex;
        align-items: center;
        gap: 5rem;
    }
}

.footer__column {
    margin-right: 0.625rem;
}

.footer__column_first {
    max-width: 23.0625rem;
}

@media (min-width: 68.75em) {
    .footer__column_first {
        margin-right: 13.75rem;
    }
}

@media (min-width: 20em) and (max-width: 68.75em) {
    @supports (margin-right: clamp( 3.75rem , -0.3525641026rem  +  20.5128205128vw , 13.75rem )) {
        .footer__column_first {
            margin-right: clamp(3.75rem, -0.3525641026rem + 20.5128205128vw, 13.75rem);
        }
    }
    @supports not (margin-right: clamp( 3.75rem , -0.3525641026rem  +  20.5128205128vw , 13.75rem )) {
        .footer__column_first {
            margin-right: calc(3.75rem + 10 * (100vw - 20rem) / 48.75);
        }
    }
}

@media (max-width: 20em) {
    .footer__column_first {
        margin-right: 3.75rem;
    }
}

@media (max-width: 112.5em) {
    .footer__column_first {
        margin-right: 5rem;
    }
}

@media (max-width: 85.375em) {
    .footer__column_first {
        margin-right: 3.125rem;
    }
}

@media (max-width: 75em) {
    .footer__column_first {
        margin-right: 4.125rem;
    }
}

@media (max-width: 50em) {
    .footer__column_first {
        display: flex;
        margin-right: 0;
        justify-content: space-between;
        max-width: none;
    }
}

@media (max-width: 50em) and (min-width: 50em) {
    .footer__column_first {
        margin-top: 4.375rem;
    }
}

@media (max-width: 50em) and (min-width: 23.125em) and (max-width: 50em) {
    @supports (margin-top: clamp( 2.25rem , 0.4215116279rem  +  7.9069767442vw , 4.375rem )) {
        .footer__column_first {
            margin-top: clamp(2.25rem, 0.4215116279rem + 7.9069767442vw, 4.375rem);
        }
    }
    @supports not (margin-top: clamp( 2.25rem , 0.4215116279rem  +  7.9069767442vw , 4.375rem )) {
        .footer__column_first {
            margin-top: calc(2.25rem + 2.125 * (100vw - 23.125rem) / 26.875);
        }
    }
}

@media (max-width: 50em) and (max-width: 23.125em) {
    .footer__column_first {
        margin-top: 2.25rem;
    }
}

.footer__column_second {
    max-width: 16.25rem;
    white-space: nowrap;
}

@media (min-width: 156.25em) {
    .footer__column_second {
        margin-right: 9.375rem;
    }
}

@media (min-width: 50em) and (max-width: 156.25em) {
    @supports (margin-right: clamp( 1.875rem , -1.6544117647rem  +  7.0588235294vw , 9.375rem )) {
        .footer__column_second {
            margin-right: clamp(1.875rem, -1.6544117647rem + 7.0588235294vw, 9.375rem);
        }
    }
    @supports not (margin-right: clamp( 1.875rem , -1.6544117647rem  +  7.0588235294vw , 9.375rem )) {
        .footer__column_second {
            margin-right: calc(1.875rem + 7.5 * (100vw - 50rem) / 106.25);
        }
    }
}

@media (max-width: 50em) {
    .footer__column_second {
        margin-right: 1.875rem;
    }
}

@media (max-width: 43.75em) {
    .footer__column_second {
        max-width: none;
        margin-bottom: 2.8125rem;
    }
}

.footer__column_third {
    max-width: 15.9375rem;
}

@media (min-width: 150em) {
    .footer__column_third {
        margin-right: 10.5rem;
    }
}

@media (min-width: 50em) and (max-width: 150em) {
    @supports (margin-right: clamp( 1.875rem , -2.4375rem  +  8.625vw , 10.5rem )) {
        .footer__column_third {
            margin-right: clamp(1.875rem, -2.4375rem + 8.625vw, 10.5rem);
        }
    }
    @supports not (margin-right: clamp( 1.875rem , -2.4375rem  +  8.625vw , 10.5rem )) {
        .footer__column_third {
            margin-right: calc(1.875rem + 8.625 * (100vw - 50rem) / 100);
        }
    }
}

@media (max-width: 50em) {
    .footer__column_third {
        margin-right: 1.875rem;
    }
}

@media (min-width: 152.9375em) {
    .footer__logo {
        margin-bottom: 2.25rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 0.5625rem , 0.3086212976rem  +  1.269393512vw , 2.25rem )) {
        .footer__logo {
            margin-bottom: clamp(0.5625rem, 0.3086212976rem + 1.269393512vw, 2.25rem);
        }
    }
    @supports not (margin-bottom: clamp( 0.5625rem , 0.3086212976rem  +  1.269393512vw , 2.25rem )) {
        .footer__logo {
            margin-bottom: calc(0.5625rem + 1.6875 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__logo {
        margin-bottom: 0.5625rem;
    }
}

@media (min-width: 152.9375em) {
    .footer__logo img {
        width: 12.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (width: clamp( 6.5rem , 5.5973201693rem  +  4.5133991537vw , 12.5rem )) {
        .footer__logo img {
            width: clamp(6.5rem, 5.5973201693rem + 4.5133991537vw, 12.5rem);
        }
    }
    @supports not (width: clamp( 6.5rem , 5.5973201693rem  +  4.5133991537vw , 12.5rem )) {
        .footer__logo img {
            width: calc(6.5rem + 6 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__logo img {
        width: 6.5rem;
    }
}

@media (min-width: 152.9375em) {
    .footer__logo img {
        height: 3.125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (height: clamp( 1.625rem , 1.3993300423rem  +  1.1283497884vw , 3.125rem )) {
        .footer__logo img {
            height: clamp(1.625rem, 1.3993300423rem + 1.1283497884vw, 3.125rem);
        }
    }
    @supports not (height: clamp( 1.625rem , 1.3993300423rem  +  1.1283497884vw , 3.125rem )) {
        .footer__logo img {
            height: calc(1.625rem + 1.5 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__logo img {
        height: 1.625rem;
    }
}

@media (max-width: 120em) {
    .footer__logo img {
        width: 200px;
        height: 50px;
    }
}

@media (max-width: 112.5em) {
    .footer__logo img {
        width: 140px;
        height: 35px;
    }
}

@media (max-width: 81.25em) {
    .footer__logo img {
        width: 104px;
        height: 26px;
    }
}

@media (min-width: 152.9375em) {
    .footer__text {
        margin-bottom: 8.125rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 1rem , -0.071932299rem  +  5.3596614951vw , 8.125rem )) {
        .footer__text {
            margin-bottom: clamp(1rem, -0.071932299rem + 5.3596614951vw, 8.125rem);
        }
    }
    @supports not (margin-bottom: clamp( 1rem , -0.071932299rem  +  5.3596614951vw , 8.125rem )) {
        .footer__text {
            margin-bottom: calc(1rem + 7.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__text {
        margin-bottom: 1rem;
    }
}

@media (max-width: 112.5em) {
    .footer__text {
        font-size: 0.875rem;
    }
}

@media (max-width: 75em) {
    .footer__text {
        max-width: 11rem;
    }
}

.footer__flex {
    gap: 0.75rem;
}

@media (max-width: 37.5em) {
    .footer__flex_first {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.footer__cards {
    display: flex;
    gap: 1rem;
}

@media (min-width: 152.9375em) {
    .footer__cards {
        margin-bottom: 2rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 0.625rem , 0.4181358721rem  +  1.0343206394vw , 2rem )) {
        .footer__cards {
            margin-bottom: clamp(0.625rem, 0.4181358721rem + 1.0343206394vw, 2rem);
        }
    }
    @supports not (margin-bottom: clamp( 0.625rem , 0.4181358721rem  +  1.0343206394vw , 2rem )) {
        .footer__cards {
            margin-bottom: calc(0.625rem + 1.375 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__cards {
        margin-bottom: 0.625rem;
    }
}

@media (max-width: 50em) {
    .footer__cards {
        justify-content: flex-end;
    }
}

@media (max-width: 37.5em) {
    .footer__cards {
        justify-content: normal;
    }
}

@media (min-width: 152.9375em) {
    .footer__title {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-bottom: clamp( 1rem , 0.9247766808rem  +  0.3761165961vw , 1.5rem )) {
        .footer__title {
            margin-bottom: clamp(1rem, 0.9247766808rem + 0.3761165961vw, 1.5rem);
        }
    }
    @supports not (margin-bottom: clamp( 1rem , 0.9247766808rem  +  0.3761165961vw , 1.5rem )) {
        .footer__title {
            margin-bottom: calc(1rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__title {
        margin-bottom: 1rem;
    }
}

@media (min-width: 152.9375em) {
    .footer__title:not(:first-child) {
        margin-top: 2.5rem;
    }
}

@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1.375rem , 1.2057475317rem  +  0.8462623413vw , 2.5rem )) {
        .footer__title:not(:first-child) {
            margin-top: clamp(1.375rem, 1.2057475317rem + 0.8462623413vw, 2.5rem);
        }
    }
    @supports not (margin-top: clamp( 1.375rem , 1.2057475317rem  +  0.8462623413vw , 2.5rem )) {
        .footer__title:not(:first-child) {
            margin-top: calc(1.375rem + 1.125 * (100vw - 20rem) / 132.9375);
        }
    }
}

@media (max-width: 20em) {
    .footer__title:not(:first-child) {
        margin-top: 1.375rem;
    }
}

@media (max-width: 112.5em) {
    .footer__title {
        font-size: 1rem;
    }
}

.footer__messengers {
    margin-top: 2.5rem;
}

@media (max-width: 43.75em) {
    .footer__messengers {
        margin-top: 1.25rem;
        position: relative;
    }
}

.footer__container-big {
    display: flex;
    justify-content: center;
    padding: 1.5625rem 0rem !important;
}

@media (max-width: 112.5em) {
    .footer__container-big {
        font-size: 0.625rem !important;
    }
}

.footer-rating {
    gap: 2rem;
    display: flex;
}

@media (max-width: 112.5em) {
    .footer-rating {
        display: flex;
        gap: 0.5rem;
    }
}

@media (max-width: 85.375em) {
    .footer-rating {
        flex-direction: column;
    }
}

.footer-rating__body {
    margin-bottom: 0.5rem;
}

.footer-rating__value {
    display: none;
}

.footer-rating__info {
    margin-top: 0.625rem;
}

.menu-footer__item:not(:last-child) {
    margin-bottom: 0.75rem;
}

.menu-footer__link {
    gap: 0.75rem;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
}

@media (min-width: 61.99875em) and (any-hover: hover) {
    .menu-footer__link:hover {
        opacity: 0.5;
    }
}

.menu-footer__link svg {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 112.5em) {
    .menu-footer__link {
        font-size: 0.75rem;
    }

    .menu-footer__link svg {
        width: 12px;
        height: 12px;
    }
}

.footer-rating_body {
    margin-top: 0.625rem;
}

@media (max-width: 112.5em) {
    .footer-rating_body {
        letter-spacing: 0.4rem;
        font-size: 1.25rem;
    }
}

@media (max-width: 50em) {
    .footer-rating_body {
        justify-content: flex-end;
    }
}

@media (max-width: 37.5em) {
    .footer-rating_body {
        padding-left: 0;
        justify-content: normal;
    }
}

.footer__column_last {
    margin-left: 3.75rem;
}

.footer-cards-media {
    display: none;
}

@media (max-width: 37.5em) {
    .footer-cards-media {
        display: block;
    }
}

/*footer end*/
.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0;
}

[data-tippy-root] {
    max-width: calc(100vw - 10px);
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}

.swiper {
    overflow: hidden;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative;
}

.swiper-vertical .swiper-wrapper {
    flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
}

.swiper-initialized .swiper-slide {
    flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
    display: none !important;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.container {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
}
@media (max-width: 37.5em) {
    .container {
        gap: 0.75rem;
    }
}


._timer-closed {
    display: none;
    visibility: hidden;
}
.flip-card {
    background: rgba(255, 255, 255, 0.002);
    box-shadow: 0px 0.954732px 1.4321px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.1666666667;
}
@media (max-width: 112.5em) {
    .flip-card {
        font-size: 2rem;
    }
}
@media (max-width: 75em) {
    .flip-card {
        font-size: 1.5rem;
    }
}
@media (max-width: 37.5em) {
    .flip-card {
        font-size: 1.25rem;
    }
}

.top,
.bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
    height: 0.75em;
    line-height: 1;
    padding: 0.25em;
    overflow: hidden;
}

.top,
.flip-card .top-flip {
    border-bottom: 0.477366px solid rgba(0, 0, 0, 0.1);
    background: #f7f7f7;
}

.bottom,
.flip-card .bottom-flip {
    background: #ffffff;
    display: flex;
    align-items: flex-end;
}

.flip-card .top-flip {
    border-radius: 20px 20px 0px 0px;
    position: absolute;
    width: 100%;
    animation: flip-top 250ms ease-in;
    transform-origin: bottom;
}

@keyframes flip-top {
    100% {
        transform: rotateX(90deg);
    }
}
.flip-card .bottom-flip {
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    animation: flip-bottom 250ms ease-out 250ms;
    transform-origin: top;
    transform: rotateX(90deg);
}

@keyframes flip-bottom {
    100% {
        transform: rotateX(0deg);
    }
}

.container-segment {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.swiper__button {
    border: 0.0625rem solid #9C896D;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 30%;
    width: 4rem;
    height: 4rem;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (any-hover: hover) {
    .swiper__button:hover {
        transition: all 0.3s ease 0s;
        background-color: rgb(208, 208, 208);
    }
}
@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button {
        width: 4rem;
    }
}
@media (max-width: 119.9375em) and (min-width: 87.5em) and (max-width: 119.9375em) {
    @supports (width: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            width: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem );
        }
    }
    @supports not (width: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            width: calc(2rem + 2 * (100vw - 87.5rem) / 32.4375);
        }
    }
}
@media (max-width: 119.9375em) and (max-width: 87.5em) {
    .swiper__button {
        width: 2rem;
    }
}
@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button {
        height: 4rem;
    }
}
@media (max-width: 119.9375em) and (min-width: 87.5em) and (max-width: 119.9375em) {
    @supports (height: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            height: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem );
        }
    }
    @supports not (height: clamp( 2rem , -3.3949903661rem  +  6.1657032755vw , 4rem )) {
        .swiper__button {
            height: calc(2rem + 2 * (100vw - 87.5rem) / 32.4375);
        }
    }
}
@media (max-width: 119.9375em) and (max-width: 87.5em) {
    .swiper__button {
        height: 2rem;
    }
}
.swiper__button-margin {
    margin: 0rem 4rem;
}
@media (max-width: 112.5em) {
    .swiper__button-margin {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}
@media (max-width: 75em) {
    .swiper__button-margin {
        margin: 0rem 1.125rem;
    }
}
@media (max-width: 61.99875em) {
    .swiper__button-margin {
        margin: 0rem 0.4375rem;
    }
}
.swiper__button svg {
    position: relative;
    z-index: 10;
    width: 0.75rem;
    height: 1.5rem;
    fill: black;
}
@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button svg {
        width: 0.75rem;
    }
}
@media (max-width: 119.9375em) and (min-width: 23.4375em) and (max-width: 119.9375em) {
    @supports (width: clamp( 0.375rem , 0.2839216321rem  +  0.3886010363vw , 0.75rem )) {
        .swiper__button svg {
            width: clamp( 0.375rem , 0.2839216321rem  +  0.3886010363vw , 0.75rem );
        }
    }
    @supports not (width: clamp( 0.375rem , 0.2839216321rem  +  0.3886010363vw , 0.75rem )) {
        .swiper__button svg {
            width: calc(0.375rem + 0.375 * (100vw - 23.4375rem) / 96.5);
        }
    }
}
@media (max-width: 119.9375em) and (max-width: 23.4375em) {
    .swiper__button svg {
        width: 0.375rem;
    }
}
@media (max-width: 119.9375em) and (min-width: 119.9375em) {
    .swiper__button svg {
        height: 1.5rem;
    }
}
@media (max-width: 119.9375em) and (min-width: 23.4375em) and (max-width: 119.9375em) {
    @supports (height: clamp( 0.75rem , 0.5678432642rem  +  0.7772020725vw , 1.5rem )) {
        .swiper__button svg {
            height: clamp( 0.75rem , 0.5678432642rem  +  0.7772020725vw , 1.5rem );
        }
    }
    @supports not (height: clamp( 0.75rem , 0.5678432642rem  +  0.7772020725vw , 1.5rem )) {
        .swiper__button svg {
            height: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 96.5);
        }
    }
}
@media (max-width: 119.9375em) and (max-width: 23.4375em) {
    .swiper__button svg {
        height: 0.75rem;
    }
}
.swiper__button_next {
    right: -3.8%;
    transform: rotate(180deg);
}
@media (max-width: 93.75em) {
    .swiper__button_next {
        right: -1.8%;
    }
}
@media (max-width: 61.99875em) {
    .swiper__button_next {
        right: 0;
    }
}
.swiper__button_prev {
    left: -3.8%;
}
@media (max-width: 93.75em) {
    .swiper__button_prev {
        left: -1.8%;
    }
}
@media (max-width: 61.99875em) {
    .swiper__button_prev {
        left: 0;
    }
}

.slide-new-receipts__items {
    display: flex;
}
@media (max-width: 37.5em) {
    .slide-new-receipts__items {
        padding-bottom: 0.9375rem;
    }
}
.slide-new-receipts__item-none-hover {
    position: relative;
}
@media (any-hover: hover) {
    .slide-new-receipts__item-none-hover:hover .item-slide-new-receipts__image-01 {
        display: none;
    }
    .slide-new-receipts__item-none-hover:hover .item-slide-new-receipts__image-02 {
        display: block;
    }
}
.slide-new-receipts__item {
    position: relative;
}
@media (min-width: 61.99875em) and (any-hover: hover) {
    .slide-new-receipts__item:hover {
        transition: all 0.3s ease 0s;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    }
    .slide-new-receipts__item:hover .item-slide-new-receipts__size {
        opacity: 1;
    }
}

.swiper-new-receipts-rating__block {
    padding-top: 1rem;
}
@media (max-width: 112.5em) {
    .swiper-new-receipts-rating__block {
        padding-top: 0.5rem;
    }
}

.swiper-new-receipts-rating__block-none {
    padding-top: 2.5rem;
}
@media (max-width: 112.5em) {
    .swiper-new-receipts-rating__block-none {
        padding-top: 1.28125rem;
    }
}

.rating-item-slider-reviews__body .rating__active::before {
    color: #9C896D;
}

.swiper-new-receipts-rating__body {
    letter-spacing: 0.15rem;
}
@media (max-width: 112.5em) {
    .swiper-new-receipts-rating__body {
        font-size: 1.125rem;
    }
}
@media (max-width: 37.5em) {
    .swiper-new-receipts-rating__body {
        font-size: 0.875rem;
        letter-spacing: 0.05rem;
    }
}
.swiper-new-receipts-rating__body::before {
    color: #9C896D;
}
.swiper-new-receipts-rating__body .rating__active::before {
    color: #9C896D;
}

.swiper-new-receipts-rating__body-value {
    display: flex;
    align-items: center;
    gap: 0.0625rem;
    font-weight: 500;
    margin-left: 0.75rem;
}
@media (max-width: 37.5em) {
    .swiper-new-receipts-rating__body-value {
        position: relative;
        top: 2.5px;
        margin-left: 0.25rem;
    }
}

.swiper-new-receipts-rating__value {
    font-weight: 500;
    font-size: 18px;
}
@media (max-width: 112.5em) {
    .swiper-new-receipts-rating__value {
        font-size: 0.875rem;
        font-weight: 400;
    }
}
@media (max-width: 37.5em) {
    .swiper-new-receipts-rating__value {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
    }
}

.swiper-new-receipts-rating__value-none {
    display: none;
}

@media (max-width: 87.5em) {
    .item-slide-new-receipts__price__flex-prise-button {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 64em) {
    .item-slide-new-receipts__price__flex-prise-button {
        min-width: auto;
    }
    .item-slide-new-receipts__price__flex-prise-button .button-hover-class-none {
        display: block;
    }
    .item-slide-new-receipts__price__flex-prise-button .button-hover-class-block {
        display: none;
    }
}

.item-slide-new-receipts__price__flex-prise-button-link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 1.5rem;
    border: 1px solid #141414;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    border-radius: 36px;
}
.item-slide-new-receipts__price__flex-prise-button-link svg {
    width: 14.67px;
    height: 16px;
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__price__flex-prise-button-link {
        font-size: 0.75rem;
        padding: 0.5rem 1.125rem;
    }
    .item-slide-new-receipts__price__flex-prise-button-link svg {
        width: 12.67px;
        height: 14px;
    }
}
@media (max-width: 87.5em) {
    .item-slide-new-receipts__price__flex-prise-button-link {
        margin-top: 0.625rem;
        min-width: 100%;
        justify-content: center;
    }
}
@media (max-width: 64em) {
    .item-slide-new-receipts__price__flex-prise-button-link {
        min-width: auto;
        background-color: #9C896D;
        border: 0.0625rem solid #9C896D;
        color: #fff;
    }
    .item-slide-new-receipts__price__flex-prise-button-link svg {
        width: 14.67px;
        height: 16px;
    }
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__price__flex-prise-button-link {
        padding: 0.25rem 0.5375rem;
    }
}

.item-slide-new-receipts__price__flex-prise {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
@media (max-width: 64em) {
    .item-slide-new-receipts__price__flex-prise {
        align-items: normal;
        flex-direction: row;
    }
}

.swiper-new-receipts-rating__block-max {
    min-height: 2.375rem;
}
.swiper-new-receipts-rating__block-max:first-child {
    margin-top: 1.75rem;
}
@media (max-width: 125em) {
    .swiper-new-receipts-rating__block-max:first-child {
        margin-top: 1.65625rem;
    }
}
@media (max-width: 112.5em) {
    .swiper-new-receipts-rating__block-max:first-child {
        margin-top: 1.46875rem;
    }
}
.swiper-new-receipts-rating__enum {
    color: #cecece;
    font-weight: 500;
    font-size: 18px;
    line-height: 0;
}
@media (max-width: 112.5em) {
    .swiper-new-receipts-rating__enum {
        font-size: 0.875rem;
        font-weight: 400;
    }
}
@media (max-width: 37.5em) {
    .swiper-new-receipts-rating__enum {
        font-weight: 400;
        font-size: 12px;
        line-height: 0;
    }
}

.item-slide-new-receipts {
    position: relative;
    display: block;
}
.item-slide-new-receipts__image {
    display: block;
    position: relative;
    padding-bottom: 149.7584541063%;
}
@media (max-width: 30em) {
    .item-slide-new-receipts__image {
        padding-bottom: 147.619047619%;
    }
}
.item-slide-new-receipts__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.item-slide-new-receipts__image-02 {
    opacity: 0;
}
.item-slide-new-receipts__text-block {
    position: relative;
    background-color: #fff;
    padding: 0.25rem;
}
.item-slide-new-receipts__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 0.625rem;
}
@media (any-hover: hover) {
    .item-slide-new-receipts__text:hover {
        text-decoration: underline;
    }
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__text {
        font-size: 0.75rem;
    }
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__text {
        font-weight: 200;
        font-size: 12px;
        line-height: 14px;
    }
}
.item-slide-new-receipts__price {
    background-color: #fff;
    position: relative;
    z-index: 20;
    margin-bottom: 2.625rem;
    margin-top: 0.625rem;
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__price {
        margin-bottom: 0;
    }
}
.item-slide-new-receipts__price-user {
    display: flex;
    flex-direction: column-reverse;
    gap: 0.5rem;
    min-height: 3.125rem;
}
.item-slide-new-receipts__price-user.item-slide-new-receipts__price-user_flex {
    flex-direction: initial;
    display: flex;
    align-items: center;
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__price-user {
        gap: 0.25rem;
    }
}
.item-slide-new-receipts__price-more-text {
    margin-top: 0.0625rem;
}
.item-slide-new-receipts__price-drop {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__price-drop {
        font-weight: 700;
        font-size: 18px;
    }
}
@media (max-width: 62.5em) {
    .item-slide-new-receipts__price-drop {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
    }
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__price-drop {
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
    }
}
.item-slide-new-receipts__price-guest {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    opacity: 0.3;
    text-decoration: line-through;
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__price-guest {
        font-size: 12px;
    }
}
@media (max-width: 62.5em) {
    .item-slide-new-receipts__price-guest {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
    }
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__price-guest {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
    }
}
.item-slide-new-receipts__size {
    position: relative;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #CECECE transparent;
    gap: 0.5rem;
    opacity: 0;
    display: flex;
    max-width: 90%;
}
.item-slide-new-receipts__size::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    top: 3px;
    opacity: 0.1;
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__size {
        gap: 0.25rem;
    }
}
@media (max-width: 64em) {
    .item-slide-new-receipts__size {
        opacity: 1;
    }
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__size-item img {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 85.375em) {
    .item-slide-new-receipts__size-item img {
        display: none;
    }
}
.item-slide-new-receipts__size-item img {
    margin-top: 0.5rem;
}
.item-slide-new-receipts__size-item-line {
    display: none;
}
.item-slide-new-receipts__size-size {
    margin-top: 0.75rem;
    font-weight: 200;
    font-size: 1rem;
    line-height: 1.1875;
    color: #141414;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #cecece;
    border-radius: 18px;
    max-height: 1.5625rem;
    min-height: 1.5625rem;
    min-width: 1.5625rem;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}
@media (max-width: 137.5em) {
    .item-slide-new-receipts__size-size {
        font-size: 0.75rem;
        margin-top: 0.5rem;
    }
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__size-size {
        border-radius: 18px;
        max-height: 1.5625rem;
        min-height: 1.5625rem;
        min-width: 1.5625rem;
    }
}
@media (max-width: 43.75em) {
    .item-slide-new-receipts__size-size {
        max-height: 1.375rem;
        min-height: 1.375rem;
        min-width: 1.375rem;
        font-size: 0.6875rem;
    }
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__size-size {
        font-size: 0.625rem;
    }
}

.item-slide-new-receipts__size-size-text {
    border-radius: 18px;
    padding: 0.28125rem 0.625rem;
}
@media (max-width: 112.5em) {
    .item-slide-new-receipts__size-size-text {
        border-radius: 18px;
        padding: 0.28125rem 0.375rem;
    }
}
@media (max-width: 43.75em) {
    .item-slide-new-receipts__size-size-text {
        padding: 0.25rem 0.15625rem;
        font-size: 0.6875rem;
    }
}

.item-slide-new-receipts__size-item-last {
    border-radius: 18px;
    padding: 0.28125rem 0.625rem;
}
@media (max-width: 37.5em) {
    .item-slide-new-receipts__size-item-last {
        padding: 0.28125rem 0.25rem;
        border-radius: 18px;
        min-height: 21px;
        max-height: 21px;
        min-width: auto;
    }
}

.select-custom-base,
.select-custom {
    position: relative;
}
.select-custom-base .custom-select-container,
.select-custom .custom-select-container {
    transition: all 0.3s ease 0s;
    border: 0.0625rem solid #9C896D;
    font-weight: 500;
    cursor: pointer;
    min-width: 14.375rem;
    width: 100%;
    border-radius: 1.5rem;
}
@media (max-width: 93.75em) {
    .select-custom-base .custom-select-container,
    .select-custom .custom-select-container {
        min-width: 11.875rem;
    }
}
@media (any-hover: hover) {
    .select-custom-base .custom-select-container:hover,
    .select-custom .custom-select-container:hover {
        background: #F0E8DB;
        border: 1px solid #9C896D;
        border-radius: 24px;
    }
}
.select-custom-base .custom-select-container .select-custom,
.select-custom .custom-select-container .select-custom {
    padding: 0.9375rem 0.75rem;
    font-size: 1rem;
}
@media (max-width: 112.5em) {
    .select-custom-base .custom-select-container .select-custom,
    .select-custom .custom-select-container .select-custom {
        font-size: 0.8125rem;
        padding: 0.65625rem 0.75rem;
    }
}
.select-custom-base .custom-select-container .select-custom::after,
.select-custom .custom-select-container .select-custom::after {
    transition: all 0.3s ease 0s;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px 6px 0 6px;
    border-color: #141414 transparent transparent transparent;
    border-style: solid;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 112.5em) {
    .select-custom-base .custom-select-container .select-custom::after,
    .select-custom .custom-select-container .select-custom::after {
        border-width: 7px 5px 0 5px;
    }
}
.select-custom-base .custom-select-container.open,
.select-custom .custom-select-container.open {
    color: #fff;
    background-color: #9C896D;
}
.select-custom-base .custom-select-container.open .custom-select-options,
.select-custom .custom-select-container.open .custom-select-options {
    display: block;
    color: #141414;
    max-height: 18.75rem;
    overflow-y: scroll;
    overflow-x: hidden;
}
.select-custom-base .custom-select-container.open .select-custom::after,
.select-custom .custom-select-container.open .select-custom::after {
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
}
@media (max-width: 112.5em) {
    .select-custom-base .custom-select-container.open .select-custom::after,
    .select-custom .custom-select-container.open .select-custom::after {
        border-width: 0 5px 7px 5px;
    }
}
.select-custom-base .custom-select-options,
.select-custom .custom-select-options {
    border: 0.0625rem solid #9C896D;
    border-radius: 1.5rem;
    transition: all 0.2s ease 0s;
    padding: 0.375rem 0.375rem;
    position: absolute;
    background-color: #fff !important;
    top: 105%;
    left: 0;
    right: 0;
    display: none;
    z-index: 41;
    pointer-events: auto;
}
.select-custom-base .custom-select-options .custom-select-option-disabled,
.select-custom .custom-select-options .custom-select-option-disabled {
    pointer-events: none;
    opacity: 0.6;
}
.select-custom-base .custom-select-options li,
.select-custom .custom-select-options li {
    cursor: pointer;
    z-index: 50;
    padding: 0.875rem 0.375rem;
    border-radius: 1.5rem;
    transition: all 0.3s ease 0s;
    font-size: 1rem;
    font-weight: 500;
}
@media (any-hover: hover) {
    .select-custom-base .custom-select-options li:hover,
    .select-custom .custom-select-options li:hover {
        background-color: #CECECE;
    }
}
.select-custom-base .custom-select-options li:first-child,
.select-custom .custom-select-options li:first-child {
    display: none;
}
.select-custom-base .custom-select-options li.selected,
.select-custom .custom-select-options li.selected {
    color: #9C896D;
}
@media (max-width: 112.5em) {
    .select-custom-base .custom-select-options li,
    .select-custom .custom-select-options li {
        font-size: 0.8125rem;
        padding: 0.5rem 0.375rem;
    }
}
.select-custom-base .select-items div,
.select-custom .select-items div {
    padding: 5px 10px;
    cursor: pointer;
    user-select: none;
    pointer-events: auto;
}
.select-custom-base .same-as-selected,
.select-custom .same-as-selected {
    background-color: #f6f6f6;
    font-weight: bold;
}

.select-custom-base select,
.select-custom select {
    display: none;
}

@media (max-width: 87.5em) {
    .item-slide-new-receipts__size-size-none {
        display: none;
    }
}

@media (max-width: 156.25em) {
    .page-index {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
}
@media (max-width: 112.5em) {
    .page-index {
        padding-right: 4.0625rem;
        padding-left: 4.0625rem;
    }
}
@media (max-width: 85.375em) {
    .page-index {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
}
@media (max-width: 64em) {
    .page-index {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
}
@media (max-width: 64em) {
    .page-index {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
    }
}
@media (max-width: 48em) {
    .page-index {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}
@media (max-width: 37.5em) {
    .page-index {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

.new-item-slide-new-receipts__price-image-news {
    position: relative;
}

.new-item-slide-new-receipts__price-image-sale, .new-item-slide-new-receipts__price-image-new {
    border-radius: 24px;
    position: absolute;
    min-width: 3.4375rem;
    min-height: 1.625rem;
    max-width: 3.4375rem;
    max-height: 1.625rem;
    font-size: 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 37.5em) {
    .new-item-slide-new-receipts__price-image-sale, .new-item-slide-new-receipts__price-image-new {
        font-weight: 200;
        min-width: 2.40625rem;
        min-height: 1.1375rem;
        max-width: 2.40625rem;
        max-height: 1.1375rem;
        font-size: 0.71875rem;
    }
}
.new-item-slide-new-receipts__price-image-sale {
    background: #9C896D;
    color: #fff;
    top: 1rem;
    left: 1rem;
}
@media (max-width: 112.5em) {
    .new-item-slide-new-receipts__price-image-sale {
        top: 0.25rem;
        left: 0.25rem;
    }
}
.new-item-slide-new-receipts__price-image-new {
    background: #D1EEDC;
    color: #141414;
    right: 1rem;
    bottom: 1rem;
}
@media (max-width: 112.5em) {
    .new-item-slide-new-receipts__price-image-new {
        right: 0.25rem;
        bottom: 0.25rem;
    }
}

.segment {
    display: flex;
    gap: 0.25rem;
}

@media (max-width: 156.25em) {
    .page-index {
        padding-right: 5.625rem;
        padding-left: 5.625rem;
    }
}
@media (max-width: 112.5em) {
    .page-index {
        padding-right: 4.0625rem;
        padding-left: 4.0625rem;
    }
}
@media (max-width: 85.375em) {
    .page-index {
        padding-right: 3.75rem;
        padding-left: 3.75rem;
    }
}
@media (max-width: 64em) {
    .page-index {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
}
@media (max-width: 64em) {
    .page-index {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
    }
}
@media (max-width: 48em) {
    .page-index {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}
@media (max-width: 37.5em) {
    .page-index {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

.pagination-product-card {
    margin-top: 1rem;
}
@media (min-width: 156.25em) {
    .pagination-product-card {
        margin-bottom: 8rem;
    }
}
@media (min-width: 85.375em) and (max-width: 156.25em) {
    @supports (margin-bottom: clamp( 4rem , -0.8183421517rem  +  5.6437389771vw , 8rem )) {
        .pagination-product-card {
            margin-bottom: clamp( 4rem , -0.8183421517rem  +  5.6437389771vw , 8rem );
        }
    }
    @supports not (margin-bottom: clamp( 4rem , -0.8183421517rem  +  5.6437389771vw , 8rem )) {
        .pagination-product-card {
            margin-bottom: calc(4rem + 4 * (100vw - 85.375rem) / 70.875);
        }
    }
}
@media (max-width: 85.375em) {
    .pagination-product-card {
        margin-bottom: 4rem;
    }
}
@media (max-width: 75em) {
    .pagination-product-card {
        top: 0;
    }
}
@media (max-width: 64em) {
    .pagination-product-card {
        margin-bottom: 4.25rem;
    }
}
.pagination-product-card__container-big {
    display: flex;
    justify-content: center;
}
@media (max-width: 156.25em) {
    .pagination-product-card__container-big {
        padding: 0rem 4rem;
    }
}
@media (max-width: 64em) {
    .pagination-product-card__container-big {
        padding: 0rem 2.25rem;
    }
}
@media (max-width: 47.5em) {
    .pagination-product-card__container-big {
        padding: 0rem 1rem;
        margin-top: 2.25rem;
    }
}
@media (max-width: 37.5em) {
    .pagination-product-card__container-big {
        justify-content: normal;
        display: block;
    }
}
.pagination-product-card__button {
    position: relative;
    border: 1px solid #141414;
    border-radius: 36px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2.25rem;
    padding-right: 10rem;
    padding-left: 10rem;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
    .pagination-product-card__button:hover {
        background-color: #141414;
        color: #FFFFFF;
    }
}
.pagination-product-card__button._category-loader-active {
    cursor: not-allowed;
}
@media (any-hover: hover) {
    .pagination-product-card__button._category-loader-active:hover {
        background-color: #FFFFFF;
        color: #141414;
    }
}
.pagination-product-card__button._category-loader-active::after {
    border-radius: 36px;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
}
.pagination-product-card__button._category-loader-active::before {
    content: "";
    position: absolute;
    top: 12%;
    left: 45%;
    z-index: 2;
    width: 30px;
    height: 30px;
    margin: 0;
    background: transparent;
    border-top: 2px solid #141414;
    border-right: 2px solid transparent;
    border-radius: 50%;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}
@media (max-width: 112.5em) {
    .pagination-product-card__button {
        padding: 0.625rem 6.875rem;
        font-size: 0.8125rem;
    }
}
@media (max-width: 64em) {
    .pagination-product-card__button {
        margin-bottom: 1.5625rem;
    }
}
@media (max-width: 37.5em) {
    .pagination-product-card__button {
        width: 100%;
    }
    .pagination-product-card__button._category-loader-active::before {
        left: 48%;
    }
}
.pagination-product-card__pagination {
    display: flex;
    justify-content: center;
    position: relative;
}
@media (max-width: 85.375em) {
    .pagination-product-card__pagination {
        margin-top: 0.625rem;
    }
    .pagination-product-card__pagination img {
        width: 6px;
        height: 10px;
    }
}
@media (max-width: 47.9375em) {
    .pagination-product-card__pagination {
        right: 0;
    }
}
.pagination-product-card__arrow {
    min-width: 2.1875rem;
    border: 1px solid #141414;
    min-height: 2.1875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
@media (min-width: 152.9375em) {
    .pagination-product-card__arrow {
        margin-left: 0.75rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-left: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__arrow {
            margin-left: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem );
        }
    }
    @supports not (margin-left: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__arrow {
            margin-left: calc(0.25rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .pagination-product-card__arrow {
        margin-left: 0.25rem;
    }
}
@media (max-width: 112.5em) {
    .pagination-product-card__arrow {
        font-size: 0.875rem;
        min-width: 26px;
        min-height: 26px;
        max-width: 26px;
        max-height: 26px;
        font-weight: 200;
    }
    .pagination-product-card__arrow img {
        width: 8px;
        height: 14px;
    }
}
@media (max-width: 85.375em) {
    .pagination-product-card__arrow {
        min-width: 24px;
        min-height: 24px;
        font-weight: 200;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 47.5em) {
    .pagination-product-card__arrow {
        margin-left: 0.75rem;
    }
}
.pagination-product-card__arrow-rotate {
    transform: rotate(180deg);
}
@media (min-width: 152.9375em) {
    .pagination-product-card__arrow.pagination-product-card__arrow_firs {
        margin-right: 0.75rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-right: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__arrow.pagination-product-card__arrow_firs {
            margin-right: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem );
        }
    }
    @supports not (margin-right: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__arrow.pagination-product-card__arrow_firs {
            margin-right: calc(0.25rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .pagination-product-card__arrow.pagination-product-card__arrow_firs {
        margin-right: 0.25rem;
    }
}
@media (max-width: 47.5em) {
    .pagination-product-card__arrow.pagination-product-card__arrow_firs {
        margin-right: 0.75rem;
    }
}
@media (any-hover: hover) {
    .pagination-product-card__arrow:hover {
        opacity: 0.4;
    }
}
.pagination-product-card__arrow_first {
    opacity: 0.2;
    margin-left: 0;
}
@media (min-width: 152.9375em) {
    .pagination-product-card__arrow_first {
        margin-right: 0.75rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-right: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__arrow_first {
            margin-right: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem );
        }
    }
    @supports not (margin-right: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__arrow_first {
            margin-right: calc(0.25rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .pagination-product-card__arrow_first {
        margin-right: 0.25rem;
    }
}
.pagination-product-card__items {
    display: flex;
}
@media (min-width: 152.9375em) {
    .pagination-product-card__items {
        gap: 0.75rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (gap: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__items {
            gap: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem );
        }
    }
    @supports not (gap: clamp( 0.25rem , 0.1747766808rem  +  0.3761165961vw , 0.75rem )) {
        .pagination-product-card__items {
            gap: calc(0.25rem + 0.5 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .pagination-product-card__items {
        gap: 0.25rem;
    }
}
@media (max-width: 47.5em) {
    .pagination-product-card__items {
        gap: 0.75rem;
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.pagination-product-card__pagination__item {
    width: 2.1875rem;
    border: 1px solid #141414;
    height: 2.1875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
@media (max-width: 112.5em) {
    .pagination-product-card__pagination__item {
        font-size: 0.875rem;
        width: 26px;
        height: 26px;
        font-weight: 200;
    }
}
@media (max-width: 85.375em) {
    .pagination-product-card__pagination__item {
        width: 24px;
        height: 24px;
        font-weight: 200;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (any-hover: hover) {
    .pagination-product-card__pagination__item:hover {
        color: #CECECE;
        border: 1px solid #CECECE;
    }
}

.pagination-product-card__pagination__item_active {
    background: #141414;
    color: white;
}
.segment-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    bottom: -14px;
}
@media (max-width: 112.5em) {
    .segment-title {
        font-size: 0.625rem;
        bottom: -12px;
    }
}
@media (max-width: 61.99875em) {
    .segment-title {
        bottom: -13px;
    }
}

.category__routes {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}
@media (max-width: 112.5em) {
    .category__routes {
        gap: 0.375rem;
    }
}
.category__route {
    transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
    .category__route:not(:last-child):hover {
        opacity: 0.6;
        text-decoration: underline;
    }
}
.category__route:last-child {
    opacity: 0.6;
}
@media (max-width: 112.5em) {
    .category__route {
        font-size: 0.75rem;
    }
}

.page-instruction {
    margin-top: 6.875rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 160rem;
    width: 100%;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
}
@media (max-width: 81.25em) {
    .page-instruction {
        margin-top: 6.25rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}
.home__timer {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 4.125rem;
    min-width: 100%;
    padding-right: 5.625rem;
    padding-left: 5.625rem;
}
@media (max-width: 137.5em) {
    .home__timer {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
        bottom: 2.5rem;
    }
}
@media (max-width: 100em) {
    .home__timer {
        bottom: 2.5rem;
    }
}
@media (max-width: 87.5em) {
    .home__timer {
        bottom: 1.25rem;
    }
}
@media (max-width: 85.375em) {
    .home__timer {
        bottom: 1.875rem;
    }
}
@media (max-width: 75em) {
    .home__timer {
        bottom: 1.875rem;
    }
}
@media (max-width: 64em) {
    .home__timer {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
        bottom: 1.25rem;
    }
}
@media (max-width: 48em) {
    .home__timer {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}
@media (max-width: 37.5em) {
    .home__timer {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

.timer {
    background-color: #fff;
    border-radius: 3.0625rem;
    min-width: 100%;
}
@media (max-width: 61.99875em) {
    .timer {
        border-radius: 24px;
    }
}
.timer__content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
    align-items: center;
    padding-left: 4rem;
    padding-right: 1.5rem;
}
@media (max-width: 112.5em) {
    .timer__content {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
        padding-left: 3.125rem;
        padding-right: 1.5625rem;
    }
}
@media (max-width: 81.25em) {
    .timer__content {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}
@media (max-width: 75em) {
    .timer__content {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}
@media (max-width: 61.99875em) {
    .timer__content {
        flex-direction: column;
        min-width: 100%;
        align-items: normal;
        padding-bottom: 1.5rem;
        padding-top: 1.09375rem;
    }
}
@media (max-width: 37.5em) {
    .timer__content {
        padding-top: 0.65625rem;
        padding-bottom: 1.0625rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.timer__title {
    font-size: 2rem;
    display: flex;
    align-items: center;
    font-weight: 700;
    line-height: 1.1875;
    color: #141414;
    font-stretch: 151%;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738, "opsz" 14;
    margin-right: auto;
}
@media (max-width: 120em) {
    .timer__title {
        font-weight: 700;
    }
}
@media (max-width: 112.5em) {
    .timer__title {
        font-size: 1.25rem;
    }
}
@media (max-width: 61.99875em) {
    .timer__title {
        margin-right: 0;
        font-size: 1rem;
    }
}
@media (max-width: 37.5em) {
    .timer__title {
        padding-left: 0rem;
    }
}
.timer__time {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-right: 1.5rem;
}
@media (max-width: 112.5em) {
    .timer__time {
        gap: 0.5rem;
    }
}
@media (max-width: 85.375em) {
    .timer__time {
        gap: 1rem;
        margin-right: 2.25rem;
    }
}
@media (max-width: 75em) {
    .timer__time {
        gap: 0.5rem;
        margin-right: 1rem;
    }
}
@media (max-width: 48em) {
    .timer__time {
        margin-right: 0;
        margin-left: 0.625rem;
    }
}
@media (max-width: 37.5em) {
    .timer__time {
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }
}
.timer__time_block {
    font-size: 1.125rem;
    padding: 0.875rem 2.25rem;
    border: 0.0625rem solid #141414;
    border-radius: 2.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-stretch: 151%;
    font-variation-settings: "opsz" 14, "GRAD" -200, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1666666667;
}
@media (max-width: 112.5em) {
    .timer__time_block {
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0.625rem 1.5rem;
    }
}
@media (max-width: 85.375em) {
    .timer__time_block {
        padding: 1rem 1.5rem;
        font-weight: 200;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 75em) {
    .timer__time_block {
        padding: 0.75rem 1rem;
    }
}
@media (max-width: 37.5em) {
    .timer__time_block {
        padding-top: 0.5rem;
        font-weight: 200;
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 0.5rem;
        font-weight: 200;
        width: 100%;
        display: flex;
        gap: 0.125rem;
        justify-content: center;
    }
}
.timer__main {
    margin-left: 0.5rem;
    display: flex;
}
@media (max-width: 112.5em) {
    .timer__main {
        display: flex;
        align-items: center;
    }
}
@media (max-width: 61.99875em) {
    .timer__main {
        justify-content: space-between;
        width: 100%;
    }
}
@media (max-width: 48em) {
    .timer__main {
        position: relative;
        top: 0.625rem;
    }
}
@media (max-width: 37.5em) {
    .timer__main {
        display: flex;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0;
        top: 5px;
    }
}
.timer__get {
    text-align: center;
    border: 0.0625rem solid #0d0a0a;
    padding: 1rem 1.5rem;
    background: #141414;
    display: flex;
    align-items: center;
    border-radius: 2.25rem;
    font-weight: 400;
    max-height: 3.1875rem;
    font-size: 1rem;
    line-height: 1.1875;
    color: #fff;
    font-stretch: 140%;
    font-variation-settings: "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 96, "YOPQ" 79, "YTLC" 514, "YTUC" 712, "YTAS" 750, "YTDE" -203, "YTFI" 738, "opsz" 14;
}
@media (max-width: 112.5em) {
    .timer__get {
        font-size: 0.75rem;
        font-weight: 500;
        padding: 0.6875rem 1.0625rem;
        max-height: 2.75rem;
    }
}
@media (max-width: 75em) {
    .timer__get {
        display: flex;
        align-items: center;
        min-height: 2.5rem;
    }
}
@media (max-width: 37.5em) {
    .timer__get {
        width: 100%;
        margin-bottom: 0rem;
        display: flex;
        white-space: normal;
        text-align: center;
        justify-content: center;
        padding: 0.25rem 1rem;
        max-width: 5.5625rem;
        max-height: 2.3125rem;
        min-height: 2.3125rem;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
    }
}
@media (min-width: 61.99875em) and (any-hover: hover) {
    .timer__get:hover {
        transition: all 0.3s ease 0s;
        color: #0d0a0a;
        background-color: #fff;
        border: 0.0625rem solid #0d0a0a;
    }
}
.timer__close {
    min-width: 3.125rem;
    max-width: 3.125rem;
    min-height: 3.125rem;
    max-height: 3.125rem;
    margin-right: 1.5rem;
    margin-left: 2.25rem;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #000000;
    color: #cecece;
    border-radius: 50%;
}
.timer__close svg {
    min-width: 0.75rem;
    max-width: 0.75rem;
    min-height: 0.75rem;
    max-height: 0.75rem;
}
@media (max-width: 112.5em) {
    .timer__close {
        margin-left: 1.5rem;
    }
}
@media (min-width: 61.99875em) and (any-hover: hover) {
    .timer__close:hover {
        border: 0.0625rem solid #141414;
        transition: all 0.3s ease 0s;
        transform: rotate(90deg);
        color: #141414;
    }
}
@media (max-width: 112.5em) {
    .timer__close {
        min-width: 36px;
        max-height: 36px;
        max-width: 36px;
        min-height: 36px;
        margin-right: 0;
        margin-left: 1.5rem;
    }
}
@media (max-width: 75em) {
    .timer__close {
        margin-right: 0rem;
        margin-left: 0.625rem;
    }
}
@media (max-width: 61.99875em) {
    .timer__close {
        border: none;
        color: #141414;
        margin-left: auto;
    }
}
@media (max-width: 37.5em) {
    .timer__close {
        margin-right: 0;
        min-width: 24px;
        min-height: 24px;
        max-width: 24px;
        max-height: 24px;
        margin-right: 0.5rem;
    }
}

.top {
    border-radius: 20px 20px 0px 0px;
}

.bottom {
    border-radius: 0px 0px 20px 20px;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    display: inline-block;
    border-radius: 50%;
    background: #FFFFFF;
    opacity: 0.5;
    width: 8px;
    height: 8px;
}

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

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #FFFFFF;
    width: 12px;
    height: 12px;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}


.size-prise-info-product-block__items {
    position: relative;
    padding-bottom: 0.9375rem;
    padding-top: 1rem;
    display: flex;
    gap: 0.5rem;
}
@media (max-width: 64em) {
    .size-prise-info-product-block__items {
        padding-top: 0.8125rem;
        padding-bottom: 0.875rem;
    }
}



.size-prise-info-product-block__item {
    border: 1px solid #CECECE;
    border-radius: 24px;
    padding: 0.5rem 1rem;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1875;
    transition: all 0.3s ease 0s;
}
@media (min-width: 152.9375em) {
    .size-prise-info-product-block__item {
        font-size: 1rem;
    }
}
@media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .size-prise-info-product-block__item {
            font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem );
        }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
        .size-prise-info-product-block__item {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
        }
    }
}
@media (max-width: 20em) {
    .size-prise-info-product-block__item {
        font-size: 0.875rem;
    }
}
@media (max-width: 112.5em) {
    .size-prise-info-product-block__item {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
}
@media (any-hover: hover) {
    .size-prise-info-product-block__item:hover {
        background: #141414;
        color: white;
    }
}
.size-prise-info-product-block__item_dis {
    color: #CECECE;
}
.size-prise-info-product-block__item_active {
    background: #141414;
    color: white;
}

@media (any-hover: hover) {
    .size-prise-info-product-block__item:hover {
        background: #141414;
        color: white;
    }
}

.content-page-quick-registration__button {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 400;
    line-height: 1.1875;
    transition: all 0.3s ease 0s;
    color: #FFFFFF;
    background: #141414;
    border-radius: 36px;
    border: 0.0625rem solid #141414;
  }
  @media (min-width: 152.9375em) {
    .content-page-quick-registration__button {
      margin-top: 1.875rem;
    }
  }
  @media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (margin-top: clamp( 1.5rem , 1.4435825106rem  +  0.2820874471vw , 1.875rem )) {
      .content-page-quick-registration__button {
        margin-top: clamp( 1.5rem , 1.4435825106rem  +  0.2820874471vw , 1.875rem );
      }
    }
    @supports not (margin-top: clamp( 1.5rem , 1.4435825106rem  +  0.2820874471vw , 1.875rem )) {
      .content-page-quick-registration__button {
        margin-top: calc(1.5rem + 0.375 * (100vw - 20rem) / 132.9375);
      }
    }
  }
  @media (max-width: 20em) {
    .content-page-quick-registration__button {
      margin-top: 1.5rem;
    }
  }
  @media (min-width: 152.9375em) {
    .content-page-quick-registration__button {
      font-size: 1rem;
    }
  }
  @media (min-width: 20em) and (max-width: 152.9375em) {
    @supports (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
      .content-page-quick-registration__button {
        font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem );
      }
    }
    @supports not (font-size: clamp( 0.875rem , 0.8561941702rem  +  0.094029149vw , 1rem )) {
      .content-page-quick-registration__button {
        font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 132.9375);
      }
    }
  }
  @media (max-width: 20em) {
    .content-page-quick-registration__button {
      font-size: 0.875rem;
    }
  }
  @media (max-width: 112.5em) {
    .content-page-quick-registration__button {
      font-size: 0.8125rem;
      padding: 0.75rem 1.125rem;
    }
  }
  @media (any-hover: hover) {
    .content-page-quick-registration__button:hover {
      background: #FFFFFF;
      color: #141414;
    }
  }