@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Italic.eot');
    src: local('Styrene A Web Italic'), local('StyreneAWeb-Italic'),
    url('../font/StyreneAWeb-Italic.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Italic.woff2') format('woff2'),
    url('../font/StyreneAWeb-Italic.woff') format('woff'),
    url('../font/StyreneAWeb-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-LightItalic.eot');
    src: local('Styrene A Web Light Italic'), local('StyreneAWeb-LightItalic'),
    url('../font/StyreneAWeb-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-LightItalic.woff2') format('woff2'),
    url('../font/StyreneAWeb-LightItalic.woff') format('woff'),
    url('../font/StyreneAWeb-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Thin.eot');
    src: local('Styrene A Web Thin'), local('StyreneAWeb-Thin'),
    url('../font/StyreneAWeb-Thin.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Thin.woff2') format('woff2'),
    url('../font/StyreneAWeb-Thin.woff') format('woff'),
    url('../font/StyreneAWeb-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-BoldItalic.eot');
    src: local('Styrene A Web Bold Italic'), local('StyreneAWeb-BoldItalic'),
    url('../font/StyreneAWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-BoldItalic.woff2') format('woff2'),
    url('../font/StyreneAWeb-BoldItalic.woff') format('woff'),
    url('../font/StyreneAWeb-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-BlackItalic.eot');
    src: local('Styrene A Web Black Italic'), local('StyreneAWeb-BlackItalic'),
    url('../font/StyreneAWeb-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-BlackItalic.woff2') format('woff2'),
    url('../font/StyreneAWeb-BlackItalic.woff') format('woff'),
    url('../font/StyreneAWeb-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Regular.eot');
    src: local('Styrene A Web Regular'), local('StyreneAWeb-Regular'),
    url('../font/StyreneAWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Regular.woff2') format('woff2'),
    url('../font/StyreneAWeb-Regular.woff') format('woff'),
    url('../font/StyreneAWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Black.eot');
    src: local('Styrene A Web Black'), local('StyreneAWeb-Black'),
    url('../font/StyreneAWeb-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Black.woff2') format('woff2'),
    url('../font/StyreneAWeb-Black.woff') format('woff'),
    url('../font/StyreneAWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Medium.eot');
    src: local('Styrene A Web Medium'), local('StyreneAWeb-Medium'),
    url('../font/StyreneAWeb-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Medium.woff2') format('woff2'),
    url('../font/StyreneAWeb-Medium.woff') format('woff'),
    url('../font/StyreneAWeb-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-ThinItalic.eot');
    src: local('Styrene A Web Thin Italic'), local('StyreneAWeb-ThinItalic'),
    url('../font/StyreneAWeb-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-ThinItalic.woff2') format('woff2'),
    url('../font/StyreneAWeb-ThinItalic.woff') format('woff'),
    url('../font/StyreneAWeb-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Bold.eot');
    src: local('Styrene A Web Bold'), local('StyreneAWeb-Bold'),
    url('../font/StyreneAWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Bold.woff2') format('woff2'),
    url('../font/StyreneAWeb-Bold.woff') format('woff'),
    url('../font/StyreneAWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-Light.eot');
    src: local('Styrene A Web Light'), local('StyreneAWeb-Light'),
    url('../font/StyreneAWeb-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-Light.woff2') format('woff2'),
    url('../font/StyreneAWeb-Light.woff') format('woff'),
    url('../font/StyreneAWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Styrene A Web';
    src: url('../font/StyreneAWeb-MediumItalic.eot');
    src: local('Styrene A Web Medium Italic'), local('StyreneAWeb-MediumItalic'),
    url('../font/StyreneAWeb-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/StyreneAWeb-MediumItalic.woff2') format('woff2'),
    url('../font/StyreneAWeb-MediumItalic.woff') format('woff'),
    url('../font/StyreneAWeb-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
* {
    margin: 0;
    padding: 0;
    font: inherit;
    box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(255, 255, 255, 0);
}
body {
    font-size: 100%;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
a {
    background: transparent;
    color: inherit;
}

*:focus,
*:active,
*:hover {
    outline: none;
}

hr {
    box-sizing: content-box;
    height: 0;
}

ol,
ul {
    list-style: none;
}

pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre-wrap;
}

img,
svg {
    border: 0;
    display: block;
}

svg:not(:root) {
    overflow: hidden;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

button,
input,
select[multiple],
textarea {
    background-image: none;
}

input,
select,
textarea {
    border-radius: 0;
    box-shadow: none;
}

input,
textarea {
    resize: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

[placeholder]:focus::-moz-placeholder {
    color: transparent;
}

[placeholder]:focus::placeholder {
    color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-js-warning {
    position: fixed;
    z-index: 99999;
    width: 100%;
    padding: 15px 20px;
    color: #f00;
    font-size: 20px;
    background: rgba(255, 0, 0, 0.5);
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

@keyframes bounce-in-right {
    0% {
        transform: translateX(650px);
    }

    60% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes bounce-out-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(650px);
    }
}

@keyframes bounce-in-bottom {
    0% {
        transform: translateY(360px);
    }

    60% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounce-out-top {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(360px);
    }
}

@keyframes bounce-in-bottom-2 {
    0% {
        transform: translateY(240px);
    }

    60% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounce-out-top-2 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(240px);
    }
}

.blog-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.blog-card__image {
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.blog-card__image img {
    display: block;
    transition: 0.3s ease-out;
}

@media screen and (min-width: 1024px) {
    .blog-card__image::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5;
        display: block;
        transition: 0.3s ease-out;
        opacity: 0;
        background: url(../images/blog-card-decor-large.svg) no-repeat;
        background-position: bottom -5rem left -65rem;
        background-size: auto;
    }
}

@media screen and (min-width: 1024px) {
    .blog-card:hover .blog-card__image img {
        transform: scale(1.3);
    }

    .blog-card:hover .blog-card__image::before {
        opacity: 1;
        background-position: bottom -5rem left -55rem;
    }
}

.blog-card__name {
    font-size: 3.6rem;
    margin-bottom: 1rem;
    line-height: 120%;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .blog-card__name {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 780px) {
    .blog-card__name {
        font-size: 1.6rem !important;
    }
}

.blog-card__date {
    color: #939393;
    font-size: 1.2rem;
    line-height: 120%;
}

.blog-grid {
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f5f1ed;
}

.blog-grid__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 3rem;
    max-width: 1540px;
    margin: 0 auto;
    margin-bottom: 3rem;
}

@media screen and (max-width: 1024px) {
    .blog-grid__list {
        gap: 4rem;
    }
}

@media screen and (max-width: 500px) {
    .blog-grid__list {
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
    }
}

.blog-grid__item {
    grid-column: span var(--cols);
}

.blog-grid__item.is-2 .blog-grid__container {
    display: flex;
    gap: 6rem;
}

@media screen and (max-width: 1024px) {
    .blog-grid__item.is-2 .blog-grid__container {
        --cols: 2;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem;
    }
}

@media screen and (max-width: 500px) {
    .blog-grid__item.is-2 .blog-grid__container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.blog-grid__item-box {
    max-width: 54rem;
    margin-top: 16rem;
}

@media screen and (max-width: 1024px) {
    .blog-grid__item-box {
        margin-top: 6rem;
    }
}

.blog-grid__item-links-box {
    display: flex;
    justify-content: space-between;
    padding-top: 3rem;
    margin-top: 4rem;
    border-top: 1px solid #e7e1db;
}

.blog-grid__item-links {
    display: flex;
    gap: 1.2rem;
}

@media screen and (max-width: 780px) {
    .blog-grid__item-links:nth-child(2) {
        display: none;
    }
}

.blog-grid__item-links a {
    text-decoration: underline;
}

.blog-grid__item-links a:hover {
    text-decoration: none;
}

@media screen and (min-width: 1024px) {

    .blog-grid__item:nth-child(8n + 1) .blog-card__image::before,
    .blog-grid__item:nth-child(8n + 4) .blog-card__image::before {
        background: url(../images/blog-card-decor-medium.svg) no-repeat;
        background-position: top -60rem right 6rem;
        background-size: auto;
    }

    .blog-grid__item:nth-child(8n + 1) .blog-card:hover .blog-card__image::before,
    .blog-grid__item:nth-child(8n + 4) .blog-card:hover .blog-card__image::before {
        background-position: top -55rem right 3rem;
    }
}

.blog-grid__item:nth-child(8n + 4) {
    display: flex;
    justify-content: flex-end;
}

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

    .blog-grid__item:nth-child(8n + 5),
    .blog-grid__item:nth-child(8n + 8) {
        --cols: 2;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }
}

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

    .blog-grid__item:nth-child(8n + 5),
    .blog-grid__item:nth-child(8n + 8) {
        --cols: 1;
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
    }
}

.blog-grid__item:nth-child(8n + 5) .blog-grid__container .blog-card,
.blog-grid__item:nth-child(8n + 8) .blog-grid__container .blog-card {
    /*max-width: 26rem;*/
}

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

    .blog-grid__item:nth-child(8n + 5) .blog-grid__container .blog-card,
    .blog-grid__item:nth-child(8n + 8) .blog-grid__container .blog-card {
        max-width: initial;
    }
}

.blog-grid__item:nth-child(8n + 5) .blog-grid__container .blog-card__name,
.blog-grid__item:nth-child(8n + 8) .blog-grid__container .blog-card__name {
    font-size: 1.6rem;
}

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

    .blog-grid__item:nth-child(8n + 5) .blog-grid__container .blog-card__name,
    .blog-grid__item:nth-child(8n + 8) .blog-grid__container .blog-card__name {
        font-size: 2.4rem;
    }
}

@media screen and (min-width: 1024px) {

    .blog-grid__item:nth-child(8n + 5) .blog-grid__container .blog-card__image::before,
    .blog-grid__item:nth-child(8n + 8) .blog-grid__container .blog-card__image::before {
        background: url(../images/blog-card-decor-small.svg) no-repeat;
        background-position: top -40rem right 3rem;
        background-size: auto;
    }

    .blog-grid__item:nth-child(8n + 5) .blog-grid__container .blog-card:hover .blog-card__image::before,
    .blog-grid__item:nth-child(8n + 8) .blog-grid__container .blog-card:hover .blog-card__image::before {
        background-position: top -35rem right 1rem;
    }
}

.blog-grid__item:nth-child(8n + 8) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-grid__item:nth-child(8n + 8) .blog-grid__container {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
    .blog-grid__item:nth-child(8n + 8) .blog-grid__container {
        display: grid;
    }
}

.blog-grid__item:nth-child(8n + 8) .blog-grid__item-box {
    width: 100%;
    max-width: 58rem;
    margin-left: auto;
}

@media screen and (max-width: 1024px) {
    .blog-grid__item:nth-child(8n + 8) .blog-grid__item-box {
        max-width: 100%;
    }
}

.brands-catalog__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem;
}

@media screen and (max-width: 1400px) {
    .brands-catalog__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .brands-catalog__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 780px) {
    .brands-catalog__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.brands-catalog__item {
    overflow: hidden;
}

.brand-card__top {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.brand-card__main {
    font-size: 1.2rem;
    transition: 0.2s;
}

@media screen and (min-width: 1024px) {
    .brand-card__main {
        opacity: 0;
    }
}

.brand-card__main .mini__item {
    margin: 0;
}

.brand-card__main .mini__list {
    justify-content: center;
    gap: 0 2rem;
}

.brand-card__logo {
    flex-shrink: 0;
    transition: 0.2s;
    display: flex;
    align-items: center;
    margin-right: 8px;
    display: none!important;
}

@media screen and (min-width: 1024px) {
    .brand-card__logo {
        width: 0;
    }
}

.brand-card__title {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.12px;
    text-transform: uppercase;
}

.brand-card:hover .brand-card__logo {
    width: 44px;
}

.brand-card:hover .brand-card__main {
    opacity: 1;
}

.cart-wrapper {
    border-top: 1px solid #f5f1ed;
    margin-bottom: 9rem;
}

@media screen and (max-width: 500px) {
    .cart-wrapper {
        margin-bottom: 4rem;
    }
}

.cart-item-counter {
    display: flex;
    align-items: center;
}

.cart-item-counter__button {
    cursor: pointer;
    flex-shrink: 0;
}

.cart-item-counter__field {
    border: none;
    width: 7.5rem;
    text-align: center;
    flex-shrink: 0;
}

.cart-row {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    border-bottom: 1px solid #f5f1ed;
}

@media screen and (max-width: 1024px) {
    .cart-row {
        flex-direction: column;
        gap: 4rem;
    }
}

.cart-row__left {
    display: flex;
    align-items: center;
    gap: 13rem;
}

@media screen and (max-width: 1200px) {
    .cart-row__left {
        gap: 6rem;
    }
}

@media screen and (max-width: 500px) {
    .cart-row__left {
        flex-direction: column;
    }
}

.cart-row__image {
    height: 17rem;
}

.cart-row__title {
    max-width: 26rem;
}

@media screen and (max-width: 500px) {
    .cart-row__title {
        text-align: center;
    }
}

.cart-row__right {
    display: flex;
    align-items: center;
    gap: 20rem;
}

@media screen and (max-width: 1200px) {
    .cart-row__right {
        gap: 6rem;
    }
}

@media screen and (max-width: 500px) {
    .cart-row__right {
        flex-direction: column;
        gap: 4rem;
    }
}

.cart-row__price {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    min-width: 270px;
}

.cart-row__discount-price {
    font-size: 2rem;
    color: #939393;
    text-decoration: line-through;
}

@media screen and (max-width: 500px) {
    .cart-row__discount-price {
        font-size: 1.4rem;
    }
}

.cart-row__delete {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #939393;
    cursor: pointer;
    flex-shrink: 0;
}

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

@media screen and (max-width: 1024px) {
    .cart-final {
        flex-direction: column;
        gap: 4rem;
    }
}

.cart-final__coupon {
    width: 100%;
    max-width: 42rem;
    position: relative;
    height: -moz-max-content;
    height: max-content;
}

@media screen and (max-width: 1024px) {
    .cart-final__coupon {
        max-width: initial;
    }
}

.cart-final__coupon .input {
    padding-right: 12rem;
}

.cart-final__coupon .input::-moz-placeholder {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.4rem;
}

.cart-final__coupon .input::placeholder {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.4rem;
}

.cart-final__coupon-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.cart-final__right {
    width: 100%;
    max-width: 58rem;
}

@media screen and (max-width: 1024px) {
    .cart-final__right {
        max-width: initial;
    }
}

.cart-final__right-buttons {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 500px) {
    .cart-final__right-buttons {
        flex-direction: column;
        gap: 1rem;
    }

    .cart-final__right-buttons .button {
        width: 100%;
    }
}

.cart-final__table {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #f5f1ed;
    margin-bottom: 10rem;
}

@media screen and (max-width: 500px) {
    .cart-final__table {
        margin-bottom: 3rem;
    }
}

.cart-final__table-row {
    display: flex;
    justify-content: space-between;
}

.cart-final__table-label {
    font-size: 1.6rem;
    font-weight: 500;
}

.cart-final__table-value {
    font-size: 1.6rem;
    font-weight: 500;
}

.catalog-filter {
    --sidebar-width: 25rem;
    --dropdown-gap: 6rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #f5f1ed;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.7rem;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .catalog-filter {
        --dropdown-gap: 2rem;
    }
}

.catalog-filter__left {
    display: flex;
    gap: 0 5rem;
}

.catalog-filter__all,
.catalog-filter__sort-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #939393;
    cursor: pointer;
}

.catalog-filter__all svg,
.catalog-filter__sort-btn svg {
    flex-shrink: 0;
}

.catalog-filter__options {
    display: flex;
    gap: 0 6rem;
}

@media screen and (max-width: 1200px) {
    .catalog-filter__options {
        display: none;
    }
}

.catalog-filter__dropdown {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    box-shadow: 0 40px 40px 0 rgba(116, 105, 91, 0.1);
    background: #fff;
    height: 457px;
    z-index: 100;
    padding: 6rem 3rem 3rem;
    display: flex;
    gap: var(--dropdown-gap);
}

.is-cart.disabled {
    pointer-events: none;
    color: black !important;
    background: lightgrey !important;
    border-color: lightgrey !important;
}

.product-card .is-cart.disabled {
    pointer-events: none;
    color: black !important;
    background: transparent !important;
    border-color: lightgrey !important;
}

.compare-table__to-cart.is-cart.disabled {
    background: transparent !important;
}

.is-ghost.disabled {
    pointer-events: none;
    color: black !important;
    background: lightgrey !important;
    border-color: lightgrey !important;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__dropdown {
        padding: 2rem;
        flex-direction: column;
    }
}

.catalog-filter__dropdown-sidebar {
    width: var(--sidebar-width);
    flex-shrink: 0;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__dropdown-sidebar {
        width: 100%;
    }
}

.catalog-filter__dropdown-sidebar-content {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__dropdown-sidebar-content {
        flex-direction: row;
    }
}

.catalog-filter__dropdown-main {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__dropdown-main {
        width: 100%;
    }
}

.catalog-filter__dropdown-main-content {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: flow;
    gap: 0 6rem;
}

.catalog-filter__dropdown-main-col {
    /*width: 100%;*/
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-shrink: 0;
}

.catalog-filter__dropdown-main-col-title {
    color: #3c3c3c;
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    padding: 0 16px;
}

.catalog-grid {
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding-bottom: 6rem;
    border-bottom: 1px solid #f5f1ed;
}

@media screen and (max-width: 1400px) {
    .catalog-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .catalog-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 780px) {
    .catalog-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 500px) {
    .catalog-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 3rem;
        padding-bottom: 3rem;
    }
}

.catalog-grid__item {
    grid-column: span var(--cols);
    /* &:nth-child(23){
      --cols: 2;
    } */
}

.catalog-grid__item:first-child {
    --cols: 2;
}

@media screen and (max-width: 780px) and (min-width: 500px) {
    .catalog-grid__item:first-child {
        --cols: 3;
    }
}

@media screen and (max-width: 992px) {
    .catalog-grid__item {
        --cols: 2;
    }
}

.product-card {
    position: relative;
}

.product-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 3rem;
    width: 100%;
}

.product-card__tag {
    padding: 0 0.8rem;
    border-radius: 4px;
    min-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 100;
}

.product-card__tag.is-hit {
    color: #fff;
    background: unset;
}
.product-card__tag.is-hit:hover {
    background: #CBBBA7;
}

.product-card__tag.is-new {
    color: #3c3c3c;
    background: #dede2b;
}

.product-card__tag.is-action {
    color: #000000;
    background: #dbf507;
}
.product-card__tag.is-action:hover {
  font-size: 10px!important;
  width: max-content!important;
  max-width: inherit!important;
}
.product-card__tag.is-gray {
    color: #3c3c3c;
    background: #cacaca;
}

.product-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 334px;
    padding: 0 0.5rem;
}

@media (max-width: 1600px) {
    .product-card__image {
        height: 304px;
        padding-top: 8px;
    }
}

@media (max-width: 1200px) {
    .product-card__image {
        height: 219px;
        padding-top: 8px;
    }
}
@media (max-width: 370px) {
    .product-card__image {
        height: 190px;
        padding-top: 8px;
    }
}

.product-card__img {
    /* max-width: 196px; */
    max-height: 288px;
}


@media (max-width: 1600px) {
    .product-card__img {
        max-height: 250px;
    }
}

@media (max-width: 1200px) {
    .product-card__img {
        /* max-width: 150px; */
        max-height: 219px;
    }
}
@media (max-width: 370px) {
    .product-card__img {
        /* max-width: 150px; */
        max-height: 180px;
    }
}

.product-card__name {
    min-height: 2.6rem;
    margin-bottom: 0.6rem;
    padding-top: 0.6rem;
    display: block;
    text-decoration: none;
    font-weight: 500;
}

@media (max-width: 992px) {
    .product-card__name {
        min-height: 4.1rem;
        /* height: 4.1rem; */
        margin-bottom: 0;
        padding-top: 1.6rem;
        font-size: 1.2rem;
        line-height: 14px;
        letter-spacing: -0.24px;
        display: -webkit-box;
        max-width: 150px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.product-card__price {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    font-weight: 500;
}

@media (max-width: 992px) {
    .product-card__price .is-main {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
}

.product-card__price .is-discount {
    font-size: 1.2rem;
    line-height: 20px;
    color: #939393;
    text-decoration: line-through;
    letter-spacing: -0.24px;
    padding-left: 0.5rem;
}

@media (max-width: 992px) {
    .product-card__price .is-discount {
        font-size: 1rem;
    }
}

.product-card__favorite {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 1024px) {
    .product-card__favorite {
        opacity: 1;
        visibility: visible;
    }
}

.product-card__favorite-border {
    transition: 0.3s;
}

.product-card__favorite-body {
    transition: 0.3s;
}

.product-card__favorite.is-active {
    opacity: 1;
    visibility: visible;
}

.product-card__favorite.is-active .product-card__favorite-border {
    fill: #cbbba7;
}

.product-card__favorite.is-active .product-card__favorite-body {
    fill: #cbbba7;
}

.product-card__favorite.is-active:hover .product-card__favorite-border {
    fill: #3c3c3c;
}

.product-card__actions-box {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.product-card__action {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .product-card__action {
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (max-width: 780px) {
    .product-card__action.is-preview {
        display: none;
    }
}

.product-card:hover .product-card__favorite {
    opacity: 1;
    visibility: visible;
}

.product-card:hover .product-card__action {
    opacity: 1;
    visibility: visible;
}

.product-card-preview {
    position: fixed;
    top: var(--header-height);
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    transition: opacity 0.3s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-height: 740px) {
    .product-card-preview {
        align-items: flex-start;
        padding-top: 5vh;
    }
}

@media screen and (max-width: 780px) {
    .product-card-preview {
        align-items: flex-start;
        padding: 5vh 1rem;
        top: 0;
        z-index: 9999999;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
    }
}

.product-card-preview.is-active {
    opacity: 1;
    visibility: visible;
}

.product-card-preview__wrapper {
    background: #fff;
    padding: 3rem;
    width: 100%;
    max-width: 128rem;
    position: relative;
}

@media screen and (max-width: 780px) {
    .product-card-preview__wrapper {
        padding: 1.5rem;
    }
}

.product-card-preview__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.6rem;
    gap: 2rem;
    flex-wrap: wrap;
}

@media screen and (max-width: 500px) {
    .product-card-preview__top {
        margin-bottom: 2rem;
    }
}

.product-card-preview__actions-box {
    display: flex;
    gap: 3rem;
}

.product-card-preview__action {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.product-card-preview__action.is-active.is-active .product-card__favorite-border {
    fill: #cbbba7;
}

.product-card-preview__action.is-active.is-active .product-card__favorite-body {
    fill: #cbbba7;
}

.product-card-preview__price {
    display: flex;
}

@media screen and (max-width: 500px) {
    .product-card-preview__price {
        flex-direction: column-reverse;
        gap: 1rem;
    }
}

.product-card-preview__main-price {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 4.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 75%;
    letter-spacing: -1.92px;
    text-transform: uppercase;
}

.product-card-preview__dicsount-price {
    color: #939393;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 2rem;
    text-decoration: line-through;
    top: -1em;
    font-weight: 400;
    height: 1.4rem;
    display: block;
}

.product-card-preview__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    padding-left: 1.6rem;
}

@media screen and (max-width: 500px) {
    .product-card-preview__tags {
        padding-left: 0;
    }
}

.product-card-preview__slider {
    height: 40rem;
    margin-bottom: 3.6rem;
    margin-right: -3rem;
    overflow: hidden;
}

@media screen and (max-width: 780px) {
    .product-card-preview__slider {
        height: 30rem;
        margin-right: -1.5rem;
    }
}

@media screen and (max-width: 500px) {
    .product-card-preview__slider {
        margin-bottom: 2rem;
    }
}

.product-card-preview__slider .swiper {
    height: 100%;
}

.product-card-preview__slider .swiper-slide:nth-child(odd) {
    width: 26rem;
}

@media screen and (max-width: 780px) {
    .product-card-preview__slider .swiper-slide:nth-child(odd) {
        width: 16rem;
    }
}

.product-card-preview__slider .swiper-slide:nth-child(even) {
    width: 40rem;
}

@media screen and (max-width: 780px) {
    .product-card-preview__slider .swiper-slide:nth-child(even) {
        width: 30rem;
    }
}

.product-card-preview__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

@media screen and (max-width: 500px) {
    .product-card-preview__bottom .button {
        width: 100%;
    }
}

.product-card-preview__bottom-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.product-card-preview__close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(calc(100% + 12px), 0);
    cursor: pointer;
}

@media screen and (max-width: 1400px) {
    .product-card-preview__close {
        transform: translate(0, calc(-100% - 5px));
    }
}

.product-card-preview__close path {
    transition: 0.2s ease;
}

.product-card-preview__close:hover path {
    stroke: #3c3c3c;
}

.collor-picker {
    width: 66px;
}

@media screen and (max-width: 780px) {
    .collor-picker {
        width: 100%;
    }
}

.collor-picker__header {
    height: 4rem;
    border: 1px solid #cacaca;
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 1rem;
}

@media screen and (max-width: 780px) {
    .collor-picker__header {
        width: 100%;
        justify-content: space-between;
    }
}

.collor-picker__color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
}

.collor-picker__arrow {
    flex-shrink: 0;
}

@media screen and (max-width: 780px) {
    .size-picker {
        width: 100%;
    }
}

.size-picker__header {
    height: 4rem;
    border: 1px solid #cacaca;
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 1rem;
}

@media screen and (max-width: 780px) {
    .size-picker__header {
        width: 100%;
        justify-content: space-between;
    }
}

.size-picker__left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.size-picker__arrow {
    flex-shrink: 0;
}

.size-picker input {
    border: none;
    width: 60px;
}

.compare-table {
    overflow: auto;
    padding-bottom: 20px;
}

.compare-table table {
    width: -moz-max-content;
    width: max-content;
}

.compare-table td {
    width: 32rem;
    padding: 0 3rem;
}

.compare-table td.compare-table__cell-top {
    vertical-align: top;
    padding-left: 0;
}

@media (max-width: 1024px) {
    .compare-table td {
        width: 24rem;
        padding: 0 1rem;
    }
}

.compare-table thead td {
    padding-bottom: 6rem;
}

.compare-table tbody tr:first-child td .compare-table__value {
    border-top: 1px solid #cbbba7;
}

.compare-table__label {
    color: #939393;
    line-height: 140%;
    padding: 3rem 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.compare-table__label-tooltip {
    background: #fff;
    box-shadow: -3px 0 24px 0 rgba(116, 105, 91, 0.1);
    width: 23rem;
    padding: 1rem;
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.24px;
    color: #3c3c3c;
    z-index: 20;
}

.compare-table__label-tooltip-handler {
    position: relative;
}

.compare-table__label-tooltip-handler svg {
    cursor: pointer;
}

.compare-table__label-tooltip-handler:hover .compare-table__label-tooltip {
    opacity: 1;
    visibility: visible;
}

.compare-table__value {
    padding: 3rem 0;
    border-bottom: 1px solid #cbbba7;
    height: 100%;
}

.compare-table__product-name {
    display: inline-block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 320px;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

tr:first-child td .compare-table__product-name {
    display: flex;
}

.compare-table__product-remove {
    flex-shrink: 0;
    cursor: pointer;
}

.compare-table__to-cart {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.24px;
}

.compare-table__header-card {
    display: flex;
    flex-direction: column;
}

.compare-table__header-card-img {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34rem;
}

@media (max-width: 1024px) {
    .compare-table__header-card-img {
        height: 28rem;
    }
}

.compare-table__header-card-img img {
    max-width: 100%;
    max-height: 28rem;
    display: block;
}

@media (max-width: 1024px) {
    .compare-table__header-card-img img {
        max-height: 20rem;
    }
}

.compare-table__header-card-name {
    min-height: 4.6rem;
    display: block;
    text-decoration: none;
}

:root {
    --index: calc(1vw + 1vh);
    --base-padding: 30px;
    --base-padding-x: max(5vw, 20px);
    --main-font: "Styrene A Web", sans-serif;
    --seccond-font: "Styrene A Web", sans-serif;
    --header-height: 5.6rem;
}

@media screen and (max-width: 768px) {
    :root {
        --base-padding: 16px;
        --header-height: 6.6rem;
    }
}

body.noskroll,
html.noskroll {
    overflow: hidden;
}

html {
    width: 100%;
    font-size: 62.5%;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
}

body {
    position: relative;
    min-height: -webkit-fill-available;
    min-height: -moz-available;
    min-height: stretch;
    min-width: 320px;
    color: #3c3c3c;
    font-family: var(--main-font);
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: -0.28px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
}

img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

img,
svg {
    max-width: 100%;
    max-height: 100%;
}

img.initial,
svg.initial {
    max-width: initial;
    max-height: initial;
}

button {
    border: 0;
    background: none;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.fit-cover {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: scale-down;
    -o-object-position: center;
    object-position: center;
}

.fit-contain {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

strong {
    font-weight: bold;
    color: black;
}

canvas {
    display: block;
}

.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #f5f1ed #e7e1db;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 6px;
    background: #f5f1ed;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #e7e1db;
}

.page {
    margin: 0 auto;
    position: relative;
    padding-top: 7rem;
    width: 100%;
}

.container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 var(--base-padding);
}

@media screen and (max-width: 1980px) {
    .container {
        max-width: 1920px;
        padding: 0 var(--base-padding);
    }
}

.container.is-full-w {
    max-width: 100%;
}

.custom-select {
    position: relative;
}

.custom-select__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.custom-select__placeholder {
    color: rgba(135, 144, 152, 0.8);
    font-weight: 500;
}

.custom-select__values {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-select__dropdown {
    min-width: 23rem;
    max-width: 100vw;
    background: #fff;
    box-shadow: 0 40px 40px 0 rgba(116, 105, 91, 0.1);
    position: absolute;
    top: calc(100% + 3rem);
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    max-height: 260px;
    display: none;
    flex-direction: column;
    padding: 3rem 3rem 3rem;
    z-index: 20;
    scrollbar-width: thin;
    scrollbar-color: #f5f1ed #e7e1db;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-select__dropdown::-webkit-scrollbar {
    width: 8px;
    height: 6px;
    background: #f5f1ed;
}

.custom-select__dropdown::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #e7e1db;
}

.custom-select__dropdown.is-open {
    display: flex;
}

.custom-select__dropdown.is-right {
    left: auto;
    right: 0;
}

.custom-select__dropdown.is-top {
    top: auto;
    bottom: calc(100% + 10px);
}

.custom-select__item {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.3s;
    min-width: 338px;
    cursor: pointer;
    transition: 0.3s;
}

.collor-picker .custom-select__item {
    min-width: unset;
}

.custom-select__item-placeholder {
    color: #939393;
    transition: 0.3s;
}

.custom-select__item-main {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.custom-select__item:hover {
    background: #f5f1ed;
}

.custom-select__item:hover .custom-select__item-placeholder {
    color: #3c3c3c;
}

.custom-select.is-disabled {
    opacity: 0.5;
}

.custom-select.is-disabled .custom-select__header {
    cursor: not-allowed;
}

.checkbox-input {
    display: flex;
    align-items: center;
    gap: 12px;
    /* &__radio {
    width: 24px;
    height: 24px;
    background: #d7dfe7;
    border-radius: 50%;
    flex-shrink: 0;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;

    &::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #ffffff;
      opacity: 0;
      transition: 0.2s;
    }
  }
 */
}

.checkbox-input label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.checkbox-input__check {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 4px;
    flex-shrink: 0;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbbba7;
    overflow: hidden;
    cursor: pointer;
}

.checkbox-input__check-icon {
    opacity: 0;
    transition: 0.2s;
}

.checkbox-input__placeholder {
    color: var(--c-gray);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 140%;
}

.checkbox-input__placeholder a {
    color: var(--c-primary);
}

.checkbox-input input {
    display: none;
}

.checkbox-input input:checked+.checkbox-input__check {
    background: #cbbba7;
}

.checkbox-input input:checked+.checkbox-input__check .checkbox-input__check-icon {
    opacity: 1;
}

.checkbox-input input:checked+.checkbox-input__radio {
    background: var(--c-primary);
}

.checkbox-input input:checked+.checkbox-input__radio::before {
    opacity: 1;
}

.checkbox-input input.is-error+.checkbox-input__check {
    border-color: #eb5757 !important;
}

/* ul,
ol {
  li {
    margin-bottom: 13px;
    display: flex;
    align-items: flex-start;
    line-height: 110%;
    letter-spacing: -0.42px;

    &:before {
      content: "";
      display: block;
      width: 9px;
      height: 12px;
      background: url(.assets/images/icons/list-icon.svg);
      flex-shrink: 0;
      margin-right: 8px;
      position: relative;
      top: 1px;
      flex-shrink: 0;
    }
  }
} */
/* a {
  transition: 0.3s;

  &:hover {
    opacity: 0.6;
  }
} */
.is-hidden {
    display: none !important;
}

.button {
    font-family: var(--main-font);
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    padding: 0.9rem 2rem;
    transition: 0.3s;
    min-width: 11rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    cursor: pointer;
    line-height: 2rem;
    text-decoration: none;
    letter-spacing: -0.28px;
    border: 1px solid transparent;
}

.button svg path {
    stroke: currentColor;
}

.button.is-primary {
    color: #fff;
    background: #3c3c3c;
    border-color: #3c3c3c;
}

.button.is-primary:hover {
    color: #3c3c3c;
    background: #fff;
}

.button.is-ghost {
    background: transparent;
    border-color: #cacaca;
    color: #3c3c3c;
}

.button.is-ghost:hover {
    color: #fff;
    background: #3c3c3c;
    border-color: #3c3c3c;
}

.button.is-yellow {
    color: #3c3c3c;
    background: #dede2b;
}

.button.is-yellow:hover {
    background: transparent;
    border-color: #cacaca;
    color: #3c3c3c;
}

.button.is-ghost-noborder {
    background: transparent;
    border-color: transparent;
}

.button.is-center {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: -moz-max-content;
    width: max-content;
}

.button.is-alternative-font {
    font-family: var(--seccond-font);
    font-weight: 500;
    font-size: 1.6rem;
    padding: 1.3rem 2rem;
}

.is-title {
    font-family: var(--seccond-font);
}

h1,
.h1 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 46px;
    line-height: 100%;
    font-weight: 700;
    letter-spacing: -2.72px;
    text-transform: uppercase;
    /* @media screen and (max-width: $xs) {
    font-size: 2rem;
  } */
}

.page-top h1,
.page-top .h1 {
    margin-top: -10px;
}

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

    h1,
    .h1 {
        font-size: 5.6rem;
    }
}

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

    h1,
    .h1 {
        font-size: 5.2rem;
    }
}

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

    h1,
    .h1 {
        font-size: 3rem;
    }
}

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

    h1,
    .h1 {
        font-size: 3rem;
    }
}

h2,
.h2 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 5.1rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.92px;
    text-transform: uppercase;
}

.page-top h2,
.page-top .h2 {
    margin-top: -7px;
}

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

    h2,
    .h2 {
        font-size: 5.2rem;
    }
}

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

    h2,
    .h2 {
        font-size: 4.8rem;
    }
}

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

    h2,
    .h2 {
        font-size: 2.3rem;
    }
}

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

    h2,
    .h2 {
        font-size: 2.3rem;
    }
}

h3,
.h3 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.92px;
    text-transform: uppercase;
}

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

    h3,
    .h3 {
        font-size: 4.4rem;
    }
}

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

    h3,
    .h3 {
        font-size: 4rem;
    }
}

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

    h3,
    .h3 {
        font-size: 3.6rem;
    }
}

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

    h3,
    .h3 {
        font-size: 3rem;
    }
}

h4,
.h4 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.68px;
    text-transform: uppercase;
}

.page-top h4,
.page-top .h4 {
    margin-top: -5px;
}

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

    h4,
    .h4 {
        font-size: 4rem;
    }
}

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

    h4,
    .h4 {
        font-size: 3.8rem;
    }
}

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

    h4,
    .h4 {
        font-size: 2rem;
    }
}

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

    h4,
    .h4 {
        font-size: 2rem;
    }
}

h5,
.h5 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -1.44px;
    text-transform: uppercase;
}

.page-top h5,
.page-top .h5 {
    margin-top: -3px;
}

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

    h5,
    .h5 {
        font-size: 20px;
    }
}

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

    h5,
    .h5 {
        font-size: 18px;
    }
}

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

    h5,
    .h5 {
        font-size: 16px;
    }
}

h6,
.h6 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.12px;
    text-transform: uppercase;
}

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

    h6,
    .h6 {
        font-size: 2.4rem;
    }
}

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

    h6,
    .h6 {
        font-size: 2rem;
    }
}

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

    h6,
    .h6 {
        font-size: 1.8rem;
    }
}

.quote-title {
    text-indent: -0.4725em;
}

.gray-text {
    color: #939393;
}

.block-vertical-border {
    width: 1px;
    background: #f5f1ed;
    height: 100%;
}

.accordion {
    border-top: 1px solid #e7e1db;
}

.check-email svg {
    display: none;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
}

.check-email.is-registered input {
    border-bottom: 1px solid #DEDE2B;
}

.check-email.is-registered svg {
    display: block;
}

.accordion-item__button {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.accordion-item__button-horizontal {
    transition: 0.1s;
}

.accordion-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 4rem;
    padding: 1.6rem 3rem 1.6rem 0;
    position: relative;
    overflow: hidden;
}

.accordion-item__header.is-active .accordion-item__button-horizontal {
    opacity: 0;
}

.accordion-item__content {
    overflow: hidden;
    transition: 0.3s;
    max-height: 0;
    border-bottom: 1px solid #e7e1db;
    padding-right: 3rem;
}

.accordion-item__content.is-active {
    max-height: initial !important;
}

.accordion-item__content-inner {
    padding: 1.4rem 0;
    line-height: 1.9rem;
}

.accordion-item__content-info {
    width: 100%;
    max-width: 87rem;
    text-align: justify;
    margin: 0 0 6.4rem auto;
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.9rem;
    letter-spacing: -0.64px;
}

@media (max-width: 1200px) {
    .accordion-item__content-info {
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .accordion-item__content-info {
        margin-bottom: 3.2rem;
    }
}

.form-input {
    position: relative;
    display: block;
}

.form-input__placeholder {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translate(0, -50%);
    color: #939393;
    font-size: 1.4rem;
    line-height: 120%;
    transition: 0.2s;
    transform-origin: top left;
    font-weight: 500;
}

.form-input .input {
    padding-top: 10px;
}

.form-input.is-required .form-input__placeholder::after {
    content: " *";
    color: #cbbba7;
}

.form-input.is-error .input {
    border-color: red;
}

.form-input.is-error .checkbox-input__check {
    border-color: red;
}

.input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #3c3c3c;
    font-weight: 400;
    height: 4.8rem;
    transition: 0.3s;
    color: #3c3c3c;
    position: relative;
    z-index: 2;
    font-size: 1.6rem;
    font-family: var(--seccond-font);
}

.input::-moz-placeholder {
    color: #939393;
}

.input::placeholder {
    color: #939393;
}

.input.is-error {
    color: #de562b;
}

.input:not(:-moz-placeholder-shown)+.form-input__placeholder {
    top: 5px;
    transform: scale(0.8);
}

.input:focus+.form-input__placeholder,
.input:not(:placeholder-shown)+.form-input__placeholder {
    top: 5px;
    transform: scale(0.8);
}

.checkbox-group-item {
    cursor: pointer;
}

.checkbox-group-item__button {
    padding: 0 1.2rem;
    border-radius: 4px;
    border: 1px solid #cacaca;
    background: #fff;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: -moz-max-content;
    width: max-content;
    color: #3c3c3c;
    transition: 0.2s;
}

.checkbox-group-item input {
    display: none;
}

.checkbox-group-item input:checked+.checkbox-group-item__button {
    background: #3c3c3c;
    color: #fff;
}

.page-section {
    margin-bottom: 0px;
}

@media (max-width: 576px) {
    .page-section {
        margin-bottom: 3rem;
    }
}

.page-section:last-child {
    margin-top: 6rem;
}

.page-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8rem;
}

.page-top.has-subtext {
    margin-bottom: 10rem;
}

@media (max-width: 576px) {
    .page-top.has-subtext {
        margin-top: 2rem;
        margin-bottom: 4rem;
    }
}

@media (min-width: 576px) {
    .catalog-page .page-top {
        margin-top: 6rem;
    }
}

.page-top__left {
    max-width: 42rem;
}

@media (max-width: 1600px) {
    .page-top__left {
        max-width: 24vw;
    }
}

@media (max-width: 1440px) {
    .page-top__left {
        display: block;
        width: 100%
    }
}

.page-top__right {
    position: relative;
    width: 50%;
}

.catalog-page .page-top__right {
    padding-right: 15rem;
}

@media (max-width: 1440px) {
    .catalog-page .page-top__right {
        padding-right: 6rem;
    }
}

.order-page .page-top__right {
    padding-right: 35rem;
}

@media (max-width: 1440px) {
    .order-page .page-top__right {
        padding-right: 0;
    }
}

.blog-page .page-top__right {
    width: 48.3%;
    max-width: 90rem;
}

@media (max-width: 1440px) {
    .page-top__right {
        width: 100%;
    }
}

.page-top__prefix {
    position: absolute;
    top: 0;
    left: -60px;
    color: #939393;
}

@media (max-width: 1600px) {
    .page-top__prefix {
        left: -60px;
    }
}

@media (max-width: 1440px) {
    .page-top__prefix {
        right: 0;
        top: 0;
    }
}

.page-top__tags {
    margin-bottom: 2rem;
}

.page-top__subtext {
    margin-top: 4.4rem;
    font-family: "Styrene A Web", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.8px;
}

.catalog-page .page-top__subtext {
    margin-top: 7rem;
}

@media screen and (max-width: 1440px) {
    .catalog-page .page-top__subtext {
        margin-top: 4.4rem;
    }
}

.page-top__sections {
    margin-bottom: 3rem;
    gap: 4px;
}

.page-top__sections .page-top__item {
    background: #F5F1ED;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    margin: 0;
}

.page-top__sections .page-top__item a {
    color: #CBBBA7;
}

.page-top__sections .page-top__item.is-active {
    background: #3C3C3C;
}

.page-top__sections .page-top__item.is-active a {
    color: #ffffff;
}

.page-top__btn {
    position: absolute;
    top: 19px;
    right: 0;
}

@media screen and (max-width: 1200px) {
    .page-top__btn {
        top: 16px;
    }
}

@media screen and (max-width: 992px) {
    .page-top__btn {
        top: 13px;
    }
}

@media screen and (max-width: 768px) {
    .page-top__btn {
        top: 6px;
    }
}

@media screen and (max-width: 580px) {
    .page-top__btn {
        position: relative;
        top: auto;
        right: auto;
        left: -3px;
        margin-top: 2rem;
    }
}

.page-top__list {
    font-size: 1.6rem;
    letter-spacing: -0.64px;
}

.page-top__item {
    display: inline-block;
    margin: 0 18px 7px 0;
}

.page-top__anchor {
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-top__anchor:hover {
    color: rgba(60, 60, 60, 0.4);
}

@media screen and (max-width: 1400px) {
    .page-top {
        flex-direction: row;
    }
}

@media screen and (max-width: 576px) {
    .page-top {
        margin-bottom: 2rem;
    }
}

.custom-swiper-pagination {
    text-align: center;
}

.custom-swiper-pagination .swiper-pagination-bullet {
    height: 4px;
    border-radius: 8px;
    transition: 0.2s width ease;
}

.custom-swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
    background: #3c3c3c;
}

.form__head {
    margin-bottom: 6rem;
    text-align: center;
}

.form__title {
    font-family: "Styrene A Web", sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.12px;
    text-transform: uppercase;
}

.form__fields {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 5.3rem;
}

.form__buttons {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8rem;
}

.form__buttons::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nOScgdmlld0JveD0nMCAwIDE2IDknIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEuMTkwMzggMi40NTQ5NkMyLjMzMTU5IDAuOTg0MTA0IDMuNjU2NDYgMC4xNjM4MTggNS4xMzIxNyAwLjAyMjM4OThDNy4zNDI0NiAtMC4xOTEzMjQgOC45MjMxMSAxLjE3MjY4IDkuOTcyNSAyLjA3NzgyQzEwLjE1MjkgMi4yMzE4MiAxMC4zODU3IDIuNDMyOTYgMTAuNTg5IDIuNTkzMjVDMTAuNjQ0OCAyLjUzMzUzIDEwLjcwMzggMi40Njc1MyAxMC43NzI3IDIuMzg1ODJMMTUuMzYzOCA1Ljg3MTI1QzE0LjA4MTUgNy40MjA2OCAxMi42MzUzIDguMjcyMzkgMTEuMDcxMSA4LjM5ODFDOC43Njg5OCA4LjU4MzUzIDcuMTM1ODUgNy4xNzg2OCA2LjA1Njk1IDYuMjQ4MzlDNS43NjgzNiA2LjAwMDEgNS4zMjg5MyA1LjYyMjk2IDUuMTUxODQgNS41MzQ5NkM1LjI3MzE4IDUuNTk0NjggNS40NDY5OCA1LjYxNjY4IDUuNjI3MzUgNS42MTAzOUwxLjE5MDM4IDIuNDUxODJMMS4xOTAzOCAyLjQ1NDk2WicgZmlsbD0ndXJsKCNsb2dpbi1mb3JtLXNpZ24taW4tZ3JhZGllbnQpJy8+PHBhdGggZD0nTTEwLjEzNjUgNC4xMjY5OEMxMC4xMzY1IDUuNjc4NzQgMTEuNDQ5MSA2LjkzNjY5IDEzLjA2ODMgNi45MzY2OUMxNC42ODc0IDYuOTM2NjkgMTYgNS42Nzg3NCAxNiA0LjEyNjk4QzE2IDIuNTc1MjEgMTQuNjg3NCAxLjMxNzI2IDEzLjA2ODMgMS4zMTcyNkMxMS40NDkxIDEuMzE3MjYgMTAuMTM2NSAyLjU3NTIxIDEwLjEzNjUgNC4xMjY5OFonIGZpbGw9JyMzQzNDM0InLz48cGF0aCBkPSdNMC42MTAxMzYgNC4xMjY5OEMwLjYxMDEzNiA1LjY3ODc0IDEuOTIyNzIgNi45MzY2OSAzLjU0MTg4IDYuOTM2NjlDNS4xNjEwNCA2LjkzNjY5IDYuNDczNjMgNS42Nzg3NCA2LjQ3MzYzIDQuMTI2OThDNi40NzM2MyAyLjU3NTIxIDUuMTYxMDQgMS4zMTcyNiAzLjU0MTg4IDEuMzE3MjZDMS45MjI3MiAxLjMxNzI2IDAuNjEwMTM2IDIuNTc1MjEgMC42MTAxMzYgNC4xMjY5OFonIGZpbGw9JyMzQzNDM0InLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J2xvZ2luLWZvcm0tc2lnbi1pbi1ncmFkaWVudCcgeDE9JzMuMjI2ODYnIHkxPScwLjEwNDEwNCcgeDI9JzEyLjk2MDcnIHkyPSc4LjYyMzQ3JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nd2hpdGUnLz48c3RvcCBvZmZzZXQ9JzAuMScgc3RvcC1jb2xvcj0nI0ZFRkVGQScvPjxzdG9wIG9mZnNldD0nMC4yMycgc3RvcC1jb2xvcj0nI0ZDRkNFQicvPjxzdG9wIG9mZnNldD0nMC4zNicgc3RvcC1jb2xvcj0nI0Y5RjlENCcvPjxzdG9wIG9mZnNldD0nMC40OScgc3RvcC1jb2xvcj0nI0Y0RjVCMycvPjxzdG9wIG9mZnNldD0nMC42NCcgc3RvcC1jb2xvcj0nI0VFRjA4OCcvPjxzdG9wIG9mZnNldD0nMC43OCcgc3RvcC1jb2xvcj0nI0U3RTk1NScvPjxzdG9wIG9mZnNldD0nMC45Micgc3RvcC1jb2xvcj0nI0UwRTMxRScvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
}

.form__buttons .button {
    position: relative;
    width: 100%;
}

.form__recover {
    margin-top: -3px;
}

.form__action {
    letter-spacing: -0.28px;
    text-decoration: underline;
}

.form__action:hover {
    text-decoration: none;
}

.custom-switcher {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
}

.custom-switcher__body {
    width: 44px;
    height: 24px;
    border-radius: 30px;
    background: #cacaca;
    position: relative;
    flex-shrink: 0;
}

.custom-switcher__body::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f5f1ed;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0, -50%);
    transition: 0.3s;
}

.custom-switcher input {
    display: none;
}

.custom-switcher input:checked+.custom-switcher__body {
    background: #dede2b;
}

.custom-switcher input:checked+.custom-switcher__body::after {
    background: #3c3c3c;
    left: calc(100% - 5px);
    transform: translate(-100%, -50%);
}

.page-bradcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 3rem;
}

.page-bradcrumbs__item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-bradcrumbs__item::after {
    content: '/';
    color: #CACACA;
}

.page-bradcrumbs__item:last-child {
    color: #CACACA;
    font-size: 10px;
}

.page-bradcrumbs__item:last-child::after {
    display: none;
}

.page-bradcrumbs__link {
    /* text-decoration: underline; */
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    color:#939393;
}

@media screen and (max-width: 1200px) {
    .laptop-hidden {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .laptop-visible {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {
    .netbook-hidden {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .netbook-visible {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .tablet-hidden {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .tablet-visible {
        display: none !important;
    }
}

@media screen and (max-width: 576px) {
    .mobile-hidden {
        display: none !important;
    }
}

@media screen and (min-width: 576px) {
    .mobile-visible {
        display: none !important;
    }
}

* {
    margin: 0;
    padding: 0;
    font: inherit;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(255, 255, 255, 0);
}

body {
    font-size: 100%;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

a {
    background: transparent;
    color: inherit;
}

*:focus,
*:active,
*:hover {
    outline: none;
}

hr {
    box-sizing: content-box;
    height: 0;
}

ol,
ul {
    list-style: none;
}

pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre-wrap;
}

img,
svg {
    border: 0;
    display: block;
}

svg:not(:root) {
    overflow: hidden;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

button,
input,
select[multiple],
textarea {
    background-image: none;
}

input,
select,
textarea {
    border-radius: 0;
    box-shadow: none;
}

input,
textarea {
    resize: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

[placeholder]:focus::-moz-placeholder {
    color: transparent;
}

[placeholder]:focus::placeholder {
    color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.order-page__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 6rem;
}

@media screen and (max-width: 1024px) {
    .order-page__wrapper {
        flex-direction: column;
    }
}

.order-page__main {
    width: 100%;
    max-width: 122rem;
    padding-top: 3rem;
    border-top: 1px solid #f5f1ed;
}

.order-page__sidebar {
    width: 42rem;
    position: relative;
    z-index: 4;
}

@media screen and (max-width: 1024px) {
    .order-page__sidebar {
        width: 100%;
    }
}

.order-page__final {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
}

.order-page__final-list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #f5f1ed;
}

.order-page__final-list-row {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #f5f1ed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Styrene A Web', sans-serif;
    color: #939393;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
}

.order-page__final-list-row .is-black {
    color: #3c3c3c;
}

.order-page__final-price {
    font-size: 2.4rem;
}

.order-page__final-agreement {
    margin-top: 2rem;
}

.order-page__final-button {
    width: 100%;
    height: 4.8rem;
    margin-top: 6rem;
}

.order-section {
    display: flex;
  /*justify-content: space-between;*/
    gap: 20rem;
    padding-bottom: 4rem;
    margin-bottom: 5rem;
   /* border-bottom: 1px solid #f5f1ed;*/
}

@media screen and (max-width: 1024px) {
    .order-section {
        flex-direction: column;
        gap: 3rem;
    }
}

@media screen and (max-width: 500px) {
    .order-section {
        padding-bottom: 3rem;
        margin-bottom: 3rem;
    }
}

.order-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.order-section__box {
    width: 100%;
}

.order-section__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3rem;
}

.order-section__right {
    width: 100%;
 /* max-width: 58rem;*/
}

.order-section__input-box {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.order-variant-box {
    display: block;
    border-radius: 4px;
    border: 1px solid #3c3c3c;
    background: #fff;
    padding: 2rem;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
    opacity: 0.5;
    height: 100%;
}

.order-variant-box__icon {
    display: block;
    margin-bottom: 1.6rem;
    max-width: 24px;
    max-height: 24px;
}

.order-variant-box__tag {
    position: absolute;
    top: 0;
    right: 1rem;
    transform: translate(0, -50%);
    line-height: 140%;
    padding: 6px 8px;
    height: 2.2rem;
    border-radius: 4px;
    background: #dede2b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-variant-box__content {
    display: block;
    min-height: 3rem;
}

.order-delivery__city {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 3rem;
}

.order-delivery__type {
    padding-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
}

@media screen and (max-width: 500px) {
    .order-delivery__type {
        grid-template-columns: repeat(1, 1fr);
    }
}

.order-delivery__type-item input {
    display: none;
}

.order-delivery__type-item input:checked+.order-variant-box {
    opacity: 1;
}

.order-delivery__type-item input:checked+.order-variant-box .order-variant-box__icon {
    position: relative;
}

.order-delivery__type-item input:checked+.order-variant-box .order-variant-box__icon::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/order-variant-check.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.order-payment__type {
    padding-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

@media screen and (max-width: 500px) {
    .order-payment__type {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (min-width: 500px) {
    .order-payment__type-item:first-child {
        grid-column: span 2;
    }
}

.order-payment__type-item input {
    display: none;
}

.order-payment__type-item input:checked+.order-variant-box {
    opacity: 1;
}

.order-payment__type-item input:checked+.order-variant-box .order-variant-box__icon {
    position: relative;
}

.order-payment__type-item input:checked+.order-variant-box .order-variant-box__icon::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/order-variant-check.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.order-payment__payment-variant {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 3rem;
    padding-top: 3rem;
}

.order-products {
    padding-top: 6.8rem;
    overflow: auto;
    width: 100%;
}

@media screen and (max-width: 500px) {
    .order-products {
        padding-top: 3rem;
    }
}

.order-products__table {
    width: 100%;
    border-spacing: 0 30px;
}

@media screen and (max-width: 1024px) {
    .order-products__table {
        /*min-width: 1000px;*/
    }
}

.order-products__table thead td {
    padding: 0 1rem;
    color: #939393;
}

.order-products__table thead td:first-child {
    padding-left: 0;
}

.order-products__table thead td:last-child {
    padding-right: 3px;
    text-align: right;
}

.order-products__table tbody td {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    padding: 3rem 1rem;
    border-bottom: 1px solid #e7e1db;
}

.order-products__table tbody td:first-child {
    width: 410px;
    padding-left: 0;
}

.order-products__table tbody td:nth-child(2) {
    width: 14.9%;
}

.order-products__table tbody td:nth-child(3) {
    width: 14.9%;
}

.order-products__table tbody td:nth-child(4) {
    width: 14.9%;
}

.order-products__table tbody td:nth-child(5) {
    width: 14.7%;
}

.order-products__table tbody td:last-child {
    width: 9%;
    padding-right: 2px;
    text-align: right;
}

.order-products__table tbody tr:first-child td {
    padding-top: 2.4rem;
}

.order-products__product-box {
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    transition: 0.2s ease;
}

.order-products__product-box:hover {
    color: #939393;
}

.order-products__product-box:active {
    color: #3c3c3c;
    transition: none;
}

.order-products__product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 170px;
    transition: opacity 0.2s ease;
}

.order-products__product-image img {
    max-width: 100%;
    height: 150px;
}

.order-products__product-box:hover .order-products__product-image {
    opacity: 0.6;
}

.order-products__product-box:active .order-products__product-image {
    opacity: 1;
    transition: none;
}

.order-products__product-name {
    width: 135px;
}

.order-thx-wrapper {
    margin-top: 12rem;
    display: flex;
    gap: 8rem;
}

@media screen and (max-width: 780px) {
    .order-thx-wrapper {
        flex-direction: column-reverse;
        margin-top: 6rem;
        gap: 4rem;
    }
}

.order-thx-info {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}

.order-thx-info__box {
    display: flex;
    flex-direction: column;
}

.order-thx-info__title {
    font-size: 1.4rem;
    color: #939393;
    line-height: 140%;
    margin-bottom: 1rem;
}

.order-thx-info__value {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
}

.may-like-section__title {
    text-align: center;
    margin-bottom: 5rem;
}

@media screen and (max-width: 1024px) {
    .may-like-section__title {
        margin-bottom: 5rem;
    }
}

.may-like-section__slider .swiper-slide {
    width: 26rem;
}

.product-page__title {
    max-width: 64rem;
}

.product-page__slider {
    height: 67rem;
    margin: 10rem 0;
    margin-right: -30px;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .product-page__slider {
        height: 30rem;
        margin: 5rem calc(var(--base-padding) - var(--base-padding) * 2) 5rem 0;
    }
}

@media screen and (max-width: 500px) {
    .product-page__slider {
        margin-bottom: 2rem;
    }
}

.product-page__slider .swiper {
    height: 100%;
}

.product-page__slider .swiper-slide:nth-child(odd) {
    width: auto;
    max-width: 67rem;
}

@media screen and (max-width: 1024px) {
    .product-page__slider .swiper-slide:nth-child(odd) {
        width: auto;
        max-width: 67rem;
    }
}

.product-page__slider .swiper-slide:nth-child(even) {
    width: auto;
}

@media screen and (max-width: 1024px) {
    .product-page__slider .swiper-slide:nth-child(even) {
        width: auto;
    }
}

.product-page-main__section {
    display: flex;
}

@media screen and (max-width: 1240px) {
    .product-page-main__main-price {
        font-size: 3rem!important;
    }
}
@media screen and (max-width: 950px) {
    .product-page-main__section {
        flex-direction: column;
    }
}

.product-page-main__section>div {
    flex: 1;
}

.product-page-main__actions {
    display: flex;
    gap: 1rem;
}

@media screen and (max-width: 780px) {
    .product-page-main__actions {
        flex-direction: column;
    }
}

.product-page-main__actions-box {
    display: flex;
    gap: 3rem;
}

.product-page-main__action {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.product-page-main__action.is-active.is-active .product-card__favorite-border {
    fill: #cbbba7;
}

.product-page-main__action.is-active.is-active .product-card__favorite-body {
    fill: #cbbba7;
}

.product-page-main__price {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 500px) {
    .product-page-main__price {
        flex-direction: row;
        gap: 1rem;
    }
}

.product-page-main__main-price {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 75%;
    letter-spacing: -1.92px;
}

.product-page-main__dicsount-price {
    color: #939393;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 2rem;
    text-decoration: line-through;
    top: -1em;
    font-weight: 400;
    height: 1.4rem;
    display: block;
    margin-left: 1rem
}

.product-page-main__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-left: 1.6rem;
}

@media screen and (max-width: 500px) {
    .product-page-main__tags {
        padding-left: 0;
    }
}

.product-page-main__row {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    border-bottom: 1px solid #f5f1ed;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

@media screen and (max-width: 1024px) {
    .product-page-main__row {
        flex-direction: column-reverse;
    }
}

.product-page-main__row:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.product-page-set {
    display: flex;
    gap: 6rem;
    /* grid-template-columns: repeat(3, 1fr); */
}

@media screen and (max-width: 576px) {
    .product-page-set {
        flex-direction: column;
    }
}

.product-page-set__box {
    width: 26rem;
}

@media screen and (max-width: 576px) {
    .product-page-set__box {
        width: 100%;
    }
}

.product-page-set__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 5rem;
}

@media screen and (max-width: 576px) {
    .product-page-set__info {
        padding-bottom: 0;
    }
}

.product-page-set__info-price {
    padding-top: 2rem;
}

.product-page-set__info-main-price {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    text-transform: uppercase;
}

.product-page-set__info-discount-price {
    color: #939393;
    font-size: 1.2rem;
    line-height: 120%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    text-decoration: line-through;
}

.product-page-app {
    display: flex;
    gap: 3rem;
    height: 100%;
}

@media screen and (max-width: 350px) {
    .product-page-app__image {
        display: none;
    }
}

.product-page-app__title {
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    max-width: 20rem;
}

.product-page-app__text {
    max-width: 20rem;
}

.product-page-app__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.product-page-expert {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.product-page-expert__title {
    margin: 2rem 0;
}

.product-page-expert__links {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-page-expert__links a {
    text-decoration: underline;
}

.product-page-expert__links a:hover {
    text-decoration: none;
}

.product-page-add-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10rem;
}

@media screen and (max-width: 1400px) {
    .product-page-add-info {
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .product-page-add-info {
        margin-bottom: 5rem;
    }
}

.product-page-add-info__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 74rem;
    /*     @media screen and (max-width: 780px) {
      width: 100%;
      margin-top: 6rem;
      gap: 3rem;
    } */
}

@media screen and (max-width: 1400px) {
    .product-page-add-info__right {
        width: 100%;
        margin-top: 6rem;
        gap: 3rem;
    }
}

.product-page-add-info__right-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 4rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #f5f1ed;
}

.product-page-add-info__right-row:last-child {
    padding-top: 3rem;
    padding-right: 0;
}

@media screen and (max-width: 780px) {
    .product-page-add-info__right-row {
        padding-right: 0;
        padding-bottom: 2rem;
        flex-direction: column;
        gap: 2rem;
    }

    .product-page-add-info__right-row:last-child {
        padding-top: 2rem;
    }
}

.product-page-add-info__link {
    display: flex;
    align-items: center;
}

.product-page-add-info__link-box {
    display: flex;
    align-items: center;
    gap: 6rem;
}

@media screen and (max-width: 780px) {
    .product-page-add-info__link-box {
        flex-direction: column;
        gap: 1rem;
    }
}

.product-page-add-info__right-row-links {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 780px) {
    .product-page-add-info__right-row-links {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}

.product-page-specs {
    width: 100%;
    max-width: 74rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin: 0 0 0 auto;
}

.product-page-specs__row {
    display: flex;
    gap: 6rem;
    line-height: 140%;
}

@media screen and (max-width: 992px) {
    .product-page-specs__row {
        display: block;
    }
}

.product-page-specs__label {
    width: 26rem;
    flex-shrink: 0;
    color: #939393;
}

/* .product-page-accordion {
  margin-bottom: 10rem;

  @media screen and (max-width: 1024px) {
    margin-bottom: 5rem;
  }
} */
html {
    height: 100%;
    font-size: 62.5%;
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #3c3c3c;
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: -0.28px;
    background: #fff;
}

body.is-locked {
    overflow: hidden;
}

body.is-locked::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 500;
}

.main {
    position: relative;
    flex: 1 0 auto;
    padding-top: 56px;
}

@media (max-width: 768px) {
    .main {
        padding-top: 64px;
    }
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: none;
}

table img {
    max-width: none;
}

button {
    border: 0;
    background: none;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

svg {
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

.touchevents .scrollable-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.touchevents .scrollable-content::-webkit-scrollbar {
    display: none;
}

.anchor {
    position: relative;
    padding-left: 16px;
    text-decoration: underline;
    letter-spacing: -0.28px;
}

.anchor::before {
    content: "/";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.anchor:hover {
    text-decoration: none;
}

.blockTitle {
    position: relative;
    max-width: 1220px;
    margin: 0 auto 67px;
}

@media (max-width: 992px) {
    .blockTitle {
        margin-bottom: 33px;
    }
}

.blockTitle--alt {
    display: none;
    margin-bottom: 29px;
}

@media (max-width: 1280px) {
    .blockTitle--alt {
        display: block;
    }
}

.article__right .blockTitle {
    margin: 0 auto 40px;
}

.blockTitle__title {
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 4.2rem;
    line-height: 100%;
    letter-spacing: -1.68px;
    text-transform: uppercase;
}

@media (max-width: 1440px) {
    .blockTitle__title {
        font-size: 3.6rem;
        letter-spacing: -1.44px;
    }
}

@media (max-width: 992px) {
    .blockTitle__title {
        margin-bottom: 32px;
        font-size: 2.8rem;
        letter-spacing: -1.12px;
    }
}

.blockTitle--alt .blockTitle__title {
    text-align: left;
    font-size: 2.8rem;
}

@media (max-width: 992px) {
    .blockTitle--alt .blockTitle__title {
        margin-bottom: 0;
    }
}

.article__right .blockTitle__title {
    text-align: left;
}

.blockTitle__subtitle {
    text-align: center;
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: -0.8px;
}

@media (max-width: 992px) {
    .blockTitle__subtitle {
        font-size: 1.6rem;
        letter-spacing: -0.64px;
    }
}

.blockTitle__part {
    position: relative;
    display: inline-block;
}

@media (max-width: 992px) {
    .blockTitle__part {
        display: block;
    }
}

.blockTitle__part+.blockTitle__part {
    margin-left: 48px;
}

@media (max-width: 1440px) {
    .blockTitle__part+.blockTitle__part {
        margin-left: 36px;
    }
}

@media (max-width: 992px) {
    .blockTitle__part+.blockTitle__part {
        margin-left: 0;
        margin-top: 12px;
    }
}

.blockTitle__part+.blockTitle__part::before {
    content: "";
    position: absolute;
    top: 12px;
    left: -26px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #cbbba7;
}

@media (max-width: 1440px) {
    .blockTitle__part+.blockTitle__part::before {
        top: 10px;
        left: -19px;
        width: 5px;
        height: 5px;
    }
}

@media (max-width: 992px) {
    .blockTitle__part+.blockTitle__part::before {
        top: -7px;
        left: 50%;
        width: 4px;
        height: 4px;
        margin-left: -8px;
    }
}

.blockTitle__part+.blockTitle__part::after {
    content: "";
    position: absolute;
    top: 28px;
    left: -26px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #cbbba7;
}

@media (max-width: 1440px) {
    .blockTitle__part+.blockTitle__part::after {
        top: 24px;
        left: -19px;
        width: 5px;
        height: 5px;
    }
}

@media (max-width: 992px) {
    .blockTitle__part+.blockTitle__part::after {
        top: -7px;
        left: 50%;
        width: 4px;
        height: 4px;
        margin-left: 4px;
    }
}

.blockTitle__link {
    position: absolute;
    top: 25px;
    right: -45px;
    transform: translateX(115px);
}

@media (max-width: 1660px) {
    .blockTitle__link {
        right: 32px;
        transform: none;
    }
}

@media (max-width: 1440px) {
    .blockTitle__link {
        top: auto;
        bottom: -2px;
    }
}

@media (max-width: 992px) {
    .blockTitle__link {
        bottom: -4px;
        font-size: 1.2rem;
    }
}

@media (max-width: 767px) {
    .blockTitle__link {
        display: none;
    }
}

@media (max-width: 1660px) {
    .blockTitle--long .blockTitle__link {
        display: none;
    }
}

.caption {
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -1.12px;
}

.clear {
    display: flex;
    align-items: center;
    color: #939393;
    line-height: 100%;
    letter-spacing: -0.28px;
    transition: 0.2s color ease;
}

.clear__text {
    margin-left: 6px;
}

.clear:hover {
    color: rgba(60, 60, 60, 0.4);
}

.clear:active {
    color: #3c3c3c;
    transition: none;
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0 1px 0 0 #e7e1db;
    z-index: 999;
}

@media (max-width: 768px) {
    body.is-locked .header {
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    }
}

.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    background: #fff;
}

@media (max-width: 768px) {
    .header__wrapper {
        padding: 0 16px;
    }

    body.is-locked .header__wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
    }
}

.header__left {
    display: flex;
    align-items: center;
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
}

.header__menu {
    display: flex;
    align-items: center;
    margin-right: 90px;
    padding: 18px 5px;
    transition: opacity 0.2s ease;
}

.header__menu:hover {
    opacity: 0.7;
}

.header__menu-text {
    margin-left: 13px;
    letter-spacing: -0.64px;
}

@media (max-width: 1440px) {
    .header__menu {
        margin-right: 40px;
    }
}

@media (max-width: 768px) {
    .header__menu {
        margin-right: 0;
        padding-top: 22px;
        padding-bottom: 22px;
    }
}

.header__plus {
    position: relative;
    display: flex;
    align-items: center;
}

.header__i {
    background: #3c3c3c;
}

.header__i--horiz {
    display: block;
    width: 14px;
    height: 2px;
}

.header__i--vert {
    position: absolute;
    left: 6px;
    display: block;
    width: 2px;
    height: 14px;
    transition: transform 0.3s ease;
}

.header__menu.is-active .header__i--vert {
    transform: rotate(90deg);
}

.header__search {
    position: relative;
    margin-right: 95px;
}

@media (max-width: 992px) {
    .header__search {
        position: static;
    }
}

.header__search-btn {
    position: relative;
    padding: 16px;
}

.header__search-btn::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: 0.4s background-color ease;
}

.header__search-btn.is-active::before {
    background-color: #dede2b;
}

.header__search:hover .header__search-btn::before {
    background-color: #dede2b;
}

@media (max-width: 1440px) {
    .header__search {
        margin-right: 40px;
    }
}

@media (max-width: 768px) {
    .header__search-btn {
      padding-right: 30px;
    }
    .header__search {
        display: block;
        position: absolute;
        right: 0rem;
    }
    .search.is-visible {
        position: fixed;
    }
}

.header__catalog {
    display: flex;
}

@media (max-width: 992px) {
    .header__catalog {
        display: none;
    }
}

.header__catalog-btn {
  position: relative;
  padding: 18px 0;
  letter-spacing: -0.64px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.header__catalog-btn::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: 0.4s background-color ease;
}

.header__catalog-btn-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: 0.4s background-color ease;
}

.header__catalog-item+.header__catalog-item {
    margin-left: 60px;
}

@media (max-width: 1440px) {
    .header__catalog-item+.header__catalog-item {
        margin-left: 20px;
    }
}

.header__catalog-item:hover .header__catalog-btn::before {
    background-color: #dede2b;
}
.header__catalog-item-link:hover .header__catalog-btn::before {
    background-color: #dede2b;
}
.is-active-menu .header__catalog-btn::before {
    background-color: #dede2b;
}
.header__products-mini {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.2rem;
    margin-left: 60px;
}

.header__products-mini-list {
    display: flex;
}

.header__products-mini-item {
    max-width: 100px;
}

.header__products-mini-item+.header__products-mini-item {
    margin-left: 60px;
}

.header__products-mini-anchor {
    text-decoration: none;
}

.header__products-mini-anchor img {
    display: block;
    max-height: 110px;
    margin: 0 auto 20px;
}

.header__products-mini-title {
    display: block;
    margin-bottom: 18px;
}

.header__logo {
    position: absolute;
    left: 50%;
    margin-left: -55px;
}

.header__logo svg {
    display: block;
}

.header__contacts-btn {
    display: flex;
    align-items: center;
    padding: 16px 0;
    font-size: 1.2rem;
}

@media (max-width: 768px) {
    .header__contacts-btn {
        padding: 20px 8px;
    }
}

.header__contacts-text {
    margin-left: 4px;
    line-height: 120%;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

@media (max-width: 768px) {
    .header__contacts-text {
        display: none;
    }
}

.header__contacts-caret {
    margin-left: 8px;
}

@media (max-width: 768px) {
    .header__contacts-caret {
        display: none;
    }
}
.icons__counter {
  font-weight: 500;
}
.icons__action--cart{
  border-radius: 20px;
  padding: 0px 2px;
  background: linear-gradient(to right, transparent, #CBBBA7);
}
.header__contacts-dropdown {
    display: none;
    position: absolute;
    top: 56px;
    margin-left: -19px;
    background: #fff;
    letter-spacing: -0.28px;
    z-index: 5;
    box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .header__contacts-dropdown {
        top: 64px;
        left: 0;
        right: 0;
        margin-left: 0;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }
}

.header__contacts-dropdown.is-visible {
    display: block;
}

.no-touchevents .header__contacts:hover .header__contacts-dropdown {
    display: block;
}

.header__contacts-box {
    padding: 13px 16px 16px;
}

@media (max-width: 768px) {
    .header__contacts-box {
        padding: 24px 16px 24px;
    }
}

.header__contacts-phones {
    margin-bottom: 22px;
    padding-bottom: 22px;
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    border-bottom: 1px solid #d9d9d9;
    letter-spacing: -0.64px;
}

.header__contacts-phone-item+.header__contacts-phone-item {
    margin-top: 11px;
}

.header__contacts-phone-item a {
    text-decoration: none;
    transition: 0.2s color ease;
}

.header__contacts-phone-item a:hover {
    color: rgba(60, 60, 60, 0.4);
}

.header__contacts-links {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    color: #939393;
}

.header__contacts-link-item+.header__contacts-link-item {
    margin-top: 18px;
}

.header__contacts-link-action {
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header__contacts-link-action:hover {
    text-decoration: none;
}

.header__contacts-feedback {
    width: 100%;
    padding: 15px;
    text-align: center;
    line-height: 1rem;
    background: #3c3c3c;
    color: #fff;
    transition: 0.2s background-color ease;
}

.header__contacts-feedback:hover {
    background-color: rgba(60, 60, 60, 0.8);
}

.header__right {
    display: flex;
    align-items: center;
}

.header__icons {
    margin-left: 90px;
}

@media (max-width: 1440px) {
    .header__icons {
        margin-left: 30px;
    }
}

@media (max-width: 992px) {
    .header__icons {
        margin-left: 0;
    }
}

.topMenu {
    display: none;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 56px;
    z-index: -1;
    box-shadow: 0 5px 3px -2px rgba(60, 60, 60, 0.1);
}

.header__catalog-item:hover .topMenu {
    display: block;
}

.topMenu__wrapper {
    padding: 60px 30px 122px;
}

.topMenu__box {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1220px;
}

.topMenu__item {
    line-height: 29px;
}

.topMenu__item+.topMenu__item {
    margin-top: 28px;
}

.topMenu__action {
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    letter-spacing: -0.96px;
    transition: 0.4s ease;
}

.topMenu__list {
    font-size: 2.4rem;
    margin-top: -6px;
    margin-right: 30px;
}

.topMenu__list.is-hovered .topMenu__action {
    color: rgba(60, 60, 60, 0.4);
}

.topMenu__list.is-hovered .topMenu__action:hover {
    color: inherit;
}

.topMenu__banner {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 420px;
    max-height: 290px;
}

.topMenu__banner.is-hidden {
    display: none;
}

.topMenu__subbox {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 0;
    opacity: 0;
    z-index: -1;
}

.topMenu__subbox.is-visible {
    height: auto;
    opacity: 1;
    z-index: 1;
}

.topMenu__subanchor {
    letter-spacing: -0.64px;
    text-decoration: none;
    transition: 0.4s ease;
}

.topMenu__sublist {
    width: 260px;
    margin-right: 60px;
}

@media (max-width: 1200px) {
    .topMenu__sublist {
        width: 230px;
        margin-right: 30px;
    }
}

.topMenu__sublist.is-hovered .topMenu__subanchor {
    color: rgba(60, 60, 60, 0.4);
}

.topMenu__sublist.is-hovered .topMenu__subanchor:hover {
    color: inherit;
}

.topMenu__subitem {
    line-height: 11px;
}

.topMenu__subitem+.topMenu__subitem { margin-top: 30px }
.footer {
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    background: #fff;
    color: #939393;
    letter-spacing: -0.28px;
    padding-top: 10rem }
@media (max-width: 768px) {
    .footer { padding-top: 4rem }
}
.footer__wrapper { padding: 0 30px 30px }
@media (max-width: 992px) {
    .footer__wrapper { padding: 0 30px 94px }
}
@media (max-width: 768px) {
    .footer__wrapper {
        padding: 0 16px 94px;
    }
}

.footer__row {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1440px) {
    .footer__row {
        display: flex;
    }
}

.footer__row--1 {
    padding: 0 0 60px;
}

@media (max-width: 1440px) {
    .footer__row--1 {
        display: flex;
    }
}

@media (max-width: 992px) {
    .footer__row--1 {
        display: block;
        padding: 0 0 34px;
    }
}

.footer__row--2 {
    padding: 64px 0 0;
    border-top: 1px solid #f5f1ed;
    justify-content: space-between;
    border-bottom: 1px solid #f5f1ed;
    padding-bottom: 3rem;
}

@media (max-width: 992px) {
    .footer__row--2 {
        padding: 35px 0;
        display: block
    }
    .footer__contacts-box {
        margin-left: 0!important
    }
    .footer__contacts-shop__disclaimer {
        margin-left: 0!important
    }
}

@media (max-width: 768px) {
    .footer__row--2 {
        border-top: 1px solid #e7e1db;
    }
}

@media (max-width: 480px) {
    .footer__row--2 {
        padding-bottom: 33px;
        border-bottom: 1px solid #e7e1db;
    }
}
.footer__row--3 {
    margin-top: 3rem;
}
@media (max-width: 480px) {
    .footer__row--3 {
        padding: 0;
        margin-top: 2rem;
    }
}

.footer__row--5 {
    display: none;
    background: #fff;
}

@media (max-width: 992px) {
    .footer__row--5 {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 19px 32px 20px;
        border-top: 1px solid #f5f1ed;
        z-index: 11111;
    }
}

.footer__left-wrapper {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 640px) {
    .footer__left-wrapper {
        display: block;
    }
}

@media (max-width: 1440px) {
    .footer__row--1 .footer__left {
        width: 680px;
    }
}

@media (max-width: 992px) {
    .footer__row--1 .footer__left {
        width: 100%;
    }
}

.footer__logo {
    width: 420px;
    height: 62px;
    text-indent: -9999px;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MjAnIGhlaWdodD0nNjInIHZpZXdCb3g9JzAgMCA0MjAgNjInIGZpbGw9J25vbmUnPjxnIGNsaXAtcGF0aD0ndXJsKCNjbGlwMF8yNzJfNjU4KSc+PHBhdGggZD0nTTcyLjY1OTkgMS4wOTI3N0gxMjQuNjJWMTMuNTIwN0gxMDUuMzM2VjYwLjc0MTlIOTEuOTMxOVYxMy41MjA3SDcyLjY0NzlWMS4wOTI3N0g3Mi42NTk5WicgZmlsbD0nIzNDM0MzQicvPjxwYXRoIGQ9J00xMzAuODM2IDEuMDkyNzdIMTc0LjYyNFYxMi44NTk5SDE0NC4zMTJWMjMuNjEwNUgxNjIuMTY4VjM1LjYxOTFIMTQ0LjMxMlY0OC4zOTAySDE3Ny4zMTJWNjAuNzQxOUgxMzAuODI0VjEuMDkyNzdIMTMwLjgzNlonIGZpbGw9JyMzQzNDM0InLz48cGF0aCBkPSdNMjE2LjQwOCAzNy40NzQ0TDIyNy45ODggMS4wOTI3N0gyNDcuMzQ0VjYwLjc0MTlIMjM0LjMzNlYxNi4zMDM3TDIyMC4xNCA2MC44MzA4SDIxMS4xNzZMMTk3LjA1MiAxNi43MjNWNjAuNzQxOUgxODQuNTk2VjEuMDkyNzdIMjA0Ljc0NEwyMTYuNDA4IDM3LjQ3NDRaJyBmaWxsPScjM0MzQzNCJy8+PHBhdGggZD0nTTI1OC42MzYgMS4wOTI3N0gyODcuMTk2QzI5OS45NjQgMS4wOTI3NyAzMDcuNDI4IDcuNjQ5ODYgMzA3LjQyOCAyMC4xNjY4QzMwNy40MjggMzIuNjgzNyAyOTkuOTc2IDM5LjQwNiAyODcuMTk2IDM5LjQwNkgyNzIuMDRWNjAuNzQxOUgyNTguNjM2VjEuMDkyNzdaTTI3Mi4wNCAxMy41MzM0VjI2Ljk3OEgyODUuODRDMjkxLjE1NiAyNi45NzggMjkzLjYxNiAyNC4zNzMgMjkzLjYxNiAyMC4yNTU3QzI5My42MTYgMTUuNzk1NCAyOTEgMTMuNTMzNCAyODUuODQgMTMuNTMzNEgyNzIuMDRaJyBmaWxsPScjM0MzQzNCJy8+PHBhdGggZD0nTTM1MC41MDggMzUuOTYyMlYxLjA5Mjc3SDM2My45MTJWMzYuODc3MUMzNjMuOTEyIDUwLjk5NTIgMzU1LjE4OCA2MS45OTk5IDMzOC45MTYgNjEuOTk5OUMzMjIuNjQ0IDYxLjk5OTkgMzEzLjg0OCA1MC45OTUyIDMxMy44NDggMzYuODc3MVYxLjA5Mjc3SDMyNy4zMzZWMzUuOTYyMkMzMjcuMzM2IDQzLjY4ODQgMzMxLjMwOCA0OC45ODc0IDMzOC45MTYgNDguOTg3NEMzNDYuNTI0IDQ4Ljk4NzQgMzUwLjQ5NiA0My42ODg0IDM1MC40OTYgMzUuOTYyMkgzNTAuNTA4WicgZmlsbD0nIzNDM0MzQicvPjxwYXRoIGQ9J00zODUuOTY4IDE3LjA1MzVDMzg1Ljk2OCAyMC40OTcyIDM4OC44MjQgMjIuMDk4NCAzOTMuMzQ4IDIyLjc3MTlMMzk4Ljk3NiAyMy41MzQzQzQxMS42NzIgMjUuMzAwNyA0MjAgMjkuNTgzMSA0MjAgNDIuNTE5NEM0MjAgNTMuODY3MiA0MTEuODI4IDYxLjg0NzUgMzk2Ljk5NiA2MS44NDc1QzM3OS4xNCA2MS44NDc1IDM3Mi4zOTYgNTEuMzUxMSAzNzAuNjU2IDQzLjQ0N0gzODUuMDJDMzg2LjA1MiA0Ni4xNDEgMzg5LjU0NCA1MC4xNjkzIDM5Ni45OTYgNTAuMTY5M0M0MDMuMDIgNTAuMTY5MyA0MDYuMTE2IDQ3LjY1MzIgNDA2LjExNiA0My43MDEyQzQwNi4xMTYgMzkuNDE4NyA0MDIuOTQ4IDM3LjkwNjUgMzk4LjE4NCAzNy4xNDQxTDM5Mi40NzIgMzYuMzA1NEMzODAuMSAzNC41MzkgMzcyLjI0IDI5LjQxNzkgMzcyLjI0IDE3LjY1MDdDMzcyLjI0IDUuODgzNTcgMzgxLjI4OCAwLjAxMjY5NTMgMzk0LjE0IDAuMDEyNjk1M0M0MTEuMTIgMC4wMTI2OTUzIDQxNi45MDQgOS40Mjg5NyA0MTguNjU2IDE2LjQ4MTZINDA0Ljg1NkM0MDMuNTg0IDE0LjM4NDkgNDAwLjcyOCAxMS41MjU3IDM5NC4xNTIgMTEuNTI1N0MzODguOTkyIDExLjUyNTcgMzg1Ljk4IDEzLjcxMTQgMzg1Ljk4IDE3LjA2NjJMMzg1Ljk2OCAxNy4wNTM1WicgZmlsbD0nIzNDM0MzQicvPjxwYXRoIGQ9J005LjM3MjAzIDU4LjQ5MjdDMy43NTYwMyA1NC4wNzA1IDAuNjI0MDI1IDQ4LjkzNjYgMC4wODQwMjUzIDQzLjIxODNDLTAuNzMxOTc1IDM0LjY1MzQgNC40NzYwMyAyOC41Mjg0IDcuOTMyMDMgMjQuNDYyQzguNTIwMDMgMjMuNzYzMSA5LjI4ODAzIDIyLjg2MDggOS45MDAwMyAyMi4wNzNDOS42NzIwMyAyMS44NTY5IDkuNDIwMDMgMjEuNjI4MiA5LjEwODAzIDIxLjM2MTNMMjIuNDE2IDMuNTcwOEMyOC4zMzIgOC41Mzk0NCAzMS41ODQgMTQuMTQzNSAzMi4wNjQgMjAuMjA0OUMzMi43NzIgMjkuMTI1NiAyNy40MDggMzUuNDU0IDIzLjg1NiAzOS42MzQ3QzIyLjkwOCA0MC43NTMgMjEuNDY4IDQyLjQ1NTggMjEuMTMyIDQzLjE0MkMyMS4zNiA0Mi42NzE4IDIxLjQ0NCA0MS45OTgzIDIxLjQyIDQxLjI5OTRMOS4zNjAwMyA1OC40OTI3SDkuMzcyMDNaJyBmaWxsPSd1cmwoI3BhaW50MF9saW5lYXJfMjcyXzY1OCknLz48cGF0aCBkPSdNMTUuNzU2MyAyMy44MjY1QzIxLjY4MTIgMjMuODI2NSAyNi40ODQzIDE4Ljc0MDIgMjYuNDg0MyAxMi40NjZDMjYuNDg0MyA2LjE5MTc1IDIxLjY4MTIgMS4xMDU0NyAxNS43NTYzIDEuMTA1NDdDOS44MzE0MSAxLjEwNTQ3IDUuMDI4MzIgNi4xOTE3NSA1LjAyODMyIDEyLjQ2NkM1LjAyODMyIDE4Ljc0MDIgOS44MzE0MSAyMy44MjY1IDE1Ljc1NjMgMjMuODI2NVonIGZpbGw9JyMzQzNDM0InLz48cGF0aCBkPSdNMTUuNzU2MyA2MC43NDJDMjEuNjgxMiA2MC43NDIgMjYuNDg0MyA1NS42NTU4IDI2LjQ4NDMgNDkuMzgxNUMyNi40ODQzIDQzLjEwNzMgMjEuNjgxMiAzOC4wMjEgMTUuNzU2MyAzOC4wMjFDOS44MzE0MSAzOC4wMjEgNS4wMjgzMiA0My4xMDczIDUuMDI4MzIgNDkuMzgxNUM1LjAyODMyIDU1LjY1NTggOS44MzE0MSA2MC43NDIgMTUuNzU2MyA2MC43NDJaJyBmaWxsPScjM0MzQzNCJy8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQwX2xpbmVhcl8yNzJfNjU4JyB4MT0nMC4zOTYwMjYnIHkxPSc1MC42MDEzJyB4Mj0nMzMuNDY5NycgeTI9JzEzLjM2NzEnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPSd3aGl0ZScvPjxzdG9wIG9mZnNldD0nMC4xJyBzdG9wLWNvbG9yPScjRkVGRUZBJy8+PHN0b3Agb2Zmc2V0PScwLjIzJyBzdG9wLWNvbG9yPScjRkNGQ0VCJy8+PHN0b3Agb2Zmc2V0PScwLjM2JyBzdG9wLWNvbG9yPScjRjlGOUQ0Jy8+PHN0b3Agb2Zmc2V0PScwLjQ5JyBzdG9wLWNvbG9yPScjRjRGNUIzJy8+PHN0b3Agb2Zmc2V0PScwLjY0JyBzdG9wLWNvbG9yPScjRUVGMDg4Jy8+PHN0b3Agb2Zmc2V0PScwLjc4JyBzdG9wLWNvbG9yPScjRTdFOTU1Jy8+PHN0b3Agb2Zmc2V0PScwLjkyJyBzdG9wLWNvbG9yPScjRTBFMzFFJy8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9J2NsaXAwXzI3Ml82NTgnPjxyZWN0IHdpZHRoPSc0MjAnIGhlaWdodD0nNjInIGZpbGw9J3doaXRlJy8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
}

@media (max-width: 1200px) {
    .footer__logo {
        width: 189px;
        height: 28px;
    }
}

.footer__logo-anchor {
    display: inline-block;
    margin-right: 60px;
}

@media (max-width: 992px) {
    .footer__logo-anchor {
        margin: 0 0 27px;
    }
}

.footer__row--1 .footer__center {
    margin: 0 60px 0 auto;
}

.footer__subscribe-title {
    display: block;
    width: 172px;
    margin-top: 4px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.64px;
    text-transform: uppercase;
    text-align: right;
    color: #3c3c3c;
}

@media (max-width: 992px) {
    .footer__subscribe-title {
        margin: 0 0 9px;
        text-align: left;
    }
}

.footer__menu {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1440px) {
    .footer__menu {
        margin-bottom: 1rem;
        padding-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .footer__menu {
        flex-wrap: wrap;
        border-color: #e7e1db;
    }
}

@media (max-width: 480px) {
    .footer__menu {
        padding-bottom: 0;
    }
}

@media (max-width: 768px) {
    .footer__menu-col {
        width: 50%;
    }

    .footer__menu-col:first-child {
        margin-bottom: 29px;
    }
}

@media (max-width: 480px) {
    .footer__menu-col {
        width: 100%;
        margin-bottom: 29px;
    }
}

.footer__menu-item {
    margin-bottom: 10px;
    line-height: 20px;
}

.footer__menu-item:first-child {
    margin-bottom: 22px;
}

@media (max-width: 992px) {
    .footer__menu-item:first-child {
        margin-bottom: 15px;
    }
}

.footer__menu-item:last-child {
    margin-bottom: 0;
}

.footer__menu-item--gap {
    margin-bottom: 51px;
}

@media (max-width: 992px) {
    .footer__menu-item--gap {
        margin-bottom: 30px;
    }
}

.footer__menu-anchor {
    text-decoration: underline;
}

.footer__menu-anchor--title {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    line-height: 120%;
    text-decoration: none;
    color: #3c3c3c;
    letter-spacing: -0.64px;
    transition: 0.2s color ease;
    font-weight: 500;
}

.footer__menu-anchor--title:hover {
    color: rgba(60, 60, 60, 0.4);
}

.footer__menu-anchor:hover {
    text-decoration: none;
}

.footer__right {
    display: contents;
    width: 580px;
}

@media (max-width: 992px) {
    .footer__row--1 .footer__right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .footer__right {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .footer__right {
        display: block;
    }
}

@media (max-width: 768px) {
    .footer__contacts-box {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .footer__contacts-box {
        display: display;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 41px;
    }
}

.footer__contacts-phones {
    margin-bottom: 2rem;
    line-height: 120%;
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    color: #3c3c3c;
    letter-spacing: -0.64px;
}

@media (max-width: 768px) {
    .footer__contacts-phones {
        margin-bottom: 42px;
    }
}

@media (max-width: 480px) {
    .footer__contacts-phones {
        margin-right: 28px;
    }
}

.footer__contacts-phone-item+.footer__contacts-phone-item {
    margin-top: 8px;
}

.footer__contacts-phone-anchor {
    text-decoration: none;
    transition: 0.2s color ease;
}

.footer__contacts-phone-anchor:hover {
    color: rgba(60, 60, 60, 0.4);
}

.footer__contacts-links {
    margin-bottom: 1rem;
}

@media (max-width: 480px) {
    .footer__contacts-links {
        width: 152px;
    }
}

.footer__contacts-social {
    display: flex;
    margin-right: 20px;
}

.footer__contacts-social+.footer__contacts-social {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .footer__contacts-social+.footer__contacts-social {
        margin-top: 1rem;
    }
}

.footer__contacts-social-item+.footer__contacts-social-item {
    margin-left: 20px;
}

.footer__contacts-social-action {
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
}

.footer__contacts-social-action:hover {
    text-decoration: none;
}

.footer__contacts-link-item+.footer__contacts-link-item {
    margin-top: 3px;
}

.footer__contacts-link-action {
    text-decoration: underline;
}

.footer__contacts-link-action:hover {
    text-decoration: none;
}

.footer__contacts-shop {
    position: relative;
}

@media (max-width: 768px) {
    .footer__contacts-shop {
        width: 50%;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .footer__contacts-shop {
        width: 152px;
    }
}

.footer__contacts-addr {
    margin-bottom: 8px;
    color: #3c3c3c;
}

.footer__contacts-anchor {
    display: inline-block;
    margin-bottom: 50px;
    text-decoration: underline;
}

.footer__contacts-anchor:hover {
    text-decoration: none;
}

@media (max-width: 480px) {
    .footer__contacts-anchor {
        margin-bottom: 0;
    }
}

.footer__contacts-time {
    color: #3c3c3c;
}

@media (max-width: 480px) {
    .footer__contacts-time {
        position: static;
        width: 100%;
        margin-top: 3rem
    }
}

@media (max-width: 480px) {
    .footer__contacts-workperiod {
        display: contents;
    }
}

.footer__copyright {
    color: #3c3c3c;
}

@media (max-width: 640px) {
    .footer__copyright {
        margin-bottom: 24px;
    }
}

.footer__copyright-box {
    display: flex;
    align-items: center;
}

.footer__copyright-icon {
    margin-right: 10px;
    padding-right: 12px;
    font-size: 3.4rem;
    line-height: 24px;
    letter-spacing: -0.68px;
    border-right: 1px solid #e7e1db;
}

.footer__copyright-text {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    text-transform: uppercase;
    line-height: 1.4rem;
    letter-spacing: -0.28px;
}

.footer__payment {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 580px;
}

.footer__payment-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

@media (max-width: 480px) {

    .footer__payment-item:first-child,
    .footer__payment-item:nth-child(2),
    .footer__payment-item:nth-child(3) {
        margin-bottom: 40px;
    }
}

.footer__payment-item+.footer__payment-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    display: block;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background: #f5f1ed;
}

@media (max-width: 1600px) {
    .footer__payment-item+.footer__payment-item::before {
        left: -17px;
    }
}

@media (max-width: 1200px) {
    .footer__payment-item+.footer__payment-item::before {
        left: -12px;
    }
}

@media (max-width: 480px) {
    .footer__payment-item+.footer__payment-item::before {
        left: -20px;
    }
}

@media (max-width: 480px) {
    .footer__payment-item:nth-child(5)::before {
        left: -32px;
    }
}

@media (max-width: 480px) {
    .footer__payment-item:last-child::before {
        left: -32px;
    }
}

@media (max-width: 1600px) {
    .footer__payment {
        width: 440px;
    }
}

@media (max-width: 1200px) {
    .footer__payment {
        width: 400px;
    }
}

@media (max-width: 480px) {
    .footer__payment {
        flex-wrap: wrap;
        width: 240px;
        -moz-column-gap: 16px;
        column-gap: 16px;
    }

    .footer__payment::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #f5f1ed;
    }
}

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

@media (max-width: 1440px) {
    .footer__production {
        margin-top: 40px;
    }
}

.footer__prod-one {
    display: inline-block;
    margin-right: 7px;
}

@media (max-width: 480px) {
    .footer__prod-one {
        font-size: 1.2rem;
        line-height: 120%;
    }
}

.footer__prod-two {
    display: inline-block;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    color: #3c3c3c;
    letter-spacing: -0.64px;
}

.footer__prod-link {
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer__prod-link:hover {
    color: rgba(60, 60, 60, 0.4);
}

.footer__disclaimer {
    letter-spacing: -0.24px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.64px;
}

.icons {
    display: flex;
    align-items: center;
}

@media (max-width: 992px) {
    .icons {
        justify-content: space-between;
    }

    .header__icons .icons {
        display: none;
    }
}

.icons__item {
    display: flex;
    align-items: center;
    letter-spacing: -0.28px;
}

.icons__item+.icons__item {
    margin-left: 40px;
}

@media (max-width: 1440px) {
    .icons__item+.icons__item {
        margin-left: 14px;
    }
}

.icons__item--cart {
    border-radius: 40px;
    background: linear-gradient(270deg, #cbbba7 0%, rgba(255, 255, 255, 0) 100%);
}

.icons__action {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.icons__action:hover {
    opacity: 0.7;
}

.icons__counter--favorites {
    padding-left: 4px;
    flex-shrink: 0;
}

.icons__counter--cart {
    padding: 0 8px 0 4px;
}

.lead {
    /* &__right {
    width: 900px;
  } */
}

.lead__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

@media (max-width: 768px) {
    .lead__wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.lead__left {
    width: 100%;
    /* width: 420px;
    margin-right: 40px; */
}

@media (max-width: 1440px) {
    .lead__left {
        display: none;
    }
}

.mini {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.2rem;
}

.mini--zoom {
    margin-top: -15px;
}

.mini--header {
    display: none;
}

.mini--header.is-visible {
    display: block;
}

.mini__head {
    margin-bottom: 47px;
}

.mini__body {
    position: relative;
}

.mini--zoom .mini__body {
    padding: 50px 0;
}

@media (max-width: 768px) {
    .mini--zoom .mini__body {
        padding-top: 19px;
    }
}

.mini--swipable .mini__body {
    margin: 0 -30px;
}

@media (max-width: 768px) {
    .mini--swipable .mini__body {
        margin: 0 -16px;
    }
}

.mini__list {
    display: flex;
}

.mini__pagination {
    display: none;
    margin-top: 8px;
    text-align: center;
}

@media (max-width: 767px) {
    .mini__pagination {
        display: block;
    }
}

.mini__pagination .swiper-pagination-bullet {
    height: 4px;
    border-radius: 8px;
    transition: 0.2s width ease;
}

.mini__pagination .swiper-pagination-bullet-active {
    width: 30px;
    background: #3c3c3c;
}

.mini__link {
    display: none;
    margin-top: 31px;
    text-align: center;
    font-size: 1.4rem;
}

@media (max-width: 767px) {
    .mini__link {
        display: block;
    }
}

.mini__item {
    width: 100px;
    margin: 0 30px;
    /*transform: scale(1.15);*/
}

.mini--zoom .mini__item {
    margin: 0;
    transition: 0.45s opacity ease-in-out;
}

@media (min-width: 768px) {
    .mini--zoom .mini__item {
        margin: 0 30px;
    }
}

@media (min-width: 768px) {
    .mini__item {
        transform: scale(1);
    }

    .mini--zoom .mini__item {
        margin: 0 30px;
    }

    /* Временное скрытие */
    /*.mini--zoom .is-hovered .mini__item:not(:hover) {*/
    /*    opacity: 0.2;*/
    /*}*/

    .mini--header .is-hovered .mini__item:not(:hover) {
        opacity: 0.2;
    }
}

@media (max-width: 768px) {
    .mini--swipable .mini__item {
        margin: 0 16px;
    }
}

.mini--header .mini__item {
    transition: 0.2s opacity ease;
}

.mini--header .mini__item:first-child {
    margin-left: 0;
}

.mini--header .mini__item:last-child {
    margin-right: 0;
}

.mini__anchor {
    text-decoration: none;
    transition: 0.2s color ease;
    text-align:center;
}

.is-hovered .mini__anchor {
    color: #3c3c3c;
}

.mini__img {
    display: block;
    height: 110px;
    margin: 0 auto 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.45s transform ease-in-out;
}

.mini--zoom .mini__img {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .mini--zoom .mini__img {
        height: 288px;
        margin-bottom: 20px;
        transform: scale(1) !important;
    }
}

@media (min-width: 769px) {
    .mini--zoom .mini__anchor:hover .mini__img {
        transform: scale(1.9);
    }
}

.mini--zoom .mini__info {
    display: none;
    padding: 0 16px;
    text-align: center;
}

@media (max-width: 767px) {
    .mini--zoom .mini__info {
        display: block;
    }
}

.mini__caption {
    display: block;
    margin-bottom: 11px;
    line-height: 14px;
    font-size: 14px;
}

.mini--zoom .mini__caption {
    margin-bottom: 15px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    color: #cbbba7;
}

.mini--zoom .mini__price {
    margin-bottom: 24px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.mini__footer {
    position: relative;
}

.touchevents .mini__footer {
    display: none;
}

@media (max-width: 992px) {
    .mini__footer {
        display: none;
    }
}

.mini__footer-list {
    height: 250px;
}

.mini__footer-item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.45s ease-in-out;
    transition-property: top, opacity;
}

@media (max-width: 1440px) {
    .mini__footer-item {
        left: 10%;
        right: 10%;
        transform: none;
    }
}

@media (max-width: 1200px) {
    .mini__footer-item {
        left: 30px;
        right: 30px;
    }
}

.mini__footer-item.is-visible {
    top: 90px;
    opacity: 1;
}

.mini__footer-info {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: white;
}

.mini__footer-caption {
    display: block;
    max-height: 112px;
    overflow: hidden;
    margin-bottom: 0;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2.24px;
    text-transform: uppercase;
    color: #cbbba7;
    transition: 0.45s ease-in-out;
    background: #ffffff;
}

.mini__footer-price {
    position: relative;
    top: 0;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.96px;
    transition: 0.45s ease-in-out;
    background: white;
}

.mini__footer-item.is-visible .mini__footer-price {
    top: 18px;
}

.tabs--faq {
    margin-bottom: 24.6rem;
}

@media (max-width: 1200px) {
    .tabs--faq {
        margin-bottom: 18rem;
    }
}

@media (max-width: 768px) {
    .tabs--faq {
        margin-bottom: 8rem;
    }
}

.tabs__btn-box {
    margin-bottom: 6rem;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
}

@media (max-width: 768px) {
    .tabs__btn-box {
        margin-bottom: 2.6rem;
    }
}

.tabs--faq .tabs__btn-box {
    margin-bottom: 128px;
}

@media (max-width: 1200px) {
    .tabs--faq .tabs__btn-box {
        margin-bottom: 64px;
    }
}

@media (max-width: 768px) {
    .tabs--faq .tabs__btn-box {
        margin-bottom: 40px;
    }
}

.tabs__btn-list {
    display: flex;
    justify-content: center;
}

.tabs--alt .tabs__btn-list {
    width: 90rem;
    justify-content: flex-start;
    margin: 0 0 0 auto;
}

@media (max-width: 1440px) {
    .tabs--alt .tabs__btn-list {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 992px) {
    .tabs__btn-list {
        justify-content: flex-start;
    }

    .tabs--auth .tabs__btn-list {
        justify-content: center;
    }
}

.tabs__btn-item {
    position: relative;
    width: auto;
    margin: 0 30px;
    color: #939393;
    transition: 0.2s color ease;
}

@media (max-width: 768px) {
    .tabs__btn-item:first-child {
        margin-left: 16px;
    }
}

.tabs__btn-item.is-active {
    color: #3c3c3c;
}

.tabs__btn-item.is-active::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 54%;
    height: 1px;
    background-color: currentColor;
}

.tabs--auth .tabs__btn-item.is-active::before {
    width: 64%;
}

.tabs__btn-item:hover {
    color: #3c3c3c;
}

.tabs__btn-item:active {
    color: #000;
    transition: none;
}

.tabs--alt .tabs__btn-item:first-child {
    margin-left: 0;
}

.tabs__btn-action {
    padding-bottom: 17px;
    letter-spacing: inherit;
}

.tabs--long .tabs__btn-action {
    padding-bottom: 7px;
}

.tabs__section-list {
    display: flex;
    align-items: center;
}

.tabs__section-item {
    width: auto;
    position: relative;
}

.tabs__section-box {
    display: block;
    width: 260px;
    margin: 0 30px;
    text-decoration: none;
}

@media (max-width: 992px) {
    .tabs__section-box {
        width: 150px;
        margin: 0 12px;
    }
}

.tabs__section-box--banner {
    position: relative;
    width: auto;
}

@media (max-width: 992px) {
    .tabs__section-box--banner {
        margin-left: 30px;
    }
}

@media (max-width: 768px) {
    .tabs__section-box--banner {
        margin-left: 16px;
    }
}

.tabs__section-box--banner::before {
    content: "";
    position: absolute;
    display: block;
    left: 59px;
    bottom: 59px;
    width: 98px;
    height: 48px;
    z-index: 1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5OCcgaGVpZ2h0PSc0OCcgdmlld0JveD0nMCAwIDk4IDQ4JyBmaWxsPSdub25lJz48cGF0aCBkPSdNMSAyNEg4MScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PHBhdGggZD0nTTcxIDE0TDgxIDI0TDcxIDM0JyBzdHJva2U9J3doaXRlJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48Y2lyY2xlIGN4PSc3NCcgY3k9JzI0JyByPScyMycgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PC9zdmc+");
    transition: 0.4s left ease;
}

@media (max-width: 992px) {
    .tabs__section-box--banner::before {
        left: 15px;
        bottom: 15px;
    }
}

.tabs__section-box--banner:hover::before {
    left: 69px;
}

@media (max-width: 992px) {
    .tabs__section-box--banner:hover::before {
        left: 15px;
    }
}

.tabs__section-banner {
    position: relative;
    width: 490px;
    height: 460px;
    padding: 47px 60px;
    font-family: "Styrene A Web", sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.96px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.tabs__section-banner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.tabs__section-banner::after {
    content: "";
    display: block;
    width: 466px;
    height: 456px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-size: cover;
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0NjYnIGhlaWdodD0nNDU2JyB2aWV3Qm94PScwIDAgNDY2IDQ1NicgZmlsbD0nbm9uZSc+PHBhdGggZD0nTTEwOC41MDEgMjc1Ljk4QzE3NC44OTMgNDM1LjA2NCAzNTMuNDEgNjM0LjY1NyAzNTMuNDEgNjM0LjY1Nycgc3Ryb2tlPSd1cmwoI3BhaW50MF9saW5lYXJfMTcwXzE1NTcpJyBzdHJva2Utd2lkdGg9JzE2Ni43ODYnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcvPjxwYXRoIGQ9J00zNTMuNDExIDI1Mi4zNzlDMzUzLjQxMSAyNTIuMzc5IDIxOC4wMjMgLTIuNzExNzggMTA1LjcxNSAxMTQuNzIyQzcyLjQ3OTIgMTQ5LjQ2OSA4MC41OTYzIDIwOS4xNDYgMTA4LjUwMiAyNzUuOTgnIHN0cm9rZT0ndXJsKCNwYWludDFfbGluZWFyXzE3MF8xNTU3KScgc3Ryb2tlLXdpZHRoPScxNjYuNzg2JyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnLz48cGF0aCBkPSdNNTk4LjMyIDI3NS45OEM1MzEuOTI4IDQzNS4wNjQgMzUzLjQxMSA2MzQuNjU3IDM1My40MTEgNjM0LjY1Nycgc3Ryb2tlPSd1cmwoI3BhaW50Ml9saW5lYXJfMTcwXzE1NTcpJyBzdHJva2Utd2lkdGg9JzE2Ni43ODYnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcvPjxwYXRoIGQ9J00zNTMuNDExIDI1Mi4zNzlDMzUzLjQxMSAyNTIuMzc5IDQ4OC43OTggLTIuNzExNzggNjAxLjEwNiAxMTQuNzIyQzYzNC4zNDIgMTQ5LjQ2OSA2MjYuMjI1IDIwOS4xNDYgNTk4LjMyIDI3NS45OCcgc3Ryb2tlPSd1cmwoI3BhaW50M19saW5lYXJfMTcwXzE1NTcpJyBzdHJva2Utd2lkdGg9JzE2Ni43ODYnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcvPjxwYXRoIGQ9J000MzYuODA0IDI1Mi4zNzlDNDM2LjgwNCAyMDQuMjI4IDM5OS40NjkgMTY1LjE5NiAzNTMuNDExIDE2NS4xOTZDMzA3LjM1MyAxNjUuMTk2IDI3MC4wMTggMjA0LjIyOCAyNzAuMDE4IDI1Mi4zNzlDMjcwLjAxOCAzMDAuNTMxIDMwNy4zNTMgMzM5LjU2MyAzNTMuNDExIDMzOS41NjNDMzk5LjQ2OSAzMzkuNTYzIDQzNi44MDQgMzAwLjUzMSA0MzYuODA0IDI1Mi4zNzlaJyBmaWxsPScjREJGNTA3Jy8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDBfbGluZWFyXzE3MF8xNTU3JyB4MT0nNDE0LjMwOScgeTE9JzQ2Ny42NTcnIHgyPSczMi4wNTQ1JyB5Mj0nNDY3LjY1NycgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNEQkY1MDcnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9J3doaXRlJyBzdG9wLW9wYWNpdHk9JzAnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxX2xpbmVhcl8xNzBfMTU1NycgeDE9JzQyNi4zMjQnIHkxPScxNTMuNzU0JyB4Mj0nMC42MTU3ODQnIHkyPScxNTMuNzU0JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0RCRjUwNycvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nd2hpdGUnIHN0b3Atb3BhY2l0eT0nMCcvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDJfbGluZWFyXzE3MF8xNTU3JyB4MT0nMjkyLjQ5MScgeTE9JzQ2Ny42NTcnIHgyPSc2NzQuNzQ2JyB5Mj0nNDY3LjY1NycgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9J3doaXRlJyBzdG9wLW9wYWNpdHk9JzAnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNEQkY1MDcnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQzX2xpbmVhcl8xNzBfMTU1NycgeDE9JzI4MC40OTcnIHkxPScxNTMuNzU0JyB4Mj0nNzA2LjIwNScgeTI9JzE1My43NTQnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPSd3aGl0ZScgc3RvcC1vcGFjaXR5PScwJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjREJGNTA3Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+"); */
}

@media (max-width: 992px) {
    .tabs__section-banner::after {
        width: 170px;
        height: 166px;
    }
}

@media (max-width: 992px) {
    .tabs__section-banner {
        width: 240px;
        height: 288px;
        padding: 9px 16px;
        font-size: 1.4rem;
    }
}

.tabs__section-banner-title {
    position: relative;
    margin-bottom: 7px;
    font-size: 6.8rem;
    font-weight: 700;
    letter-spacing: -2.72px;
	line-height: 1;
    z-index: 2;
}

@media (max-width: 992px) {
    .tabs__section-banner-title {
        margin-bottom: 0;
        font-size: 4.2rem;
        font-weight: 500;
        letter-spacing: -1.68px;
        z-index: 2;
    }
}

.tabs__section-banner-subtitle {
    position: relative;
}

.tabs__items-list {
    overflow: hidden;
}

.tabs__items-item {
    display: none;
}

.tabs__items-item.is-visible {
    display: block;
}

.main .tags {
    background: #f5f1ed;
    margin: 0 -30px;
    padding: 14px 30px 14px 30px;
}

.main .tags__list {
    row-gap: 20px;
}

.main .tags__item {
    margin-bottom: 0;
}

.tags {
    line-height: 140%;
}

.tags__list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 41px;
    column-gap: 41px;
}

@media screen and (min-width: 1024px) {
    .tags__list {
        justify-content: space-between;
    }
}

.tags__item {
    margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .tags__anchor {
        font-size: 1.6rem;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Styrene A Web', sans-serif;
    }
}

.tags__anchor:hover {
    text-decoration: none;
}

.title {
    position: relative;
}

.title__prefix {
    position: absolute;
    top: 50px;
    left: -101px;
    color: #939393;
}

@media (max-width: 1600px) {
    .title__prefix {
        left: -60px;
    }
}

@media (max-width: 1440px) {
    .title__prefix {
        left: initial;
        right: -40px;
        top: 0;
    }
}

.title__title {
    position: relative;
    max-width: 640px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 56px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -2.24px;
    top: -7px;
}

.title__title--1 {
    max-width: 740px;
    font-size: 68px;
    letter-spacing: -2.72px;
    top: -10px;
}

.title__title--2 {
    max-width: 524px;
    font-size: 68px;
    letter-spacing: -2.72px;
    top: -10px;
}

.title__title--3 {
    max-width: 100%;
    font-weight: 500;
    font-size: 42px;
    letter-spacing: -1.68px;
    top: -5px;
}

@media (max-width: 768px) {
    .title__title--3 {
        font-size: 28px;
        letter-spacing: -1.12px;
        top: 0;
    }
}

.title__title--4 {
    max-width: 740px;
    font-weight: 500;
    font-size: 36px;
    letter-spacing: -1.44px;
    top: -3px;
}

@media (max-width: 768px) {
    .title__title--4 {
        font-size: 28px;
        letter-spacing: -1.12px;
        top: 0;
    }
}

.title__subtitle {
    display: inline-block;
    margin-top: 34px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.title__btn {
    position: absolute;
    top: 19px;
    right: 0;
}

.vertBtn {
    position: fixed;
    left: 0;
    bottom: 50%;
    margin-bottom: -107px;
    background-color: #3c3c3c;
    opacity: 0;
    z-index: -3;
    transform: rotate(-90deg);
    transform-origin: top left;
    transition: all 0.45s ease-in-out;
}

.vertBtn.is-visible {
    opacity: 1;
    z-index: 99999;
}

@media (max-width: 1200px) {
    .vertBtn {
        display: none;
    }
}

.vertBtn:hover {
    background-color: #636363;
    transition: background-color 0.2s ease;
}

.vertBtn__wrapper {
    display: flex;
    align-items: center;
    padding: 8px 9px;
}

.vertBtn__text {
    color: #f5f1ed;
    letter-spacing: -0.28px;
}

.vertBtn__icon {
    margin-left: 12px;
    transition: 0.2s filter ease;
}

.vertBtn__icon:hover {
    filter: contrast(0.25);
}
@media (max-width: 768px) {
    .footer__row--3 {
        display: flow;
    }
    .footer__payment {
        width: 100%;
        column-gap: 4rem;
    }
    .footer__payment-item {
        margin-bottom: 4rem;
        margin-top: 3rem;
    }
}


@media (max-width: 1200px) {
    .social__center {
        order: 1;
    }
}

.social__right {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .social__right {
        order: 3;
    }
}

@media (max-width: 1600px) {
    .social__right .social__item:nth-child(5) {
        display: none;
    }
}

@media (max-width: 1440px) and (min-width: 1200px) {
    .social__right .social__item:nth-child(4) {
        display: none;
    }
}

.social__videobox {
    width: 260px;
    aspect-ratio: 13 / 23;
    margin-top: -70px;
    overflow: hidden;
}

@media (max-width: 1900px) {
    .social__videobox {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .social__videobox {
        width: 224px;
    }
}

@media (max-width: 560px) {
    .social__videobox {
        width: 152px;
    }
}

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

.social__title {
    width: 420px;
    margin: 32px 0;
}

@media (max-width: 1200px) {
    .social__title {
        width: 100%;
        aspect-ratio: 210 / 23;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .social__title {
        margin: 0;
    }
}

.social__title svg {
    width: 100%;
    height: auto;
}

.social__img {
    width: 14rem;
    transition: .5s all;
    object-fit: cover;
}

.social__links {
    margin-bottom: -5px;
    z-index: 4;
    text-align: center }

@media (max-width: 1200px) {
    .social__links {
        position: absolute;
        top: -108px;
        left: 0;
    }
}

@media (max-width: 768px) {
    .social__links {
        position: static;
        margin-top: 3rem
    }
}

.social__link+.social__link {
    margin-top: 14px;
}

.social__link-action {
    text-decoration: underline;
}

.social__link-action:hover {
    text-decoration: none;
}

.search {
    position: absolute;
    top: 56px;
    left: -15px;
    background: #fff;
    z-index: -1;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease, opacity 0.1s ease 0.2s;
}

@media (max-width: 992px) {
    .search {
        left: 0;
        right: 0;
    }
}

.search.is-visible {
    transform: translateY(0);
    z-index: 1;
    opacity: 1;
    transition: transform 0.3s ease, z-index 0.1s ease 0.2s;
}

.search__line {
    position: relative;
}

.search__input {
    width: 740px;
    padding: 20px 56px 20px 16px;
    border: 0;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.64px;
    box-shadow: 0 1px 0 0 #e7e1db;
}

@media (max-width: 992px) {
    .search__input {
        width: 100%;
    }
}

.search__input::-moz-placeholder {
    font-family: "Styrene A Web", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #939393;
    opacity: 1;
}

.search__input::placeholder {
    font-family: "Styrene A Web", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #939393;
    opacity: 1;
}

.search__clear {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -12px;
    transition: opacity 0.2s ease;
}

.search__clear:hover {
    opacity: 0.6;
}

.search__suggest-list {
    max-height: 216px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #dede2b #fff;
}

.search__suggest-list::-webkit-scrollbar {
    width: 3px;
}

.search__suggest-list::-webkit-scrollbar-thumb {
    background-color: #dede2b;
    border-radius: 3px;
}

.search__suggest-item {
    box-shadow: 0 1px 0 0 #f3f3f3;
}

.search__suggest-action {
    display: block;
    padding: 4px 8px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.is-hovered .search__suggest-action {
    opacity: 0.5;
}

.search__suggest-action:hover {
    opacity: 1;
}

.search__suggest-box {
    display: flex;
    align-items: center;
}

.search__suggest-image {
    display: flex;
    align-items: center;
    width: 64px;
    height: 64px;
    margin-right: 16px;
}

.search__suggest-img {
    display: block;
    max-width: 57px;
    height: 57px;
    margin: 0 auto;
}

.search__suggest-info {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.24px;
}

.search__suggest-title {
    color: #939393;
}

.search__suggest-title strong {
    font-weight: 400;
    color: #3c3c3c;
}

.search__suggest-btn {
    display: block;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    background: #cbbba7;
    color: #fff;
    transition: background-color 0.2s ease;
}

.search__suggest-btn:hover {
    background-color: #af9574;
}

.sidepanel {
    position: absolute;
    top: 56px;
    z-index: 12;
    right: 0;
    width: 640px;
    height: 100vh;
    padding: 75px 130px;
    background: #fff;
    box-shadow: -3px 0 40px 0 rgba(116, 105, 91, 0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: auto;
}

.sidepanel .header__menu {
    display: none;
}

@media (max-width: 768px) {
    .sidepanel .header__menu {
        position: absolute;
        display: block;
        transform: rotate(45deg);
        top: 0;
        right: 20px;
    }
}

.sidepanel__item {
    display: none;
}

.sidepanel__item.is-visible {
    display: block;
}

@media (max-width: 992px) {
    .sidepanel {
        top: 0;
        padding: 75px 30px;
    }
}

@media (max-width: 768px) {
    .sidepanel {
        width: 100%;
        padding: 75px 16px;
        overflow: auto;
    }
}

.sidepanel.is-visible {
    transform: translateX(0);
}

.nav {
    position: absolute;
    top: 57px;
    left: 0;
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: -0.64px;
    pointer-events: none;
    z-index: 7;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.nav .header__menu {
    display: none;
}

@media (max-width: 768px) {
    .nav .header__menu {
        display: block;
        position: relative;
        transform: rotate(45deg);
        top: 0;
        left: 12px;
    }
}

@media (max-width: 768px) {
    .nav {
        top: 0;
        overflow: auto;
        background: #fff;
    }
}

.nav.is-visible {
    pointer-events: initial;
    transform: translateX(0);
}

.nav__wrapper {
    position: relative;
}

.nav__section {
    padding: 20px 0;
}

@media (max-width: 768px) {
    .nav__section:first-child {
        padding-top: 3px;
    }
}

.nav__section+.nav__section {
    border-top: 1px solid #f5f1ed;
}

.nav__section-box {
    height: 64px;
    padding-right: 84px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .nav__section-box {
        padding-right: 56px;
    }
}

.nav__section-info {
    display: flex;
    align-items: center;
    position: relative;
    height: 64px;
}

.nav__section-info::after {
    content: "";
    display: block;
    position: absolute;
    right: -40px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJz48cGF0aCBkPSdNMTAgNkwxNiAxMkwxMCAxOCcgc3Ryb2tlPScjQ0JCQkE3JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=");
    transition: all 0.2s ease;
}

@media (max-width: 768px) {
    .nav__section-info::before {
        right: 16px;
    }
}

.nav__section-box:hover .nav__section-info::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJz48cGF0aCBkPSdNMTAgNkwxNiAxMkwxMCAxOCcgc3Ryb2tlPScjM0MzQzNDJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=");
}

.nav__section-img {
    width: 110px;
    height: 64px;
    margin-left: -130px;
    margin-right: 20px;
    opacity: 0;
    transition: all 0.2s ease;
}

@media (max-width: 1440px) {
    .nav__section-img {
        width: 70px;
        height: 41px;
        margin-left: -90px;
    }
}

@media (max-width: 1200px) {
    .nav__section-img {
        display: none;
    }
}

.nav__section-box:hover .nav__section-img {
    margin-left: -30px;
    opacity: 1;
}

.nav__section-action {
    display: block;
    padding: 14px 30px 14px 0;
    text-decoration: none;
    transition: all 0.2s ease;
}

@media (max-width: 768px) {
    .nav__section-action {
        padding-right: 16px;
    }
}

.nav__section-action:hover {
    color: rgba(60, 60, 60, 0.6);
}

.nav__section-item--accent .nav__section-title {
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
}

.nav__col {
    background: #fff;
}

.nav__col--1 {
    /*position: relative;*/
    width: 480px;
    height: 95vh;
    overflow: auto;
    padding: 19px 0 44px 30px;
}

@media (max-width: 1440px) {
    .nav__col--1 {
        width: 360px;
    }
}

@media (max-width: 1200px) {
    .nav__col--1 {
        width: 310px;
    }
}

@media (max-width: 768px) {
    .nav__col--1 {
        padding-top: 0;
        padding-left: 16px;
    }
}

.nav__col--1::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    pointer-events: none;
}

@media (max-width: 768px) {
    .nav__col--1::before {
        width: 16px;
    }
}

.nav__col--2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 480px;
    padding: 43px 0 44px;
    display: none;
    z-index: -1;
    cursor: default;
    transition: opacity 0.3s ease;
    overflow: auto;

    &::-webkit-scrollbar {
        width: 8px;
    }

    &::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
}

.nav__level--2.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 1440px) {
    .nav__col--2 {
        width: 360px;
    }
}

@media (max-width: 1200px) {
    .nav__col--2 {
        width: 310px;
    }
}

.nav__col--2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    pointer-events: none;
    box-shadow: 3px 0 40px 0 rgba(116, 105, 91, 0.1);
}

.nav__section-box:active .nav__col--2 {
    left: 480px;
    display: block;
}

.nav__col--2.show {
    display: block;
    left: 480px;
}

.brand-card__logo {
    width: 40px;
}

@media (max-width: 1440px) {
    .nav__section-box:active .nav__col--2 {
        left: 360px;
    }
    .nav__col--2.show {
        left: 360px;
    }
}

@media (max-width: 1200px) {
    .nav__section-box:active .nav__col--2 {
        left: 310px;
    }
    .nav__col--2.show {
        left: 310px;
    }
}

@media (max-width: 992px) {
    .nav__section-box:hover .nav__col--2 {
        left: 0;
        z-index: 1;
    }
    .nav__col--2 {
        padding: 237px 0 44px;
    }
    .nav__col-footer-box {
        display:block!important;
    }
    .nav__phone {
        font-size: 20px;
        margin-bottom: 1rem;
    }
    .nav__connection {
        font-size: 20px;
    }
}

.nav__col--3 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 480px;
    padding: 45px 0 44px;
    pointer-events: none;
    cursor: default;
    opacity: 0;
}

@media (max-width: 1440px) {
    .nav__col--3 {
        width: 360px;
    }
}

@media (max-width: 1200px) {
    .nav__col--3 {
        width: 310px;
    }
}

.nav__col--3::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    box-shadow: 3px 0 40px 0 rgba(116, 105, 91, 0.1);
    transition: opacity 0.3s ease 0.2s;
}

.nav__level-action--alt:hover .nav__col--3::before {
    opacity: 1;
}

@media (max-width: 992px) {
    .nav__level-action--alt:hover .nav__col--3::before {
        display: none;
    }
}

.nav__level-action--alt:hover .nav__col--3 {
    left: 480px;
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.3s ease;
}

@media (max-width: 1440px) {
    .nav__level-action--alt:hover .nav__col--3 {
        left: 360px;
    }
}

@media (max-width: 1200px) {
    .nav__level-action--alt:hover .nav__col--3 {
        left: 310px;
    }
}

@media (max-width: 992px) {
    .nav__level-action--alt:hover .nav__col--3 {
        left: 0;
        z-index: 2;
    }
}

.nav__col-footer {
    font-family: "Styrene A Web", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
}

@media (max-width: 768px) {
    .nav__col-footer {
        padding-bottom: 75px;
    }
}

.nav__col-footer-box {
    display: flex;
    padding: 26px 30px 0 0;
    border-top: 1px solid #f5f1ed;
}

@media (max-width: 1200px) {
    .nav__col-footer-box {
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .nav__col-footer-box {
        padding: 38px 16px 0 0;
    }
}

.nav__phones {
    margin-right: 100px;
}

@media (max-width: 1200px) {
    .nav__phones {
        margin-right: 30px;
    }
}

.nav__phone+.nav__phone {
    margin-top: 6px;
}

.nav__phone-action {
    text-decoration: none;
    transition: color 0.2s ease;
}

.nav__phone-action:hover {
    color: rgba(60, 60, 60, 0.6);
}

.nav__communicate {
    color: #939393;
}

.nav__connection+.nav__connection {
    margin-top: 2px;
}

.nav__connection-action {
    text-decoration: underline;
}

.nav__connection-action:hover {
    text-decoration: none;
}

.nav__level-action {
    position: relative;
    display: block;
    padding: 11px 30px;
    line-height: 19px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.nav__level-action:hover {
    color: rgba(60, 60, 60, 0.6);
}

.nav__level-action--alt {
    position: static;
    padding-right: 205px;
}

@media (max-width: 1440px) {
    .nav__level-action--alt {
        padding-right: 60px;
    }
}

.nav__level-action--alt:hover {
    color: #3c3c3c;
}

.nav__level-action--alt>.nav__level-title {
    position: relative;
    display: block;
}

.nav__level-action--alt>.nav__level-title::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    right: -29px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJz48cGF0aCBkPSdNMTAgNkwxNiAxMkwxMCAxOCcgc3Ryb2tlPScjQ0JCQkE3JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=");
    transition: all 0.2s ease;
}

.nav__level-action--alt>.nav__level-title:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJz48cGF0aCBkPSdNMTAgNkwxNiAxMkwxMCAxOCcgc3Ryb2tlPScjM0MzQzNDJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=");
}

.personal-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4rem;
}

.personal-page__left {
    width: 100%;
    max-width: 42rem;
}

@media (max-width: 1600px) {
    .personal-page__left {
        max-width: 28rem;
    }
}

@media (max-width: 1440px) {
    .personal-page__left {
        max-width: initial;
    }
}

.personal-page__right {
    position: relative;
    width: 90rem;
}

@media (max-width: 1440px) {
    .personal-page__right {
        width: 100%;
    }
}

.personal-password-form {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%;
    max-width: 38rem;
}

@media (max-width: 500px) {
    .personal-password-form {
        max-width: 100%;
    }
}

.personal-password-form__title {
    margin-bottom: 5rem;
}

@media (max-width: 780px) {
    .personal-password-form__title {
        margin-bottom: 3rem;
    }
}

.personal-password-form__buttons {
    margin-top: 7rem;
}

@media (max-width: 780px) {
    .personal-password-form__buttons {
        margin-top: 0;
    }
}

.personal-password-form__buttons .button {
    padding: 1.3rem 2rem;
    width: 100%;
}

.personal-form {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    width: 100%;
}

@media (max-width: 1024px) {
    .personal-form {
        gap: 3rem;
    }
}

.personal-form__box {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.personal-form .form-input {
    display: none;
}

.personal-form__box-placeholder {
    line-height: 140%;
    color: #939393;
}

.personal-form__box-value {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
    text-overflow: clip;
}

@media (max-width: 1024px) {
    .personal-form__box-value {
        font-size: 1.8rem;
    }
}

.personal-form__buttons {
    max-width: 400px;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 780px) {
    .personal-form__buttons {
        flex-direction: column;
    }
}

.personal-form__buttons .button {
    padding: 1.3rem 2rem;
    color: #939393;
}

.personal-form:not(.is-edit) .personal-form__buttons-save,
.personal-form:not(.is-edit) .personal-form__buttons-cancel {
    display: none;
}

.personal-form.is-edit .personal-form__box-placeholder,
.personal-form.is-edit .personal-form__box-value,
.personal-form.is-edit .personal-form__buttons-edit,
.personal-form.is-edit .personal-form__buttons-password {
    display: none;
}

.personal-form.is-edit .form-input {
    display: block;
}

.orders-info__bonus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #F5F1ED;
}

.orders-info__bonus-count {
    font-family: "Styrene A Web", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
}

.orders-info__bonus-count-number {
    font-size: 2.4rem;
}

.orders-info__bonus-date {
    font-size: 1.2rem;
    color: #939393;
}

.orders-info__title {
    margin-bottom: 2.4rem;
}

.orders-info__price {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.orders-info__products-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}

.orders-info__products-list a {
    text-decoration: underline;
}

.orders-info__products-list a:hover {
    text-decoration: none;
}

.orders-info__date {
    color: #939393;
}

@media (max-width: 1024px) {
    .orders-info__articul {
        margin-bottom: 1rem;
    }
}

.orders-info__more-btn {
    color: #939393;
    margin-top: 1.6rem;
    text-decoration: underline;
}

.orders-info__more-btn:hover {
    text-decoration: none;
}

.orders-info__accordion-header {
    display: flex;
    width: 100%;
    padding-right: 3rem;
}

@media (max-width: 1024px) {
    .orders-info__accordion-header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 1rem 0;
    }
}

.orders-info__accordion-header>div {
    flex: 1;
}

.orders-info__accordion-header>div:last-child {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1024px) {
    .orders-info__accordion-header>div:last-child {
        justify-content: flex-start;
    }
}

.orders-info__accordion-body {
    display: flex;
    width: 100%;
    padding-right: 3rem;
}

@media (max-width: 1024px) {
    .orders-info__accordion-body {
        flex-direction: column;
    }
}

.orders-info__accordion-body>div {
    flex: 1;
}

.agreement {
    display: flex;
    align-items: flex-start;
    color: #3c3c3c;
}

.agreement--contacts {
    margin-top: 4px;
}

.agreement--alt .agreement__text {
    margin-top: -3px;
}

@media (max-width: 480px) {
    .agreement__text {
        margin-top: -3px;
    }
}

.agreement__text a {
    text-decoration: underline;
}

.agreement__text a:hover {
    text-decoration: none;
}

.agreement .checkbox-input {
    margin-right: 8px;
}

.agreement .checkbox-input__check {
    border-radius: 1px;
    border: 1px solid #3c3c3c;
}

.agreement .checkbox-input__check:hover {
    border-color: #939393;
}

.agreement .checkbox-input input:checked+.checkbox-input__check {
    background: #3c3c3c;
}

.article {
    margin-top: 15rem;
    margin-bottom: 15rem;
}

.article--alt {
    margin-top: -33px;
    margin-bottom: 5rem;
}

@media (max-width: 1200px) {
    .article {
        margin: 100px 0 70px;
    }
}

.article__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

@media (max-width: 1200px) {
    .article__head {
        display: block;
        justify-content: initial;
    }
}

.article__head-left {
    margin-right: 40px;
}

.article__head-right {
    width: 900px;
}

@media (max-width: 1200px) {
    .article__head-right {
        width: 100%;
    }
}

.article__time {
    color: #939393;
}

@media (max-width: 1200px) {
    .article__time {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.article__lead {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.8px;
}

@media (max-width: 1200px) {
    .article__lead {
        width: 100%;
    }
}

.article__right .article__lead {
    margin-bottom: 39px;
}

.article__img-main {
    margin-bottom: 64px;
}

.article__section {
    margin-top: 93px;
    padding-top: 94px;
    border-top: 1px solid #e7e1db;
}

@media (max-width: 1200px) {
    .article__section {
        margin-top: 64px;
        padding-top: 48px;
    }
}

.article__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.article__section-head {
    margin-top: -44px;
    margin-bottom: 90px;
}

@media (max-width: 1200px) {
    .article__section-head {
        margin-top: 0;
        margin-bottom: 65px;
    }
}

@media (max-width: 992px) {
    .article__section-head {
        margin-bottom: 50px;
    }
}

@media (max-width: 576px) {
    .article__section-head {
        margin-bottom: 36px;
    }
}

.article__section-box {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .article__section-box {
        display: block;
        justify-content: initial;
    }
}

.article__left {
    width: 50%;
    margin-right: 40px;
}

@media (max-width: 1200px) {
    .article__left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.article--alt .article__left {
    width: 580px;
}

@media (max-width: 1200px) {
    .article--alt .article__left {
        width: 100%;
    }
}

.article__caption {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
}

.article--alt .article__caption {
    text-transform: none;
}

.article__right {
    width: 1220px;
    line-height: 20px;
    overflow: hidden;
}

.article--alt .article__right {
    width: 900px;
}

@media (max-width: 1200px) {
    .article--alt .article__right {
        width: 100%;
    }
}

.article__right .product-card__img {
    margin-top: 0;
}

@media (max-width: 1440px) {
    .article__right {
        width: 900px;
    }
}

@media (max-width: 1200px) {
    .article__right {
        width: 100%;
    }
}

.article--base .article__right>*:not(img) {
    margin-top: 20px;
    padding-right: 160px;
}

@media (max-width: 1440px) {
    .article--base .article__right>*:not(img) {
        padding-right: 0;
    }
}

.article--base .article__right>*:not(img):first-child {
    margin-top: 0;
}

.article__right ul {
    list-style: disc;
    list-style-position: inside;
    padding-inline-start: 8px;
}

.article__right ul ul {
    padding-inline-start: 30px;
}

.article__right ol {
    list-style: decimal;
    list-style-position: inside;
    padding-inline-start: 6px;
}

.article__right p+ul {
    margin-top: 0;
}

.article__right p+ol {
    margin-top: 0;
}

.article__right img {
    margin-top: 43px;
}

.article__right a {
    text-decoration: underline;
}

.article__right a:hover {
    text-decoration: none;
}

.article__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
}

.article__footer::before {
    content: "";
    display: block;
    width: 420px;
    margin-right: 40px;
}

@media (max-width: 1200px) {
    .article__footer::before {
        display: none;
    }
}

.article__link {
    position: relative;
    width: 1220px;
}

@media (max-width: 1440px) {
    .article__link {
        width: 900px;
    }
}

@media (max-width: 1200px) {
    .article__link {
        width: 100%;
    }
}

.brands {
    position: relative;
}

.brands__wrapper {
    position: relative;
    margin: 0 -30px;
    padding: 38px 0;
}

@media (max-width: 768px) {
    .brands__wrapper {
        margin: 0 -16px;
    }
}

.brands__wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background: #f5f1ed;
}

@media (max-width: 768px) {
    .brands__wrapper::before {
        left: 16px;
        right: 16px;
    }
}

.brands__wrapper::after {
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 1px;
    background: #f5f1ed;
}

@media (max-width: 768px) {
    .brands__wrapper::after {
        left: 16px;
        right: 16px;
    }
}

.brands__list {
    display: flex;
    align-items: center;
}

.brands__item {
    width: auto;
    height: 35px;
}

.brands__action {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 30px;
    filter: grayscale(1);
    opacity: 0.3;
    transition: 0.2s all ease;
}

.brands__action:hover {
    opacity: 1;
    filter: grayscale(0);
}

.brands__img {
    display: block;
    margin: 0 auto;
    max-width: 105px;
    max-height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.category__wrapper {
    position: relative;
    margin-right: -30px;
    padding: 0px 0 30px;
}
.zoom {
  padding-top: 8rem;
}
@media (max-width: 1200px) {
    .category__wrapper {
        margin-right: 0;
    }
    .zoom {
      padding-top: 75px;
    }
}

@media (max-width: 768px) {

}

.category__container {
    display: flex;
    justify-content: space-between;
    height: 880px;
    overflow: hidden;
}

@media (max-width: 1770px) {
    .category__container {
        height: 800px;
    }
}

@media (max-width: 1660px) {
    .category__container {
        height: 720px;
    }
}

@media (max-width: 1440px) {
    .category__container {
        height: 660px;
    }
}

@media (max-width: 1320px) {
    .category__container {
        height: 600px;
    }
}

@media (max-width: 992px) {
    .category__container {
        height: initial;
    }
}

.category__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 1112px;
}

.category__tags {
    padding-top: 1.27084em;
    font-family: "Styrene A Web", sans-serif;
    font-size: 4.3rem;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: -1.92px;
}

@media (max-width: 1770px) {
    .category__tags {
        font-size: 4rem;
        letter-spacing: -1.68px;
    }
}

@media (max-width: 1660px) {
    .category__tags {
        font-size: 3.3rem;
        letter-spacing: -1.44px;
    }
}

@media (max-width: 1440px) {
    .category__tags {
        font-size: 3rem;
        letter-spacing: -1.2px;
    }
}

@media (max-width: 1320px) {
    .category__tags {
        font-size: 2.5rem;
        letter-spacing: -1.12px;
    }
}

@media (max-width: 1200px) {
    .category__tags {
        padding-top: 0;
    }
}

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

.category__item {
    position: relative;
    margin: 0 1.5em 0.541666em 0;
}

.category__item::before {
    content: "/";
    position: absolute;
    top: 50%;
    right: -38px;
    display: block;
    margin-top: -14px;
    font-family: "Styrene A Web", sans-serif;
    font-size: 2.8rem;
    line-height: 100%;
    color: #e7e1db;
    letter-spacing: -1.12px;
    pointer-events: none;
}

@media (max-width: 1770px) {
    .category__item::before {
        right: -32px;
    }
}

@media (max-width: 1660px) {
    .category__item::before {
        right: -28px;
    }
}

@media (max-width: 1440px) {
    .category__item::before {
        right: -22px;
    }
}

@media (max-width: 1320px) {
    .category__item::before {
        right: -18px;
        margin-top: -8px;
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .category__item::before {
        display: none;
    }
}

.category__item:last-child::before {
    display: none;
}

@media (max-width: 1200px) {
    .category__item {
        margin-right: 40px;
    }
}

@media (max-width: 480px) {
    .category__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.category__anchor {
    text-decoration: none;
    transition: 0.4s color ease;
}

.category__anchor.is-hovered .category__caption {
    color: inherit;
}

.category__anchor.is-hovered .category__counter {
    color: inherit;
}

.category__caption {
    color: rgba(60, 60, 60, 0.4);
    transition: 0.4s color ease;
    font-weight: 500;
}

.category__counter {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 7px;
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.2rem;
    line-height: 120%;
    letter-spacing: -0.24px;
    color: #cbbba7;
    transition: 0.4s color ease;
}

@media (max-width: 1770px) {
    .category__counter {
        margin-top: 5px;
    }
}

@media (max-width: 1660px) {
    .category__counter {
        margin-top: 3px;
    }
}

@media (max-width: 1440px) {
    .category__counter {
        margin-top: 2px;
    }
}

@media (max-width: 1320px) {
    .category__counter {
        margin: 1px 0 0 5px;
    }
}

@media (max-width: 1320px) {
    .category__right {
        display: none;
    }
}

.category__banners {
    position: relative;
    width: 610px;
    height: 880px;
}

@media (max-width: 1770px) {
    .category__banners {
        width: 555px;
        height: 800px;
    }
}

@media (max-width: 1660px) {
    .category__banners {
        width: 499px;
        height: 720px;
    }
}

@media (max-width: 1440px) {
    .category__banners {
        width: 457px;
        height: 660px;
    }
}

@media (max-width: 1320px) {
    .category__banners {
        width: 416px;
        height: 600px;
    }
}

.category__banners-item {
    position: absolute;
    top: 0;
    transform: translateX(650px);
}

.category__banners-item.is-visible {
    transform: translateX(0);
    animation: bounce-in-right 0.8s ease-in-out;
}

.category__banners-item.is-invisible {
    animation: bounce-out-left 0.4s ease;
}

.category__figures {
    margin-bottom: 36px;
    padding-left: 30px;
}

@media (max-width: 992px) {
    .category__figures {
        display: none;
    }
}

.category__figures-list {
    position: relative;
}

.category__figures-lead-img {
    width: 160px;
}

.category__figures-lead-img img {
    display: block;
    max-height: 240px;
    margin: 0 auto 22px;
}

.category__figures-lead-caption {
    font-size: 1.2rem;
    line-height: 14px;
}

.category__figures-item {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

.category__figures-item.is-visible {
    display: flex;
}

.category__figures-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 290px;
    width: 1px;
    height: 100%;
    background: #f5f1ed;
    opacity: 0;
    transition: 0.4s opacity ease;
}

@media (max-width: 1770px) {
    .category__figures-item::before {
        left: 260px;
    }
}

@media (max-width: 1660px) {
    .category__figures-item::before {
        left: 240px;
    }
}

@media (max-width: 1440px) {
    .category__figures-item::before {
        left: 230px;
    }
}

@media (max-width: 1200px) {
    .category__figures-item::before {
        left: 220px;
    }
}

.category__figures-item.is-visible::before {
    opacity: 1;
}

.category__figures-left {
    position: relative;
    margin-top: 8px;
    margin-right: 260px;
    transform: translateY(360px);
}

@media (max-width: 1770px) {
    .category__figures-left {
        margin-right: 200px;
    }
}

@media (max-width: 1660px) {
    .category__figures-left {
        margin-right: 60px;
    }
}

@media (max-width: 1440px) {
    .category__figures-left {
        margin-right: 50px;
    }
}

@media (max-width: 1200px) {
    .category__figures-left {
        margin-right: 150px;
    }
}

.category__figures-item.is-visible .category__figures-left {
    transform: translateY(0);
    animation: bounce-in-bottom 0.8s ease-in-out;
}

.category__figures-item.is-invisible .category__figures-left {
    animation: bounce-out-top 0.4s ease;
}

.category__figures-right {
    align-self: flex-start;
    margin-top: -15px;
    padding-top: 15px;
    overflow: hidden;
}

.category__figures-mini {
    transform: translateY(240px);
}

.category__figures-item.is-visible .category__figures-mini {
    transform: translateY(0);
    animation: bounce-in-bottom-2 0.8s ease-in-out;
}

.category__figures-item.is-invisible .category__figures-mini {
    animation: bounce-out-top-2 0.4s ease;
}

.certificate__container {
    padding-top: 139px;
    padding-bottom: 64px;
    border-top: 1px solid #f5f1ed;
    border-bottom: 1px solid #f5f1ed;
}

@media (max-width: 768px) {
    .certificate__container {
        padding-top: 80px;
        padding-bottom: 74px;
    }
}

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

@media (max-width: 992px) {
    .certificate__body {
        display: block;
    }
}

.certificate__box {
    width: 580px;
    height: 670px;
}

@media (max-width: 1200px) {
    .certificate__box {
        height: 580px;
    }
}

@media (max-width: 992px) {
    .certificate__box {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .certificate__box {
        max-width: 382px;
        height: 382px;
    }
}

@media (max-width: 480px) {
    .certificate__box {
        max-width: 100%;
    }
}

.certificate__box-anchor {
    position: relative;
    display: block;
    height: 100%;
    padding: 65px 100px;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .certificate__box-anchor {
        padding: 65px 40px;
    }
}

@media (max-width: 768px) {
    .certificate__box-anchor {
        padding: 18px 24px;
    }
}

.certificate__box--left {
    background-color: #e7e1db;
}

.certificate__box--right {
    margin-left: 60px;
    background-size: cover;
    background-position: center;
    background-color: #939393;
    color: #fff;
}

@media (max-width: 1200px) {
    .certificate__box--right {
        margin-left: 40px;
    }
}

@media (max-width: 992px) {
    .certificate__box--right {
        margin: 40px auto 0;
    }
}

@media (max-width: 480px) {
    .certificate__box--right {
        margin-top: 24px;
    }
}

.certificate__text {
    max-width: 380px;
    margin: 0 auto 78px;
}

@media (max-width: 768px) {
    .certificate__text {
        margin-bottom: 26px;
    }
}

.certificate__left-title {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
}

.certificate__left-img {
    height: 213px;
}

.certificate__left-img img {
    max-height: 100%;
}

@media (max-width: 768px) {
    .certificate__left-img {
        height: 155px;
    }
}

.certificate__right-title {
    margin-top: -8px;
    margin-bottom: 8px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 6.8rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2.72px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .certificate__right-title {
        margin-top: -4px;
        font-size: 4.8rem;
        letter-spacing: -1.92px;
    }
}

.certificate__right-subtitle {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    text-transform: uppercase;
}

.certificate__icon {
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -21px;
    transition: 0.4s margin-left ease;
}

.certificate__box-anchor:hover .certificate__icon {
    margin-left: -12px;
}

@media (max-width: 992px) {
    .certificate__icon {
        bottom: 24px;
    }
}

.certificate__footer {
    max-width: 1220px;
    margin: 56px auto 0;
    text-align: right;
}

@media (max-width: 992px) {
    .certificate__footer {
        max-width: 580px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .certificate__footer {
        margin-top: 20px;
    }
}

@media (max-width: 992px) {
    .confidence__wrapper {
        margin-right: 0px;
    }
}

.confidence__left {
    display: flex;
    gap: 60px;
}

.confidence__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 30px 0 30px;
}

@media (max-width: 1200px) {
    .confidence__container {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 992px) {
    .confidence__container {
        padding: 30px 0 30px;
    }
}

.confidence__container::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #f5f1ed;
}

@media (max-width: 992px) {
    .confidence__container::before {
        right: 30px;
    }
}

@media (max-width: 768px) {
    .confidence__container::before {
        right: 16px;
    }
}

@media (max-width: 1200px) {
    .confidence__left {
        margin-bottom: 30px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

}

@media (max-width: 992px) {
    /*.confidence__left {
        margin-bottom: 70px;
    }*/
    .confidence__left {
        flex-direction: column;
    }

}
@media (max-width: 767px) {
  .confidence__left {
    flex-direction: column;
  }
  .confidence__title {
    display: none;
  }
  .confidence__anchor{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }
}

.confidence__anchor {
    text-decoration: none;
}

.confidence__line {
    display: flex;
    align-items: center;
}

.confidence__line--one {
    margin-bottom: 25px;
    min-height: 38.4px;
}

@media (max-width: 992px) {
    .confidence__line--one {
        margin-bottom: 17px;
    }
}

.confidence__line--two {
    padding-left: 160px;
}

@media (max-width: 1440px) {
    .confidence__line--two {
        padding-left: 0;
    }
}

.confidence__title {
    position: relative;
    width: 104px;
    margin-right: 55px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .confidence__title {
        margin-right: 72px;
    }
}

.confidence__title::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: -28px;
    width: 1px;
    height: 36px;
    background: #cacaca;
    transform: rotate(32deg);
}

@media (max-width: 992px) {
    .confidence__title::before {
        right: -42px;
    }
}

.nop-left {
    padding-left: 0px;
}

.confidence__logo {
    max-height: 22px;
    margin-top: 3px;
    filter: grayscale(1);
    transition: 0.4s filter ease;
}

.touchevents .confidence__logo {
    filter: grayscale(0);
}

.confidence__anchor:hover .confidence__logo {
    filter: grayscale(0);
}

.confidence__arrow {
    position: relative;
    top: 2px;
    left: 0;
    opacity: 0;
    transition: 0.4s ease;
}

.confidence__anchor:hover .confidence__arrow {
    left: 20px;
    opacity: 1;
}

@media (max-width: 1440px) {
    .confidence__arrow {
        display: none;
    }
}

.confidence__review {
    margin-right: 30px;
}

@media (max-width: 992px) {
    .confidence__review {
        margin-right: 74px;
    }
}

.confidence__rating {
    position: relative;
}

.confidence__heading {
    margin-bottom: 7px;
    font-family: 'Styrene A Web', sans-serif;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -1.68px;
    text-transform: uppercase;
}

.confidence__descr {
    line-height: 20px;
}

.confidence__icon {
    position: absolute;
    top: 2px;
    right: 10px;
    padding-left: 8px;
}

.confidence__right {
    display: flex;
    align-items: center;
    width: 900px;
}

@media (max-width: 1600px) {
    .confidence__right {
        width: 640px;
    }
}

@media (max-width: 1200px) {
    .confidence__right {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .confidence__item {
      width: 200px !important;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
}

@media (max-width: 992px) {
    .confidence__right {
        width: 100%;
        overflow: auto;
        display:none;
    }
}

@media (max-width: 992px) {
    .confidence__box {
        width: 100%;
    }

    .confidence__item {
        width: 100% !important;
    }
}

.confidence__list {
    display: flex;
    -moz-column-gap: 117px;
    column-gap: 117px;
    padding-right: 80px;
}

@media (max-width: 1600px) {
    .confidence__list {
        -moz-column-gap: 40px;
        column-gap: 40px;
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    .confidence__list {
        row-gap: 30px;
        flex-direction: column;
    }
}

.confidence__item {
    width: 33.33333%;
}

.confidence__item:nth-child(2) {
    width: 340px;
}

@media (max-width: 1600px) {
    .confidence__item:nth-child(2) {
        width: 280px;
    }
}

.confidence__caption {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    text-transform: uppercase;
}

.confidence__item:first-child .confidence__caption {
    max-width: 160px;
}

@media (max-width: 992px) {
  .confidence__item:first-child .confidence__caption {
    max-width: 100%;
  }
}

.contacts {
    margin-bottom: 31rem;
}

@media (max-width: 1440px) {
    .contacts {
        margin-bottom: 24rem;
    }
}

@media (max-width: 1200px) {
    .contacts {
        margin-bottom: 18rem;
    }
}

@media (max-width: 992px) {
    .contacts {
        margin-bottom: 14rem;
    }
}

@media (max-width: 480px) {
    .contacts {
        margin-bottom: 8rem;
    }
}

.contacts__top {
    display: flex;
    margin-bottom: 150px;
}

@media (max-width: 992px) {
    .contacts__top {
        display: block;
        margin-bottom: 120px;
    }
}

@media (max-width: 480px) {
    .contacts__top {
        margin-bottom: 80px;
    }
}

.contacts__section {
    display: flex;
    width: 53%;
}

@media (max-width: 992px) {
    .contacts__section {
        width: 100%;
        gap: 40px;
    }

    .contacts__section+.contacts__section {
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
    .contacts__section {
        flex-direction: column;
    }
}

.contacts__communication {
    width: 100%;
    max-width: 88rem;
}

.contacts__col {
    width: 420px;
    margin-right: 60px;
}

@media (max-width: 1600px) {
    .contacts__col {
        width: 315px;
    }
}

@media (max-width: 1440px) {
    .contacts__col {
        margin-right: 40px;
    }
}

@media (max-width: 992px) {
    .contacts__col {
        width: 100%;
        margin-right: 0;
    }
}

.contacts__info+.contacts__info {
    margin-top: 54px;
}

@media (max-width: 480px) {
    .contacts__info+.contacts__info {
        margin-top: 40px;
    }
}

.contacts__caption {
    margin-bottom: 5px;
    font-family: "Styrene A Web", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    letter-spacing: -0.28px;
    color: #939393;
}

.contacts__text {
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.64px;
    text-transform: uppercase;
}

.contacts__item+.contacts__item {
    margin-top: 8px;
}

.contacts__action {
    text-decoration: none;
    transition: color 0.2s ease;
}

.contacts__action:hover {
    color: rgba(60, 60, 60, 0.6);
}

.contacts__title {
    margin-bottom: 57px;
    font-family: "Styrene A Web", sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -1.12px;
    text-transform: uppercase;
}

.contacts__form-row {
    display: flex;
    gap: 80px;
}

.contacts__form-row+.contacts__form-row {
    margin-top: 60px;
}

@media (max-width: 1600px) {
    .contacts__form-row {
        gap: 60px;
    }
}

@media (max-width: 1440px) {
    .contacts__form-row {
        gap: 40px;
    }
}

@media (max-width: 480px) {
    .contacts__form-row {
        flex-direction: column;
    }
}

.contacts__form-col {
    width: 100%;
    max-width: 400px;
}

.contacts__form-col .form-input+.form-input {
    margin-top: 30px;
}

@media (max-width: 992px) {
    .contacts__form-col {
        max-width: 100%;
    }
}

.contacts__form-submit .button {
    width: 100%;
    height: 4rem;
}

.contacts__map {
    width: 100%;
    height: 400px;
    background-color: #f5f1ed;
}

.success-popup {
    position: fixed;
    z-index: 900;
    bottom: 20px;
    left: 50%;
    min-height: 100px;
    box-shadow: -3px 0 40px 0 rgba(116, 105, 91, 0.1);
    background: #fff;
    width: 430px;
    max-width: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 20px);
    transition: .3s;
}

.success-popup.is-active {
    opacity: 1;
    z-index: 99999999;
    visibility: visible;
    transform: translate(-50%, 0);
}

.success-popup__close {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

.success-popup__text {
    font-family: 'Styrene A Web', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
}

.article__right .goods__wrapper {
    margin-top: 80px;
    margin-bottom: 0;
}

.goods__body {
    margin: 0 -30px;
}

.article__right .goods__body {
    margin-right: -160px;
}

.speeds .confidence__logo{
    max-height: unset;
    width: 167px;
    height: 33px;
}



.speeds .confidence__icon {
  width: 26px;
  height: 15px;
  flex-shrink: 0;
}


@media (max-width: 768px) {
.slider .slide-content .watch-image {
    width: 192px;
    height: 310px;
}
}



@media (max-width: 1440px) {
    .article__right .goods__body {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .goods__body {
        margin: -8px -16px 0;
    }
    .slider-container {
        height: 555px!important;
    }
}

.goods__section-list {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
}

.article__right .goods__section-list {
    padding-left: 0;
}

.goods__section-item {
    width: auto;
    position: relative;
}

.goods__section-card {
    display: block;
    width: 260px;
    margin: 0 30px;
}

@media (max-width: 992px) {
    .goods__section-card {
        width: 150px;
    }
}

@media (max-width: 768px) {
    .goods__section-card {
        margin: 0 12px;
    }

    .goods__section-item:first-child .goods__section-card {
        margin-left: 16px;
    }
}

.goods__link {
    display: none;
    margin: 0 30px;
    text-align: right;
}

@media (max-width: 1660px) {
    .goods__link {
        display: block;
    }
}

@media (max-width: 768px) {
    .goods__link {
        margin: 0 16px;
        text-align: center;
    }
}

@media (max-width: 1660px) {
    .goods__link--special {
        display: none;
    }
}

@media (max-width: 768px) {
    .goods__link--special {
        display: block;
    }
}

.mainslider {
    background: #f5f1ed;
    margin: 0 -30px;
}

@media (max-width: 768px) {
    .mainslider {
        margin: 0 -16px;
    }
}

@media (max-width: 1440px) {
    .mainslider__head {
        display: none;
    }
}

.mainslider__swiper-img {
    mix-blend-mode: darken;
    transition: 1s ease;
    transform: scale(0.5);
}

@media (max-width: 1024px) {
    .mainslider__swiper-img {
        max-height: 28rem;
    }
}

.mainslider__body {
    height: 60rem;
    margin: 5rem 0 15rem;
    position: relative;
}

@media (max-width: 1440px) {
    .mainslider__body {
        padding-top: 5rem;
        margin: 0 0 5rem;
    }
}

@media (max-width: 1024px) {
    .mainslider__body {
        padding: 5rem 0 10rem;
        margin: 0;
        height: 65rem;
    }
}

.mainslider__body .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.6rem;
    background-color: #f5f1ed;
}

.mainslider__body .swiper-slide.swiper-slide-active .mainslider__swiper-img {
    transform: scale(1);
}

.mainslider__body .swiper-slide.swiper-slide-prev,
.mainslider__body .swiper-slide.swiper-slide-next {
    cursor: pointer;
}

.mainslider__body .swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

@media (max-width: 1024px) {
    .mainslider__body .swiper {
        height: calc(100% - 3rem);
    }
}

.mainslider__footer {
    padding-bottom: 3rem;
}

@media (max-width: 1024px) {
    .mainslider__footer {
        display: none;
    }
}

.mainslider__pagination {
    margin-top: 3.6rem;
}

@media (max-width: 1024px) {
    .mainslider__pagination {
        position: absolute;
        z-index: 150;
        bottom: 5rem !important;
        margin: 0;
    }
}

.mainslider__retail-title {
    padding-left: 4.5rem;
    font-size: 1.2rem;
    color: #3c3c3c;
}

.mainslider__main-container {
    width: 100%;
    max-width: 1020px;
    height: 100%;
    border-left: 1px solid #e7e1db;
    border-right: 1px solid #e7e1db;
    margin: 0 auto;
    position: relative;
}

.mainslider__brand-box {
    position: relative;
    top: 0;
    left: 7rem;
    width: 36rem;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .mainslider__brand-box {
        left: 1.6rem;
    }
}

.mainslider__brand-box-slide {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(100%, 0);
    z-index: 101;
    border: 1px solid #ffffff00;
}

@media (max-width: 1024px) {
    .mainslider__brand-box-slide {
        gap: 1rem;
    }
}

.mainslider__brand-box-slide.is-active {
    animation: detailsIsIn 1s ease forwards;
}

.mainslider__brand-box-slide.is-out {
    animation: detailsIsOut 1s ease;
}

.mainslider__brand-box-title {
    text-transform: uppercase;
    font-weight: 700;
}

@media (max-width: 1024px) {
    .mainslider__brand-box-title {
        font-weight: 500;
    }
}

.mainslider__brand-box-text {
    max-width: 24rem;
    font-size: 1.6rem;
    line-height: 100%;
}

.mainslider__name-box {
    position: absolute;
    bottom: 0;
    left: 7rem;
    height: 4rem;
    width: 30rem;
    max-width: 50%;
    overflow: hidden;
    z-index: 101;
}

@media (max-width: 1024px) {
    .mainslider__name-box {
        left: 1.6rem;
    }
}

.mainslider__name-box-slide {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(100%, 0);
}

.mainslider__name-box-slide.is-active {
    animation: detailsIsIn 1s ease forwards;
}

.mainslider__name-box-slide.is-out {
    animation: detailsIsOut 1s ease;
}

.mainslider__name-box-slide span {
    display: block;
    max-width: 16rem;
    font-size: 1.6rem;
    line-height: 120%;
}

.mainslider__details-box {
    position: absolute;
    bottom: 0;
    right: 7rem;
    display: flex;
    gap: 1rem;
    z-index: 101;
}

@media (max-width: 1024px) {
    .mainslider__details-box {
        right: 1.6rem;
    }
}

.mainslider__details-box-container {
    width: 10rem;
    height: 10rem;
    display: flex;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1024px) {
    .mainslider__details-box-container {
        width: 5.6rem;
        height: 5.6rem;
    }
}

.mainslider__details-box-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(100%, 0);
}

.mainslider__details-box-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 1s ease;
    transform: scale(1);
}

.mainslider__details-box-slide.is-active {
    animation: detailsIsIn 1s ease forwards;
}

.mainslider__details-box-slide.is-active img {
    transform: scale(2);
}

.mainslider__details-box-slide.is-out {
    animation: detailsIsOut 1s ease;
}

.mainslider__details-box-slide.is-out img {
    transform: scale(1);
}

@keyframes detailsIsIn {
    from {
        transform: translate(100%, 0);
    }

    to {
        transform: translate(0, 0);
    }
}

@keyframes detailsIsOut {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(-100%, 0);
    }
}

.not-found__wrapper {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1400px) {
    .not-found__wrapper {
        flex-direction: column;
    }
}

.not-found__left {
    width: 580px;
}

@media (max-width: 1600px) {
    .not-found__left {
        width: 420px;
    }
}

@media (max-width: 1400px) {
    .not-found__left {
        width: 740px;
        margin-bottom: 60px;
    }
}

@media (max-width: 992px) {
    .not-found__left {
        width: 100%;
    }
}

.not-found__message {
    margin-bottom: 2.3rem;
}

.not-found__link {
    text-decoration: underline;
}

.not-found__link:hover {
    text-decoration: none;
}

.not-found__right {
    width: 880px;
}

@media (max-width: 1600px) {
    .not-found__right {
        width: auto;
    }
}

.pagination {
    padding-top: 4rem;
    max-width: 82rem;
    margin-right: auto;
    margin-left: auto;
    font-family: "Styrene A Web", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.64px;
    color: #939393;
}

@media screen and (max-width: 780px) {
    .pagination {
        padding-top: 2rem;
    }
}

.pagination__more {
    color: #3c3c3c;
}

.pagination__more:hover {
    color: rgba(60, 60, 60, 0.4);
}

.pagination__more:active {
    color: #3c3c3c;
    transition: none;
}

.pagination__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 2rem;
    margin-top: 4rem;
}

@media screen and (max-width: 780px) {
    .pagination__main {
        justify-content: center;
        margin-top: 2rem;
    }
}

@media screen and (max-width: 780px) {
    .pagination__navigation {
        display: none;
    }
}

.pagination__move {
    transition: color 0.2s ease;
}

.pagination__move:hover {
    color: #3c3c3c;
}

.pagination__move.is-disabled {
    pointer-events: none;
    color: rgba(60, 60, 60, 0.2);
}

.pagination__list {
    display: flex;
    align-items: center;
    gap: 2rem;
}

@media screen and (max-width: 768px) {
    .pagination__list {
        gap: 1rem;
    }
}

@media screen and (max-width: 480px) {
    .pagination__list {
        gap: 0.5rem;
    }
}

@media screen and (max-width: 340px) {
    .pagination__list {
        gap: 0;
    }
}

.pagination__action {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: color, border-color 0.3s ease;
}

.pagination__action:hover {
    border-color: #939393;
}

.pagination__action:active {
    border-color: #3c3c3c;
    color: #3c3c3c;
    transition: none;
}

.pagination__action.is-active {
    pointer-events: none;
    border-color: #3c3c3c;
    color: #3c3c3c;
}

.pagination__action.is-inactive {
    pointer-events: none;
    cursor: default;
}

.products-list__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6rem;
}

@media (max-width: 1660px) {
    .products-list__list {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1440px) {
    .products-list__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1200px) {
    .products-list__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .products-list__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .products-list__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.products-list__item {
    max-width: 260px;
}

@media (max-width: 580px) {
    .products-list__item {
        max-width: 100%;
    }
}

.publications__wrapper {
    position: relative;
    margin: 0 -30px;
}
.publications {
  padding-top: 10rem;
  margin-bottom: 10rem;
}
@media (max-width: 1280px) {
    .publications__wrapper {
        margin: 0;
    }
    .publications {
      padding-top: 75px;
    }
}

.publications__body {
    display: flex;
    justify-content: space-between;
    font-family: 'Styrene A Web', sans-serif;
    letter-spacing: -0.64px;
    text-transform: uppercase;
}

@media (max-width: 1280px) {
    .publications__body {
        justify-content: flex-start;
    }
}

@media (max-width: 992px) {
    .publications__body {
        display: block;
    }
}

.publications__right {
    margin-right: 190px;
}

@media (max-width: 1800px) {
    .publications__right {
        margin-right: 30px;
    }
}

@media (max-width: 1280px) {
    .publications__right {
        margin-right: 0;
    }
}

.publications__box {
    display: flex;
    justify-content: space-between;
    width: 580px;
}

@media (max-width: 1280px) {
    .publications__box {
        width: auto;
    }
}

@media (max-width: 992px) {
    .publications__box {
        display: block;
    }
}

.publications__col {
    width: 260px;
}

@media (max-width: 992px) {
    .publications__col {
        width: 100%;
    }
}

@media (max-width: 1280px) {
    .publications__col1 {
        margin-right: 60px;
    }
}

@media (max-width: 992px) {
    .publications__col1 {
        margin-right: 0;
    }
}

.publications__img {
    background-position: center;
    background-size: cover;
}

.publications__img--type1 {
    width: 450px;
    height: 670px;
    margin-right: 20px;
}

@media (max-width: 1800px) {
    .publications__img--type1 {
        right: 30px;
    }
}

@media (max-width: 1660px) {
    .publications__img--type1 {
        width: 315px;
        height: 638px;
    }
}

@media (max-width: 1280px) {
    .publications__img--type1 {
        height: 180px;
        margin-right: 60px;
        margin-bottom: 5px;
    }
}

@media (max-width: 992px) {
    .publications__img--type1 {
        width: 100%;
        height: 55.55555vw;
        margin-right: 0;
    }
}

.publications__img--type2 {
    width: 260px;
    height: 180px;
    margin-bottom: 5px;
}

@media (max-width: 992px) {
    .publications__img--type2 {
        width: 100%;
        height: 55.55555vw;
    }
}

.publications__anchor {
    text-decoration: none;
    transition: 0.2s color ease;
}

.publications__anchor:hover {
    color: rgba(60, 60, 60, 0.4);
}

.publications__anchor--type1 {
    display: flex;
}

@media (max-width: 1280px) {
    .publications__anchor--type1 {
        display: block;
    }
}

.publications__title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.64px;
}

@media (max-width: 992px) {
    .publications__title {
        margin-bottom: 29px;
    }
}

.publications__title--type1 {
    width: 460px;
    margin-top: -6px;
    font-size: 3.6rem;
    line-height: 100%;
    letter-spacing: -1.44px;
}

@media (max-width: 1440px) {
    .publications__title--type1 {
        width: 300px;
        margin-top: -4px;
        font-size: 2.8rem;
    }
}

@media (max-width: 1280px) {
    .publications__title--type1 {
        width: 260px;
        margin-top: 0;
        font-size: 1.6rem;
        letter-spacing: inherit;
    }
}

@media (max-width: 992px) {
    .publications__title--type1 {
        width: 100%;
        line-height: 19px;
    }
}

.publications__footer {
    position: absolute;
    right: 190px;
    bottom: -5px;
    width: 580px;
}

@media (max-width: 1800px) {
    .publications__footer {
        right: 30px;
    }
}

@media (max-width: 1280px) {
    .publications__footer {
        position: relative;
        right: initial;
        bottom: initial;
        width: 100%;
    }
}

.publications__line {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 480px) {
    .publications__line {
        display: block;
    }
}

.publications__line+.publications__line {
    margin-top: 36px;
    padding-top: 25px;
    border-top: 1px solid #e7e1db;
}

@media (max-width: 1440px) {
    .publications__line+.publications__line {
        margin-top: 26px;
        padding-top: 29px;
    }
}

@media (max-width: 992px) {
    .publications__line+.publications__line {
        margin-top: 0;
        margin-bottom: 2rem;
    }
}

.publications__caption {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.68px;
    text-transform: uppercase;
}

@media (max-width: 1440px) {
    .publications__caption {
        font-size: 3.6rem;
    }
}

@media (max-width: 1280px) {
    .publications__caption {
        display: none;
    }
}

@media (max-width: 480px) {
    .publications__link:first-child {
        margin-bottom: 15px;
    }
}

.subscribe {
    width: 100%;
}

.subscribe__line {
    position: relative;
}

.subscribe__line+.subscribe__line {
    margin-top: 12px;
}

.subscribe__input {
    padding-right: 13rem;
}

.subscribe__btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Styrene A Web", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.64px;
    z-index: 3;
    color: #3c3c3c;
    transition: color 0.2s ease;
}

.subscribe__btn:hover {
    color: rgba(60, 60, 60, 0.6);
}

.subscribe__btn:active {
    color: #3c3c3c;
    transition: none;
}

.tabed__wrapper {
    padding: 100px 0;
}

@media (max-width: 992px) {
    .tabed__wrapper {
        padding: 60px 0 80px;
    }
}

.tabed__body {
    margin: 0 -30px;
}

@media (max-width: 768px) {
    .tabed__body {
        margin: 0 -16px;
    }
}

.warning {
    position: fixed;
    left: 50%;
    bottom: 30px;
    width: 1020px;
    background: #fff;
    box-shadow: -3px 0 40px 0 rgba(116, 105, 91, 0.15);
    transform: translateX(-50%);
    z-index: 120000;
}

@media (max-width: 1100px) {
    .warning {
        width: initial;
        left: 16px;
        right: 16px;
        transform: none;
    }
}

@media (max-width: 992px) {
    .warning {
        bottom: 80px;
    }
}

.warning__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

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

.warning__right {
    flex-shrink: 0;
}

.warning__action {
    display: flex;
    gap: 10px;
    margin-left: 40px
}
@media (max-width: 768px) {
    .warning__action {
        margin-left: 0;
        margin-top: 16px
    }
    .warning__action .button {
        width: 50%
    }
}
.zoom__wrapper {
    margin: 0 -30px;
    padding: 0 0 60px
}
@media (max-width: 992px) {
    .zoom__wrapper {
        padding: 0 0 18px
    }
    .main .tags {
        display: none
    }
}
@media (max-width: 768px) {
    .zoom__wrapper {
        margin: 0 -16px
    }
}
.j-categoryItemHover { cursor: pointer }
#brand-filter-block .catalog-filter__dropdown-sidebar {
    display:none
}
#brand-filter-block {
    top: calc(100% + 1px);
    width: auto;
    left: 49rem;
    padding: 3rem 3rem 3rem
}
#catalog-filter .price {
    padding: 3rem
}
#minInput, #maxInput {
    border-bottom: 1px solid #bd9f80;
    color: #bd9f80
}
.noUi-connect {
    background: #bd9f80!important
}
.noUi-touch-area {
    background: #bd9f80!important
}
.custom-select__placeholder.is-active:before {
    content: "•"
}
.mb-1 {
    margin-bottom: 1rem
}
.footer__contacts-shop__disclaimer {
    position: relative;
    width: 305px;
    margin-left: 1rem
}
@media (max-width: 768px) {
    .footer__contacts-box,
    .footer__menu-col {
        padding-bottom: 3rem;
        border-bottom: 1px solid #e7e1db
    }
    .footer__contacts-shop {
        width: 100% !important;
        display: block
    }
    .footer__contacts-shop__disclaimer {
        margin-top: 1rem;
        width: 100%;
    }
    .page-top__tags {
        display:none;
    }
}
@media (min-width: 1024px) {
    .social__item img:hover {
        width: 418px
    }
}
.j-miniProductsSwiping {
    margin-top: 10rem;
    margin-bottom: 5rem
}
.product-page-accordion {
    margin-bottom: 5rem
}
.social__anchor:hover img {
    width: 20rem;
    box-shadow: 4px 5px 12px 1px #b9b9b9;
}
.social__item:hover video {
    width: 300px
}
.goods {
    margin-bottom: 5rem;
    margin-top: 5rem;
}
/*# sourceMappingURL=app.min.css.map */
.category{
    padding-top: 50px;
}
.tabed__wrapper {
    padding: 50px 0;
}

@media (max-width: 758px) {
    .catalog-filter__dropdown-sidebar-content {
        flex-direction: column;
    }

    .catalog-filter__dropdown {
        height: max-content;
    }

    .custom-select__item {
        width: inherit;
        min-width: auto;
    }

    #all-filter-block .catalog-filter__dropdown-main-content {
        height: max-content;
        max-height: 300px;
    }

    [data-target]:hover {
        color: #cbbba7;
        font-weight: 500;
    }
}

#panel {
    z-index: 9999;
    position: absolute;
    width: 100%;
}

.main_sections_link {
    text-align: right;
    margin-top: 10rem;
    letter-spacing: -0.28px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: right;
    transition: .5s all
}

.tabs__section-banner__main-section {
    width: 48rem;
    height: 87rem;
}

.tabs__section-banner-title__main-section {
    font-size: 3.8rem;
}

.main_sections_link svg path {
    fill-opacity: 0.5;
    stroke: black;
    transition: .5s all
}

.main_sections_link:hover svg path {
    fill-opacity: 0.5;
    stroke: #dede2b;
    transition: .5s all
}

.tabs__section-box--banner__main-section::before {
    display: none
}

@media (max-width: 767px) {
    .certificate__container {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: inline;
        display: flex;
        scrollbar-width: none;
        touch-action: manipulation;
    }
    .certificate__body {
        display: contents;
        flex-shrink: 0;
        width: 100%;
    }
    .certificate__box {
        flex: 0 0 80%;
        scroll-snap-align: start;
    }
    .certificate__box:first-child {
        margin-right: 15px;
    }
    .certificate__box--right {
        margin-top: 0
    }
    .certificate__footer {
        display: none
    }
    .certificate__container {
        padding-top: 6rem;
        padding-bottom: 0;
    }
    .certificate {
        margin-bottom: 0rem;
    }
    .publications__title--type1-desc {
        display:none
    }
    .publications__title--type1-mob {
        display:block
    }
    .catalog-grid__item:first-child {
        --cols: 4;
    }
    .product-card__tag {
        font-size: 10px;
    }
    .page-top__left {
        display: none;
    }
    .page-top {
        margin-top: 2rem;
    }
    .product-page-expert {
        flex-direction: row;
    }
    .product-page-expert__title {
        margin: 2rem 2rem;
    }
    .caption {
        font-size: 2rem;
    }
    .category {
        padding-top: 5rem
    }
    .tabed__wrapper {
        padding: 0
    }
    .category__wrapper {
        padding: 0px 0 15px;
    }
    .zoom {
        padding-top: 5rem;
    }
    .publications {
        padding-top: 0
    }
    .social__img {
        width: 23rem;
    }
    .social__item {
        margin: 0 15px!important;
    }
    .social__anchor-inst::after,
    .social__anchor-tik::after {
        top: 13.5rem!important;
        left: 9.5rem!important;
    }
    .social__anchor::before {
        top: 0rem!important;
        left: 1rem!important;
        width: 24rem!important;
        height: 24rem!important;
    }
    .product-card-preview__slider .fit-cover,
    .product-page__slider .fit-cover {
        object-fit: contain;
        height: 100%;
        width: 230px;
    }
    .product-page__slider .swiper-slide:nth-child(even) {
        width: 23rem;
    }
}
.collor-picker {
    display: none
}
.is-favoritItem {
    color: #fff;
    background: #ccbba7;
}
.svg-payment-1-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-2-st0 {
    opacity:0.4;
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-2-st1 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-2-st2 {
    opacity:0.5;
    fill:#939393;
}
.svg-payment-3-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-3-st1 {
    opacity:0.3;
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-3-st2 {
    opacity:0.65;
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-4-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-4-st1 {
    opacity:0.55;
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-5-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-6-st0 {
    fill:#939393;
}
.svg-payment-7-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-7-st1 {
    opacity:0.35;
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-8-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-9-st0 {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-9-st1 {
    opacity:0.4;
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#939393;
}
.svg-payment-10-st0 {
    fill:#939393;
}
.svg-payment-10-st1 {
    fill:#FFFFFF;
}
.svg-payment-11-st0 {
    fill:#939393;
}
.svg-payment-11-st1 {
    fill:#7B7B7B;
}
.svg-payment-11-st2 {
    fill:#FFFFFF;
}
.svg-payment-11-st3 {
    fill:#C4C4C4;
}
.svg-payment-11-st4 {
    fill:#010101;
}
.svg-payment-11-st5 {
    fill:#69C9D0;
}
.mini__img {
    object-fit: contain;
}
.catalog-grid__item:last-child {
    display: none;
}
@media screen and (min-width: 1024px) {
    .publications__right {
        margin-top: 15rem;
        z-index: 11
    }
    .publications__footer {
        top: -8px;
    }
    .publications__img--type1 {
        width: 85%;
    }
    .publications__title--type1 {
        color: white
    }
    .publications__title--type1 {
        width: 85%;
        margin-top: 5rem;
        margin-left: 3rem;
    }
    .publications__box {
        margin-bottom: 2rem;
    }
    .publications__title--type1-desc {
        display:block
    }
    .publications__title--type1-mob {
        display:none
    }
    .brand-card__main {
        opacity: 1;
    }
    .brands-catalog {
        background: #3c3c3c12;
    }
    .brands-catalog__item {
        background: white;
    }
    .brands-catalog__wrapper {
        gap: 1rem;
    }
    .brand-card {
        padding: 15px;
        transition: .4s all;
    }
    .brand-card__main .mini__price {
        display: none;
    }
    .brand-card__main .mini__caption {
        line-height: 20px;
        font-size: 12px;
    }
}
@media screen and (min-width: 995px) and (max-width: 1281px) {
    .publications__img--type1 {
        height: 60rem;
    }
    .publications__title--type1 {
        font-size: 2.1rem;
        margin-top: 0rem;
        padding-top: 5rem;
    }
    .publications__right {
        margin-top: 2rem;
    }
    .publications__left {
        margin-top: 2rem;
    }
    .social__links {
        display: none
    }
    .page-top__left {
        display: none;
    }
    .product-page-main__tags {
        padding-left: 0;
    }
    .product-page-expert {
        flex-direction: row;
    }
    .product-page-expert__title {
        margin: 2rem 15px;
    }
}
.footer__contacts-shop .footer__menu-col::marker {
    content: none
}
.footer__disclaimer strong {
    font-size: 18px;
}
.social__item {
    display: block;
    margin: 0 30px;
    min-height: 20rem;
    align-content: center;
}
.social__list {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
}
.social-section {
    width: auto;
    position: relative;
}
.social__anchor:hover::before,
.social__anchor:hover::after {
    opacity: 0;
}
.social__anchor-inst::after {
    position: absolute;
    content: url("/local/templates/main/assets/images/social/instagram.svg");
    top: 8.5rem;
    left: 6.5rem;
    width: 7rem;
    height: 6rem;
    opacity: 0.8;
    transition: .4s all;
}
.social__anchor-tik::after {
    position: absolute;
    content: url("/local/templates/main/assets/images/social/tiktok.svg");
    top: 8.5rem;
    left: 6.5rem;
    width: 7rem;
    height: 6rem;
    opacity: 0.8;
    transition: .4s all;
}
.social__anchor::before {
    position: absolute;
    content: " ";
    top: 3rem;
    left: 3rem;
    width: 14rem;
    height: 14rem;
    opacity: 0.5;
    transition: .4s all;
    background: #ffffff;
}
.product-card-preview__slider .fit-cover,
.product-page__slider .fit-cover {
    object-fit: cover;
}
.btn-default {
    color: #fff;
    background: #3c3c3c;
    border-color: #3c3c3c;
    font-family: var(--seccond-font);
    font-weight: 500;
    font-size: 13px;
    padding: 1.3rem 2rem;
    width: 100%;
    height: 4.8rem;
    margin-top: 1rem;
    transition: 0.3s;
    min-width: 11rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    cursor: pointer;
    line-height: 2rem;
    text-decoration: none;
    letter-spacing: -0.28px;
    border: 1px solid transparent;
}
.btn-default:hover {
    color: #3c3c3c;
    background: #fff;
}
body > header > div.sidepanel.is-visible > div > ul > li.sidepanel__item.is-visible > div > ul > li.tabs__items-item.is-visible > div > form > div.form__buttons > button.button.is-ghost.j-tabBtnHandle {
    display: none!important;
}
.description__section {
    border-bottom: 1px solid #e7e1db;
    margin-bottom: 2rem;
    margin-top: 3rem;
}
.description__section h2 {
    font-size: 24px;
    margin-bottom: 2rem;
}
.description__section p {
    margin-bottom: 2rem;
}
body > footer > div > div.footer__row.footer__row--5 > ul > li.icons__item.icons__item--cart > a > span,
body > footer > div > div.footer__row.footer__row--5 > ul > li:nth-child(2) > a > span,
body > footer > div > div.footer__row.footer__row--5 > ul > li:nth-child(1) > a > span,
body > footer > div > div.footer__row.footer__row--2 > div.footer__right > div.footer__contacts-box > ul.footer__contacts-links > li:nth-child(1),
body > header > div.header__wrapper > div.header__right > div.header__contacts > div > div > ul:nth-child(2) > li:nth-child(1) > button {
    display: none!important;
}
.icons__item--cart {
    background: none
}
@media screen and (max-width: 951px) {
    .header__logo {
        left: 46%;
    }
    #menu-watch,
    #menu-brand {
        display: none!important;
    }
    .is-title {
        font-size: 14px;
    }
    .page-top__subtext {
        margin-top: 1rem;
    }
    .brand-card__title {
        font-size: 20px!important;
        font-weight: 800;
    }
    .brand-card__main .mini__price {
        display: none;
    }
    .mini__caption {
        font-size: 10px;
    }
    .blockTitle__part {
        font-size: 17px;
        font-weight: 500;
    }
    .page-section:last-child {
        margin-top: 3rem;
    }
    .page-bradcrumbs__link {
        font-size: 10px;
    }
    .page-bradcrumbs__item {
        font-size: 10px;
    }
    .product-page-main__action {
        font-size: 11px;
    }
    .product-page-main__actions-box {
        /* place-self: center; */
         place-self: inherit;
         margin-top: 3rem;
    }
    .product-page-main__row {
        margin-bottom: 0;
    }
    .order-variant-box {
        min-height: 15rem;
    }
}
@media screen and (min-width: 952px) {
    .mobile-menu {
        display: none!important;
    }
}
/* .search__suggest-price {
    display: none;
} */
.product-card__actions-box .disabled {}
div.custom-select__item-placeholder.is-count {
    display: none;
}
label.custom-select__item.is-disabled {
    display: none;
}
.section-description-text {
    margin-top: 3rem;
}
.section-description-text p,
.section-description-text div,
.section-description-text ul {
    margin-bottom: 1rem;
}
.section-description-text h2 {
    font-size: 20px;
    margin-bottom: 1rem;
}
.section-description-text h3  {
    font-size: 18px;
    margin-bottom: 1rem;
}
.section-description-text ol {
    list-style: auto;
    padding-left: 3rem;
}
.section-description-text ul {
    list-style: disc;
    padding-left: 3rem;
}
.section-description-text em {
    text-decoration: underline;
}
.section-description-text hr {
    margin-bottom: 1rem;
}
.f-styl-text-one {
    margin-top: 3rem;
}
.f-styl-text-two {
    margin-top: 1rem;
}
.f-styl-text-two a {
    text-decoration: underline;
}
body > main > div > div.category > div > div > div.category__right > ul > li.category__banners-item.is-visible > a > div::before,
body > main > div > div.category > div > div > div.category__right > ul > li.category__banners-item.is-visible > a > div::after {
    display: none!important;
    opacity: 0
}
.home_description h1 {
    font-family: 'Styrene A Web', sans-serif;
    font-size: 25px;
    line-height: 100%;
    font-weight: 700;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.home_description p {
    margin-top: 1rem;
}
@media screen and (max-width: 850px) {
    .home_description h1 {
        font-size: 20px;
    }
    .catalog-filter__dropdown-main-col {
        display: block;
    }
	.item-one a {
        font-size: 14px !important;
        height: 34px !important;
        width: 12rem;
        margin-top: 1rem;
    }
}
.header__catalog-item-link {
  align-content: center;
  margin-left: 3rem;

}
.header__catalog-btn-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.preloader {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Белый фон с прозрачностью 80% */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: opacity 0.5s ease;
    display: none;
}

.loader {

}
.item-one {
    margin-bottom: 2rem;
    display: flex;
    align-items: anchor-center;
}
.item-one span {
	font-weight: 500;
    cursor: context-menu;
    margin-right: 3rem;
}
.item-one a {
    background: #DEDE2B;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 5px;
    margin-right: 1rem;
    transition: .4s all;
    display: block;
    align-content: center;
}
.item-one a:hover {
	background: #CBBBA7;
    color: white;
}
.main-section-mobile-block {
    display: contents;
}

.main_online {
    position: relative;
    bottom: 10px;
}

/* catalog.item */
.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.image_wrapper_block {
    padding-top: 100%;
}

.image_wrapper_block, .image_wrapper_block > a {
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    zoom: 1;
    display: block;
    left: 0px;
	position: relative;
}
.section-gallery-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    right: -1px;
    flex-direction: row;
    z-index: 2;
}
.section-gallery-wrapper__item {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
}

.catalog_block .catalog_item img, .product_slider .catalog_item img {
    max-width: 100%;
    max-height: 100%;
}
.image_wrapper_block img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-height: 288px;
    pointer-events: none;
    max-width: 198px;
}
@media (max-width: 1600px) {
    .image_wrapper_block img {
        /*height: 304px;*/
        padding-top: 8px;
    }
}

@media (max-width: 1200px) {
    .image_wrapper_block .image_wrapper_block img {
        height: 219px;
        padding-top: 8px;
    }
}
@media (max-width: 370px) {
    .image_wrapper_block img {
        height: 190px;
        padding-top: 8px;
    }
}
.section-gallery-wrapper__item img {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    left: 0px;
    right: 0px;
}

.section-gallery-wrapper__item._active img {
    opacity: 1;
}
._active .section-gallery-wrapper__item-nav:before {
    background-color: #c02f34;
    z-index: 10;
}


.section-gallery-nav {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    line-height: 0;
}
.section-gallery-nav__wrapper {
    display: block;
}
.section-gallery-nav__item.active {
    background-color: #DEDE2B;
    width: 8px;
}

.section-gallery-nav__item {
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #CBBBA7;
    border-radius: 8px;
}


/* end catalog.item */
@media screen and (max-width: 750px) {
	.main-section-mobile-block {
		display: inline-flex;
	}
	.item-one {
		display: block;
	}
}

@media screen and (max-width: 1600px) {
  .may-like-section__slider .swiper-slide {
    width: 22rem;
  }
  .product-page-main__actions-box {
      display: flex;
      gap: 1.5rem;
  }
}
@media screen and (max-width: 1480px) {
  .may-like-section__slider .swiper-slide {
    width: 20rem;
  }
  .product-page-main__actions-box .product-page-main__action div{
      font-size: 12px;
  }

}

@media screen and (max-width: 1280px) {
  .product-page-main__row {
    flex-direction: column-reverse;
  }
}

.fix-long-hit {
  background: #CBBBA7!important;
  color:#fff!important;
  font-size: 10px!important;
  width: fit-content!important;
  max-width: 100%!important;
}

.fix-long-hit span{
  color: #fff!important;
  opacity: 1!important;
  transform: translateX(0px)!important;
}
.footer-left-wrap{
  display: flex;
  width: 50%;
  justify-content: flex-start;
  gap: 60px;
}

.footer-right-wrap{
  display: flex;
  flex-direction: row;
  gap: 50px;
}

.footer__jur{
  display: flex;
  flex-direction: column;
  gap: 0px;
  max-width: 750px;
  margin-top: 20px;
}
.visually-hidden {
	display:none!important;
}


@media (max-width: 767px) {
  .footer-left-wrap{
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }
  .footer-right-wrap{
    margin-top: 30px;
    gap:10px;
  }
  .footer__contacts-phones {
    margin-right: 0px;
  }
  .footer-right-wrap {
    flex-direction: column;
  }
}