@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPT-Demi.woff2') format('woff2'),
        url('../fonts/FuturaPT-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPT-Book.woff2') format('woff2'),
        url('../fonts/FuturaPT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaPT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPT-Light.woff2') format('woff2'),
        url('../fonts/FuturaPT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}





* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
body {font-family: 'Futura', sans-serif; line-height: 1; background: #fff; font-size: 20px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; color: #000; padding-top: 0 !important}
html, body {width: 100%}
main {min-height: 50vh; margin-top: 40px}
body.body__index main {margin-top: 0}
ul, li {margin: 0; padding: 0}
img, svg, video {height: auto; max-height: 100%; max-width: 100%; display: block}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 250ms}
h1, h2, h3, .h1-like, .h2-like, .h3-like, .h4-like, .h5-like {color: #222; font-weight: 500; text-transform: uppercase; line-height: 1}
h1, .h1-like {font-size: 60px; margin-bottom: 40px}
h2, .h2-like {font-size: 48px}
h3, .h3-like {font-size: 42px}
h4, .h4-like {font-size: 36px; text-transform: uppercase}
h5, .h5-like {font-size: 28px}
h6, .h6-like {font-size: 22px}
b, strong {font-weight: 600}
table {width: 100%; border-collapse: collapse}
table tbody tr {line-height: inherit !important}
.flex {display: flex; flex-wrap: wrap}
.flex.center {justify-content: center}
.flex.align-center {align-items: center}
.flex.align-end {align-items: end}
.flex.space-between {justify-content: space-between}
.flex.nowrap {flex-wrap: nowrap}
.hidden {display: none}
.lock {overflow: hidden}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.flex.flex-end {align-items: flex-end}
.mobile-show {display: none !important}
.mobile-flex {display: none !important}
.tablet-show {display: none !important}
.tablet-flex {display: none !important}
.max {padding: 0px 20px; max-width: 1800px; margin: 0px auto}
svg {fill: currentColor}
ul {list-style-type: none}
.button {background: #F4F4F4; text-align: center; border: none; padding: 0 40px; height: 60px; font-size: 14px; font-weight: 500; text-transform: uppercase; display: inline-flex; gap: 10px}
.button.black {background: #222; color: #fff}
.link {cursor: pointer}

header {padding: 27px 0; height: 96px; position: sticky; position: -webkit-sticky; z-index: 300; top: 0; background: linear-gradient(#fff, #ffffffaa); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px)}
.logo-black {color: black; max-width: 242px; height: 42px}
header .menu-block {position: relative}
header .menu {gap: 50px}
header .icons-block {gap: 22px}
header .icons-block .icon {cursor: pointer}
header .icons-block .icon svg {max-width: 22px; max-height: 22px}
.menu-right {gap: 40px}

/* SEARCH */
.search-block {display: none; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%)}
.search-block button {position: absolute; top: 0; right: -5px; width: 40px; height: 100%; background: none; border: none}
.search-block button svg {width: 20px; height: 20px}
.search-block .wraper-fast-result {position: absolute; margin-top: 10px; top: 100%; z-index: 10; background: #f4f4f4; left: 0; width: 100%; padding: 20px; display: none}
.search-block .fast-result-list li + li {margin-top: 10px}
.search-block .fast-result-list li a {display: flex; justify-content: space-between; align-items: center; gap: 20px}
.search-block .variant-text {display: none}
.search-block .wraper-fast-result a .fast-result-info b {background: #222 !important; color: #fff}
.search-block .wraper-fast-result a .fast-result-img {width: 60px}
.search-block .wraper-fast-result a .fast-result-img img {object-fit: contain; aspect-ratio: 1/1; mix-blend-mode: multiply}
.search-block .wraper-fast-result a .fast-result-info {width: calc(100% - 70px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.search-block .wraper-fast-result a .fast-result-info span {font-weight: 600; display: block; margin-top: 5px}
/* SEARCH */

.home-slider {position: relative}
.home-slider .swiper-slide {overflow: hidden}
.home-slider .sub-title {color: #fff; margin-bottom: 30px; font-size: 22px; text-transform: uppercase; font-weight: 500}
.home-slider .title {color: #fff; margin-bottom: 40px; font-size: 90px; text-transform: uppercase; font-weight: 500}
.home-slider .inner {position: absolute; top: 50%; transform: translateY(-50%); left: 80px}
.home-slider {margin-bottom: 140px}
.home-slider .home-prev, .home-slider .home-next {position: absolute; top: 0; height: 100%; z-index: 10}
.home-slider .home-prev {left: 0; cursor: w-resize; width: 80px}
.home-slider .home-next {right: 0; cursor: e-resize; width: 30%}
.home-slider .swiper-pagination {gap: 5px; z-index: 10; line-height: 1; bottom: 20px; transform: unset}
.home-slider .swiper-pagination .swiper-pagination-bullet {background: #222; margin: 0}
.home-slider img, .home-slider video {aspect-ratio: 3/1; object-fit: cover} 
.home-cats .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px}
.home-cats .grid .item:first-child {grid-column: 1 / -1; aspect-ratio: 3/1}
.home-cats .grid .item {position: relative; display: block; transition: 0.3s ease all; aspect-ratio: 2/1}
.home-cats .grid .item::after {width: 100%; height: 100%; content: ''; position: absolute; z-index: 0; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; transition: 0.3s ease all}
.home-cats .grid .item img {width: 100%; height: 100%; object-fit: cover}
.home-cats .grid .item:nth-child(3) img {object-position: top}
.home-cats .grid .item .title {color: #fff; position: absolute; bottom: 30px; left: 40px; z-index: 1; text-transform: uppercase; font-weight: 500; font-size: 48px}
.home-brands {margin-top: 140px; margin-bottom: 140px}
.brands .item {background: #F4F4F4; display: flex; flex-direction: column; align-items: center; padding: 20px; aspect-ratio: 1/1}
.brands .item img {height: 50px; transition: 250ms}
.brands .subtitle {color: #d2d2d2; font-size: 14px; display: none}
.button.swiper-btn {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); right: -25px; z-index: 1; cursor: pointer; padding: 0}
.swiper-btn.swiper-btn-prev {right: auto; left: -25px}
.swiper-btn.swiper-btn-prev svg {transform: scale(-1, 1)}
.swiper-btn svg {max-width: 12px; max-height: 10px}
.home-brands--inner {position: relative}
.btn-prev.swiper-button-disabled {opacity: 0}
.btn-next.swiper-button-disabled {opacity: 0.6}
.swiper-slide-thumb-active {opacity: 0.7}
.home-catalog {position: relative; margin-bottom: 140px}
.brands .grid {grid-template-columns: repeat(4, 1fr); gap: 20px; display: grid}

/* CATALOG */
.product-wrapper {background: #F4F4F4; padding: 15px; display: block; padding-bottom: 20px; display: flex; flex-direction: column; position: relative; aspect-ratio: 1/1}
.product-wrapper .top-part {position: relative}
.product-wrapper .like, .product-wrapper .unlike {cursor: pointer; position: absolute; top: 15px; right: 15px; z-index: 2; font-size: 0}
.product-wrapper .like {color: #d2d2d2}
.product-wrapper .unlike {color: #A93535}
.product-wrapper .like svg, .product-wrapper .unlike svg {max-width: 20px; max-height: 20px}
.product-wrapper .item-img {width: 100%; aspect-ratio: 1/1; mix-blend-mode: multiply; object-fit: cover; margin-bottom: 34px; margin: 0 auto; display: block}
.product-wrapper .brand {opacity: 0.5; margin-bottom: 5px; height: 30px; padding: 0 20px; margin: 0 auto 10px auto}
.product-wrapper .button {margin-top: 20px; width: 100%}
.product-wrapper .addToCart {background-color: #fff; max-width: none; position: relative; z-index: 1; gap: 10px; padding-left: 70px}
.product-wrapper .item-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0}
.product-wrapper .bottom-part {margin-top: auto; text-align: center; position: relative; padding-top: 60px}
.product-wrapper .size-block {margin-top: 20px; gap: 10px; justify-content: center}
.product-wrapper .size-block .size {width: 60px; height: 60px; display: flex; flex-direction: column; gap: 5px; border: 1px solid #E4E4E4; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease all; font-weight: 600; font-size: 16px}
.product-wrapper .size-block .size span {display: block; font-size: 13px; font-weight: 400}
.product-wrapper .size-block .size.active {border: 1px solid #222}
.product-wrapper .inner {position: absolute; padding: 20px 0; background: #f4f4f455; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); bottom: -20px; left: -15px; width: calc(100% + 30px); transition: 250ms}
.product-wrapper:hover .inner {bottom: 50px}
.product-wrapper:hover .button {box-shadow: inset 0 0 0 1px #222}
.product-wrapper .addToCart svg {opacity: 0.2}
.product-wrapper:hover .addToCart svg {opacity: 1}
.product-wrapper .price-block {gap: 10px}
.product-wrapper .old-price {opacity: 0.3; text-decoration: line-through}


.bcu {margin-bottom: 35px; display: flex}
.bcu .separator {margin: 0 10px}
.bcu a, .bcu .separator {opacity: 0.5}
.bcu a:hover {opacity: 1}

.catalog-slider {position: relative}



.stickers {display: flex; align-items: center; gap: 5px; position: absolute; z-index: 1}
.sticker {font-size: 14px; background: white; border-radius: 4px; padding: 4px 9px}
.sticker.sale {background: #A93535; color: #fff}


.h-block {margin-bottom: 60px; gap: 60px}
.home-room .left-part {background: #F4F4F4; padding: 40px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; aspect-ratio: 1/1; font-size: 20px}
.home-room .left-part .serif {font-family: serif}
.home-room .button {background: white; margin-top: 40px}
.home-room .grid {display: grid; grid-template-columns: 1fr 1fr}
.home-room .right-part img {width: 100%; height: 100%; object-fit: cover}
.home-room .h2-like {max-width: 772px}
.home-about {margin-top: 60px}
.home-about .grid {display: flex; align-items: start; gap: 200px}
.home-about .h4-like {margin-top: 40px}
.home-about svg {max-width: 70px; max-height: 70px; fill: transparent}
.home-about .subtitle {color: #6B6B6B; font-size: 18px; margin-top: 10px; line-height: 1.389}
.home-about .item {max-width: 422px}


/* HEADER */
.burger {width: 22px; height: 18px; position: relative; cursor: pointer; display: none; z-index: 1002}
.burger span {position: absolute; left: 0; width: 100%; height: 2px; background: #222; transition: bottom 250ms ease 250ms, top 250ms ease 250ms, transform 250ms ease 0ms}
.burger span:nth-child(1) {top: 0}
.burger span:nth-child(2) {top: 50%; margin-top: -1px}
.burger span:nth-child(3) {bottom: 0}
.burger.active span {transition: bottom 250ms ease 0ms, top 250ms ease 0ms, transform 250ms ease 250ms}
.burger.active span:nth-child(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
.burger.active span:nth-child(2) {opacity: 0}
.burger.active span:nth-child(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
.logo-black {transition: 0.3s ease all}
.logo {transition: 0.3s ease all}
.icon {transition: 0.3s ease all}
.search-block button {transition: 0.3s ease all}
/* HEADER */


.button svg {max-width: 20px; max-height: 20px}
.gallery {display: grid; grid-template-columns: 100px minmax(0, max-content); gap: 25px; align-items: flex-start}
.gallery-thumbs img {width: 100px; height: 100px; object-fit: cover}
.gallery-thumbs .swiper-slide {height: 100px !important; max-width: 100px; cursor: pointer; transition: 0.3s ease all}
.gallery-slider img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1}

.button.swiper-btn.gallery-next {right: 30px}
.button.swiper-btn.swiper-button-disabled {display: none}
.button.swiper-btn.swiper-btn-prev.gallery-prev {left: 30px}
.gallery .button svg {max-width: 10px}
.catalog-page .h2-like span {font-size: 44px}
.product-item {position: relative; padding: 30px; background: #F4F4F4; padding-top: 88px}


/* PRODUCT */
.product-details-block {margin-bottom: 140px}
.product-details-block .button {display: flex}
.product-details-block .buttons-block {gap: 10px}
.product-details-block .like, .product-details-block .unlike {color: #6B6B6B; height: 60px; font-size: 14px; font-weight: 600; padding: 0 20px; text-transform: uppercase; gap: 10px; background: white; border: 1px solid #E4E4E4; cursor: pointer; transition: 250ms}
.product-details-block .unlike svg {color: #A93535}
.product-details-block .like svg, .product-details-block .unlike svg {max-width: 20px; max-height: 20px}
.product-details-block .h5-like {text-transform: uppercase; margin-bottom: 20px; color: #d2d2d2}
.product-details-block .size-block {margin-top: 40px; gap: 10px}
.product-details-block .size-block .size {width: 70px; height: 70px; display: flex; flex-direction: column; gap: 5px; border: 1px solid #E4E4E4; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease all; font-weight: 600}
.product-details-block .size-block .size span {display: block; font-size: 13px; font-weight: 400}
.product-details-block .size-block .size.active {border: 1px solid #222}
.product-details-block .price-block {margin-top: 60px; gap: 20px}
.product-details-block .old-price {opacity: 0.3; text-decoration: line-through}
.product-details-block .showroom {background: #E4E4E4; padding: 10px 20px; display: inline-flex; margin: 20px 0}
.product-details-block .buttons-block {margin-top: 30px; margin-bottom: 60px}
.product-details-block .gallery-slider img {margin: 0 auto; display: block}
.product-details-block .amount_change {display: none}
.product-details-block .addToCart {background: #222; color: #fff; min-width: 260px}
.product-details-block .addToCart svg {max-width: 22px; max-height: 22px; margin-left: 10px}
.product-details-block .grid {display: grid; gap: 132px; grid-template-columns: 1fr 1.5fr}
.product-details-block .brand {opacity: 0.5; max-width: 300px; margin-bottom: 20px; height: 40px}
.product-details-block .sticker {background: #F4F4F4}


.scale {margin-top: 33px; display: flex; align-items: center; gap: 15px; cursor: pointer}
.scale-title {color: #9F9F9F; font-size: 18px}
.scale-icon {max-width: 24px; max-height: 24px; color: #9F9F9F; height: 24px}
.sticky {position: sticky}

.image-lightbox {position: fixed; inset: 0; z-index: 9999; display: none}
.image-lightbox.active {display: flex; align-items: center; justify-content: center}
.image-overlay {position: absolute; inset: 0; background: rgba(0,0,0,0.8)}
.image-box {position: relative; z-index: 2; max-width: 70vw; max-height: 80vh}
.image-box img {width: 100%; height: auto; max-height: 80vh; object-fit: contain}
.image-close {position: absolute; top: -40px; right: -40px; color: #fff; font-size: 28px; cursor: pointer}
.gallery-slider {position: relative}
.gallery .item-top {position: absolute; top: 30px; left: 30px; z-index: 20; display: flex; pointer-events: none; }

.catalog .grid {display: grid; grid-row-gap: 40px; grid-column-gap: 40px; grid-template-columns: repeat(4,minmax(0,1fr))}


/* ADMIN */
.admin-bar {top: unset !important; bottom: 0px}
.admin-bar__elem--settings {display: none !important}
.admin-bar__elem--btns {margin-left: auto}
.admin-bar-link.admin-bar-link--enter {border: none !important}
/* ADMIN */

/* INPUT */
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px; font-size: 15px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search] {display: block; width: 100%; border: none; border-bottom: 1px solid #d2d2d2; background: #fff; height: 60px}
textarea {display: block; width: 100%;  background: #fff; border: 1px solid #d2d2d2; padding: 20px; resize: none; height: 80px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus {border-color: #000; background: #F4F4F4}
input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border: 1px solid #d2d2d2; background: #fff; flex-shrink: 0}
input[type=checkbox]:hover {border-color: #000}
input[type=checkbox]:checked {background: #222 url("data:image/svg+xml,<svg viewBox='0 0 356.7 297.3' xmlns='http://www.w3.org/2000/svg'><polygon fill='%23fff' points='42.4,153 0,195.4 101.9,297.3 356.7,42.4 314.3,0 101.9,212.4'/></svg>") 50% 50% no-repeat; background-size: 9px; border-color: #222}
input[type=radio] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; border-radius: 50%; background: #fff; position: relative; flex-shrink: 0; border: 1px solid #d2d2d2; box-shadow: inset 0px 0px 0px 2px #fff}
input[type=radio]:hover, input[type=radio]:checked {border-color: #222}
input[type=radio]:checked {background: #222}
select {display: block; width: 100%; font-size: 15px; border: none; border: 1px solid #d2d2d2; padding: 0px 35px 0 10px; background: transparent url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat; background-position: right 15px center; border-radius: 0px; height: 60px !important;  color: #7f7f7f; box-shadow: none !important; cursor: pointer; transition: border-color 250ms}
select:hover {border-color: #1F1F1F}
/* INPUT */

/* FORM */
.form-list.grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px}
.form-list + .button {margin-top: 20px}
.form-list li.wide {grid-column: span 2}
.form-list li {position: relative; display: block}
.form-list .placeholder {position: absolute; top: 0; pointer-events: none; left: 0; height: 60px; line-height: 60px; opacity: 0.5; transition: 250ms}
.form-list input::placeholder {opacity: 0}
.form-list input:not(:placeholder-shown) + .placeholder, .form-list input:focus + .placeholder, .form-list input:-webkit-autofill + .placeholder, input:-webkit-autofill:focus + .placeholder, .form-list input:not(:placeholder-shown) + div + .placeholder {transform: translateY(-15px); font-size: 10px; opacity: 1}
.form-list input:not(:placeholder-shown), .form-list input:-webkit-autofill, input:-webkit-autofill:focus {padding-top: 10px}
/* FORM */

/* CATEGORIES */
.catalog-cats {gap: 10px}
.catalog-cats a {background: #F4F4F4; height: 40px; padding: 0 20px}
.catalog-cats a.active {background: #222; color: #fff}
.catalog-cats a:hover {background: #222; color: #fff}
.catalog-cats li {position: relative}
.catalog-cats li .level-2 {transform-origin: 0 0; z-index: 100; transform: scaleY(0); transition: 250ms; position: absolute; top: 100%; left: 0; min-width: 200px}
.catalog-cats li:hover .level-2 {transform: scaleY(1)}
/* CATEGORIES */

/* CATEGORIES */
.collections {gap: 10px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr))}
.collections a {background-color: #f4f4f4; color: #fff; padding: 20px; aspect-ratio: 3/4; font-size: 48px; font-weight: 500; text-transform: uppercase}
/* CATEGORIES */

/* MODAL */
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 8000; display: none}
.modal {width: 600px; right: -640px; top: 0; position: fixed; z-index: 9000; transition: 250ms; background: #F4F4F4; height: 100%}
.modal.show, .filter-form.show {right: 0px}
.modal .inner {padding: 40px; height: 100%; display: flex; flex-direction: column; justify-content: space-between}
.modal .close, .filter-form .close {top: 50px; left: -40px; background: #222; font-size: 16px; cursor: pointer; position: absolute; z-index: 1; color: #fff; writing-mode: tb-rl; transform: rotateZ(180deg); width: 40px; height: 120px; text-align: center; line-height: 40px; border-radius: 0; transition: 250ms}
.modal .overflow-y {overflow-y: auto}
.modal .close:hover, .filter-form .close:hover {background: #2e2e2e}
.modal-cart .h2-like {margin-top: 0px}
/* MODAL */

/* AMOUNT */
.cart_form input[type=text] {height: 30px; padding: 0; width: 30px; background: transparent; text-align: center}
.cart_form button {border: none; border-bottom: 1px solid #d2d2d2; background: transparent; width: 30px; height: 30px; cursor: pointer; flex-shrink: 0}
.cart_form button svg {width: 8px; height: 8px}
.cart_form button:hover svg {opacity: 0.5}
/* AMOUNT */

/* ALERT */
.alert {color: #fff; display: block; background: #8a2b2b; text-align: center; padding: 10px 0; margin-bottom: 40px}
.alert.success {background: green}
.alert a {text-decoration: underline; font-weight: 500}
/* ALERT */

/* INFORMER */
.informer {background: #222; color: #fff; height: 70px; width: 320px; padding: 0 20px; transition: 250ms; position: fixed; top: 120px; right: -320px; z-index: 9000; gap: 10px}
.informer.active {right: 20px}
.informer svg {width: 20px; height: 20px; flex-shrink: 0}
.informer .name {font-weight: 600}
/* INFORMER */

/* PAGER */
.mg-pager .allPages {display: none}
.mg-pager ul {margin-top: 80px; gap: 10px; display: flex; justify-content: center; margin-bottom: 80px}
.mg-pager li:before {display: none}
.mg-pager li a, .mg-pager li span {height: 70px; width: 70px; border: 1px solid #E4E4E4; font-weight: 500}
.mg-pager li.current span {border-color: #222}
/* PAGER */

/* STATIC */
.static .left-part {width: 300px}
.static .right-part {width: calc(100% - 380px)}
.sidebar .page-menu {position: sticky; position: -webkit-sticky; top: 120px; background: #F4F4F4; text-align: right}
.sidebar .page-menu svg {width: 15px; height: 15px; position: absolute; left: 20px; top: 20px; transition: 250ms}
.sidebar .page-menu li a {display: block; position: relative}
.sidebar .page-menu li a:hover {color: #222}
.sidebar .page-menu > li > a {padding: 20px 20px}
.sidebar .page-menu > li.active > a {background: #222; color: #fff; font-weight: 500}
.sidebar .page-menu > li.active svg {transform: rotateZ(45deg)}
.sidebar .page-menu li .level-2 {display: none; transform-origin: top left; padding: 10px 0; transition: 250ms; transform: scaleY(0); background: #f5f5f5; font-size: 13px}
.sidebar .page-menu li .level-2 a {padding: 10px 20px}
.sidebar .page-menu li.active .level-2 {display: block; transform: scaleY(1)}
.sidebar .page-menu .level-2 li.active a {color: #8a2b2b}
/* STATIC */

/* TABS */
.tab:not(.active) {display: none}
.tab-links {border-bottom: 1px solid #000; background: #fff; gap: 20px; margin-bottom: 20px; margin-top: 40px; position: sticky; position: -webkit-sticky; top: 80px; z-index: 900}
.tab-links .tab-link {cursor: pointer; position: relative; padding: 15px 0}
.tab-links .tab-link.active, .tab-links .tab-link:hover {color: #000}
.tab-links .tab-link:before {content: ''; left: 0px; bottom: 0; background: transparent; height: 2px; width: 100%; position: absolute}
.tab-links .tab-link.active:before {background: #000}
/* TABS */

/* CONTENT */
.content table {border: none; width: 100% !important}
.content .table-line {border-bottom: 1px solid #d2d2d2; padding: 10px 0}
.content .table-line a {text-decoration: none !important; color: inherit !important}
.content table tr + tr {margin-top: 40px}
.content table tr {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 40px; align-items: center}
.content table td {border: none}
.content table td img {width: 100% !important; height: 100% !important; object-fit: cover}
.content table h2 {margin-top: 0}
.content {line-height: 1.7}
.content img, .content iframe {border: none; width: 100%}
.content p, .content blockquote, .content ul, .content ol, .content img {margin-top: 15px}
.content ol {counter-reset: list1; list-style-type: none}
.content ul:not(.form-list) li, .content ol li {position: relative; padding-left: 20px}
.content ul:not(.form-list) li:before {position: absolute; content: ''; width: 4px; height: 4px; background: #222; left: 0; top: 14px}
.content ol li:before {counter-increment: list1; content: counter(list1) ". "; position: absolute; left: 0px; text-align: right; color: #222}
.content blockquote {padding-left: 56px; border-left: 4px solid #8a2b2b; font-style: italic}
.content a:not(.button) {text-decoration: underline}
.content h2 {margin-top: 40px; margin-bottom: 20px}
.content h3 {margin-top: 40px; margin-bottom: 20px}
/* CONTENT */

/* SPOILER */
.spoilers {display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px}
.spoiler-title {color: #222}
.spoiler-title svg {width: 10px; height: 10px; transition: 250ms}
.spoiler.active svg {transform: rotateZ(45deg)}
.spoiler {padding: 20px 0; border-bottom: 1px solid #E4E4E4; cursor: pointer}
.spoiler-content {padding-top: 20px; color: #6B6B6B; display: none}
/* SPOILER */

/* PERSONAL */
.order-history-list .status {position: relative; white-space: nowrap; background: #F4F4F4; flex-shrink: 0; padding: 10px}
.order-history-list .status .text {position: absolute; left: 0; font-size: 11px; top: 50%; transform: translateY(-50%)}
.order-history-list .details {margin-top: 20px}
.order-history-list .button {margin-top: 20px}
.total-sum__div-content {text-align: center; font-size: 18px; margin-top: 40px}
/* PERSONAL */

/* CART */
.cart-table tr + tr, .small-cart-table tr + tr {margin-top: 20px}
.cart-table tr {display: grid; grid-template-columns: 60px auto max-content 20px; grid-gap: 10px; position: relative; align-items: center}
.cart-table img, .small-cart-table img {mix-blend-mode: multiply}
.small-cart-table tr {display: grid; grid-template-columns: 60px auto 20px; grid-gap: 10px; position: relative; align-items: center}
.cart-table .price-cell, .small-cart-table .price-cell {font-weight: 500; margin-top: 10px}
.cart-table .count, .small-cart-table .count {width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; background: #8a2b2b; color: #fff; left: 0; top: 0}
.cart-table .deleteItemFromCart, .small-cart-table .deleteItemFromCart {height: 30px}
.cart-table .deleteItemFromCart:hover, .small-cart-table .deleteItemFromCart:hover {color: #8a2b2b}
.cart-table .deleteItemFromCart svg, .small-cart-table .deleteItemFromCart svg {transform: rotateZ(45deg); width: 8px; height: 8px}
/* CART */

/* ORDER */
.body__order .left-part {width: calc(100% - 640px)}
.body__order .right-part {width: 600px}
.body__order .right-part .sticky {position: sticky; position: -webkit-sticky; top: 120px; background: #F4F4F4; padding: 60px}
.delivery-details-list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px}
.body__order .step + .step {margin-top: 60px}
.body__order .step .h3-like {margin-bottom: 20px}
.delivery-details-list .deliveryPrice, .delivery-details-list .deliveryCurrency {display: none !important}
.delivery-details-list .deliveryName {background: #F4F4F4; border: 1px solid #F4F4F4; padding: 0 10px; height: 60px; line-height: 60px; display: block; text-align: center; cursor: pointer; margin-bottom: 10px; width: 100%}
.delivery-details-list .kcdek-delivery-address {font-size: 14px}
.delivery-details-list .kcdek-delivery-time {margin-top: 5px; font-size: 14px}
.delivery-details-list input[type=radio] {display: none}
.delivery-details-list input[type=radio]:checked +.deliveryName {background: #222; color: #fff; border-color: #222}
.body__order .kcdek-map-delivery__wrapper .choise-marker, .body__order .kcdek-map-delivery__wrapper .kcdek-map__info-panel-confirm-btn, .body__order .kcdek-map-delivery__wrapper .kcdek__location-exact-confirm-btn {background: #1ab248; color: #fff}
/* ORDER */

/* PROMO */
.promo-form-title {font-weight: 400; font-size: 14px; margin-top: 40px}
.promo-form {margin: 40px 0 0 0; position: relative}
.promo-form input[type=text] {height: 50px}
.promo-form>span:first-of-type {margin-bottom: 10px; display: block}
.promo-form button {position: absolute; bottom: 5px; border: none; text-transform: uppercase; font-weight: 500; right: 5px; height: 40px; background: #222; color: #fff; line-height: 40px; padding: 0 20px; font-size: 12px; text-align: center; cursor: pointer}
.promo-form button:hover {background: #2e2e2e}
#msg-about-code {font-size: 13px; margin-top: 10px; font-weight: 500}
/* PROMO */

/* FILTER */
.filter-preview {display: none !important}
.filter-form {margin: 20px 0 40px 0; gap: 10px; opacity: 1 !important}
.mg-filter-head {gap: 10px}
.mg-filter {gap: 10px}
.mg-filter-item {position: relative}
.mg-filter-item input[type=text] {padding: 0; text-align: center}
.mg-filter-title {cursor: pointer; height: 40px; padding: 0 20px; background: #F4F4F4} 
.mg-filter-item > ul {position: absolute; top: 100%; border-top: 2px solid #fff; left: 0; padding: 20px; background: #F4F4F4; min-width: 200px; transform-origin: 0 0; transition: 250ms; transform: scaleY(0); z-index: 100; max-height: 300px; overflow-y: auto}
.mg-filter-item > ul::-webkit-scrollbar {width: 2px}
.mg-filter-item > ul:not(.price-slider-list) > li + li {margin-top: 10px}
.mg-filter-item:hover ul {transform: scaleY(1)}
.mg-filter-item:hover .mg-filter-title {background: #222; color: #fff}
.mg-filter-item .price-slider-list {gap: 10px}
.mg-filter-item .value-name {white-space: nowrap}
.mg-filter-item .price-slider-list li {position: relative}
.mg-filter-item .price-slider-list label {position: absolute; font-size: 10px; top: 50%; transform: translateY(-50%); left: 5px}
/* FILTER */

/* FOOTER */
.app-panel {position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 11000; text-align: center; font-weight: 600; font-size: 10px}
.app-panel .inner {backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 60px; border-radius: 30px; color: #fff; padding: 0 30px; gap: 20px; display: flex; align-items: center; justify-content: space-around; flex-wrap: nowrap; background: rgba(0,0,0,0.2)}
.app-panel svg {width: 20px; height: 20px; display: block; margin: 0 auto 5px auto}

.footer {background: #F4F4F4; padding: 60px 0; margin-top: 140px}
.footer .max {position: relative}
.footer .phone {font-size: 48px; font-weight: 600}
.footer .phone:hover {opacity: 0.5}
.footer .grid {display: grid; grid-template-columns: auto 25vw; gap: 80px}
.footer .grid > img {position: absolute; right: 20px; top: 0; height: 100%; width: 25vw; object-fit: cover}
.footer .top-part {display: flex; gap: 80px; padding-right: 80px}
.footer .top-part .item:last-of-type {margin-left: auto}
.footer .menu {display: flex; flex-direction: column; gap: 10px}
.footer .menu a {font-weight: 600; font-size: 16px; text-transform: uppercase}
.footer .content-bottom {display: flex; flex-direction: column; margin-top: 140px}
.footer .footer-link {margin-top: 5px; font-size: 18px}
.footer .footer-link.small {margin-top: 30px; font-weight: 600; text-transform: uppercase; font-size: 16px}
.footer .subtitle {text-transform: uppercase; opacity: 0.5; margin-top: 50px; font-weight: 500}
.footer .logo {width: 100%; display: block; margin-top: 40px; opacity: 0.1}
.footer .logo img {width: 100%}
.footer .bottom-part {margin-top: 30px; display: grid; grid-template-columns: 1fr auto 1fr; font-size: 14px}
.footer .copyright {text-transform: uppercase}
.footer .privacy-link {text-transform: uppercase; opacity: 0.5; position: relative; padding-bottom: 3px}
.footer .privacy-link::after {content: ''; background: currentcolor; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px}
.footer .bottom-part .flex {gap: 21px}
.footer .belka {width: 30px; height: 14px; margin-left: auto; margin-right: 0; transition: 0.3s ease all; opacity: 0.1; cursor: pointer}
.footer .belka:hover {opacity: 1}
/* FOOTER */

.agreement {margin-top: 20px}
.agreement a {text-decoration: underline}

@media (hover: hover) {
.link:hover {opacity: 0.5}
.gallery-thumbs .swiper-slide:hover {opacity: 0.7}
.size-item:hover {border: 1px solid #868686}
.spoiler:hover .spoiler-title {color: #6e6e6e}
.product-details-block .like:hover, .product-details-block .unlike:hover {background: #E4E4E4; border-color: #E4E4E4}
.product-details-block .like:hover svg {color: #A93535}
.product-details-block .addToCart:hover {background: #2e2e2e}
.button:hover {background: #2e2e2e; color: #fff}
.button.black:hover {background: #2e2e2e}
header .menu a:hover {opacity: 0.5}
.home-cats .grid .item:hover::after {background: rgba(0, 0, 0, 0.35)}
.brands .item:hover img {opacity: 0.5}
.btn-next.swiper-button-disabled:hover {opacity: 0.5}
.product-wrapper .addToCart:hover {background: #2e2e2e; color: #fff}
.product-wrapper:hover .item-bg {opacity: 1; z-index: 0; transition: 0.5s ease all}
.product-wrapper:hover .like {color: #8a2b2b}
.home-room .button:hover {background: #2e2e2e; color: #fff}
.footer .menu a:hover {opacity: 0.5}
.footer .footer-link:hover {opacity: 0.5}
.footer .footer-link.small:hover {opacity: 0.5}
.footer .privacy-link:hover {opacity: 0.5}
.footer .privacy-link:hover::after {opacity: 0.5}
.logo-black:hover {opacity: 0.5}
header .logo:hover {opacity: 0.5}
footer .logo:hover {opacity: 1}
.icon:hover {opacity: 0.5}
.search-block button:hover {opacity: 0.5}}

@media (max-width: 1919px) {
body {font-size: 17px}
.home-slider .title {font-size: 60px}
.product-wrapper .size-block .size {width: 50px; height: 50px; font-size: 14px}
.mg-pager li a, .mg-pager li span {width: 50px; height: 50px}
.delivery-details-list .deliveryName {height: 50px; line-height: 50px}
.product-item {padding: 0px; background: none}
.scale{display: none}
.product-details-block .like, .product-details-block .unlike {height: 50px}
.product-details-block .addToCart svg {max-width: 20px; max-height: 20px}
.product-details-block .size-block .size {width: 60px; height: 60px}
.product-details-block .price-block {margin-top: 40px}
.product-details-block .buttons-block {margin-bottom: 40px}
.product-details-block .grid {gap: 60px; justify-content: space-between}
.product-details-block {margin-bottom: 120px}
.home-about .grid {gap: 150px}
.footer .menu a {font-size: 14px}
.footer .footer-link {font-size: 16px}
.footer .footer-link.small {font-size: 14px; margin-top: 10px}
.footer .content-bottom {margin-top: 40px}
.footer .subtitle {margin-top: 40px; font-size: 14px}
.home-about .subtitle {font-size: 16px}
.button.swiper-btn {right: -10px}
.swiper-btn.swiper-btn-prev {left: -10px}
.footer .max {gap: 60px}
.max {max-width: 1600px}
header .menu {gap: 40px}
.menu-right {gap: 32px}
.home-slider {margin-bottom: 120px}
.h-block {margin-bottom: 40px}
.home-brands {margin-top: 120px; margin-bottom: 120px}
.home-catalog {margin-bottom: 120px}
.home-room {margin-top: 120px; margin-bottom: 120px}
.home-room .left-part {padding: 36px}
.footer {padding: 60px 0; margin-top: 120px}
h1, .h1-like {font-size: 48px}
h2, .h2-like {font-size: 38px}
.catalog-page .h2-like span {font-size: 34px}
.home-cats .grid .item .title {font-size: 38px}
.footer .phone {font-size: 38px}
h3, .h3-like {font-size: 32px}
h4, .h4-like {font-size: 26px}
.button {height: 50px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], select {height: 50px}
.form-list .placeholder {height: 50px; line-height: 50px}
}

@media (max-width: 1199px) {
.product-details-block .buttons-block .button:last-child {max-width: 395px}
.gallery-slider .swiper-wrapper {max-width: 360px}
.gallery-thumbs {width: 50px}
.gallery-thumbs img {height: 50px; width: 50px}
.gallery-thumbs .swiper-slide {max-width: 50px; height: 50px !important}
.product-details-block .grid {gap: 30px}
.h4-like {font-size: 24px}
.h3-like {font-size: 28px}
.h2-like {font-size: 40px}
.catalog-page .h2-like span {font-size: 24px}
.footer .right-part {display: none}
.footer .footer-content .right-part {display: block}
.max {padding: 0 20px}
.product-details-block .h5-like {margin-bottom: 10px}
header .menu {gap: 30px; font-size: 14px}
.home-slider {margin-bottom: 100px}
.h1-like {font-size: 60px; margin-bottom: 32px}
.h-block {margin-bottom: 48px}
.home-cats .grid {gap: 16px}
.home-cats .grid .item .title {bottom: 24px; left: 32px}
.home-brands {margin-top: 100px; margin-bottom: 100px}
.home-brands .h-block {margin-bottom: 48px}
.button.swiper-btn {width: 40px; height: 40px}
.home-catalog {margin-bottom: 100px}
.product-wrapper {padding: 15px}
.home-room {margin-top: 100px; margin-bottom: 100px}
.home-room .left-part {padding: 32px; max-width: 100%}
.home-room .h2-like {
 max-width: 100%}
.home-about {margin-bottom: 100px}
.home-about .grid {gap: 100px}
.home-about .item {max-width: 270px}
.footer {padding: 50px 0}
.footer .footer-content {padding-right: 0px}
.footer .content-bottom {margin-top: 100px}
.gallery {flex-direction: column-reverse}
.gallery {gap: 10px}
.product-details-block .grid {display: block}
.gallery-thumbs {width: 100%}
.gallery-thumbs img {width: 100px; height: 100px}
.gallery-thumbs .swiper-slide {max-width: 100px; height: 100px !important}
.gallery-slider {max-width: 100%}
.gallery-slider .swiper-wrapper {max-width: 100%}
.product-details-block .right-part {margin-top: 30px}
.product-details-block .price-block {margin-top: 30px}
.product-details-block .buttons-block {display: flex; flex-wrap: wrap; margin-bottom: 30px}
.product-details-block .buttons-block .button:last-child {max-width: none}
.product-details-block .buttons-block .button:first-child {max-width: none}}

@media (max-width: 1023px) {
.tablet-hide {display: none !important}
.tablet-show {display: block !important}
.tablet-flex {display: flex !important}
.product-details-block {margin-top: 136px; margin-bottom: 80px}
.search-block {display: none}
.menu-right {gap: 24px}
.home-slider {margin-bottom: 80px}
.home-slider .title {margin-bottom: 20px}
.home-slider .sub-title {margin-bottom: 10px}
.home-cats .grid .item .title {bottom: 20px; left: 24px}
.home-brands {margin-top: 80px; margin-bottom: 80px}
.home-catalog {margin-bottom: 80px}
.product-wrapper .title {font-size: 16px}
.product-wrapper .brand {font-size: 14px}
.old-price {font-size: 14px}
.home-room {margin-top: 80px; margin-bottom: 80px}
.home-room .left-part {padding: 28px}
.home-room .button {max-width: 260px}
.home-about {margin-top: 60px; margin-bottom: 80px}
.home-about .grid {grid-template-columns: repeat(3, 1fr); gap: 60px}
.home-about svg {max-width: 60px; max-height: 60px}
.home-about .h4-like {margin-top: 30px}
.footer .max {flex-direction: column; gap: 60px}
.footer .right-part {width: 100%}
.footer .right-part img {width: 100%; max-width: 500px; margin-left: auto}
.footer .footer-content {padding-right: 0; gap: 73px}
.footer .content-bottom {margin-top: 40px}
.h-block.flex-end {align-items: flex-start}
header {padding: 15px 0; height: 72px}
header .menu-block {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #ffffff; padding: 100px 24px 24px; transition: 250ms; z-index: 1001; overflow-y: scroll; transform: scaleY(0); transform-origin: 0 0}
header .menu-block.active {transform: scaleY(1)}
header .menu-block .menu {flex-direction: column; align-items: flex-start; gap: 20px}
header .menu-block .menu + .menu {margin-top: 20px}
header .menu-block .menu:nth-of-type(2) {opacity: 0.5}
header .menu li a {font-size: 20px}
.menu-right {gap: 30px}
.icons-block {gap: 15px}
.size-item {width: 50px; height: 50px}
.size-title {font-size: 16px}
.size-amount {font-size: 12px}
.price-block .h4-like {font-size: 30px}
.h5-like {font-size: 22px}
.product-details-block .size-block {margin-top: 30px}
}

@media (max-width: 767px) {
.catalog .grid {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px}
.filter-form, .mg-filter-head, .mg-filter {gap: 5px}
.mobile-hide, .admin-bar {display: none !important}
.mobile-show {display: block !important}
.mobile-flex {display: flex !important}
.product-details-block .gallery-slider img {margin-left: 0; max-width: 100%}
.gallery .item-top {display: none}
.button {width: 100%; display: flex}
.gallery {grid-template-columns: 100%}
.product-details-block {margin-top: 92px}
.bcu {display: none}
.home-catalog {margin-top: 32px}
.product-item {padding: 0px}
.product-wrapper .size-block {gap: 5px}
.scale {display: none}
.product-details-block .item-top {margin-bottom: 10px}
.product-details-block {margin-bottom: 60px}
.button.swiper-btn {display: none}
.home-brands .swiper {padding-bottom: 30px}
.home-catalog .swiper {padding-bottom: 30px}
.swiper .swiper-pagination {bottom: 0}
.swiper-pagination .swiper-pagination-bullet-active {background: #222}
.swiper-pagination {display: flex; bottom: 0px; align-items: center; justify-content: center}
.button.swiper-btn {width: 30px; height: 30px}
h1, h2, h3, .h1-like, .h2-like, .h3-like, .h4-like, .h5-like {font-weight: 500}
h1, .h1-like {font-size: 36px}
h2, .h2-like {font-size: 28px}
h3, .h3-like {font-size: 24px}
h4, .h4-like {font-size: 20px}
.home-slider img, .home-slider video {aspect-ratio: 3/4}
.home-slider .max {padding: 0}
.home-slider {margin-bottom: 60px}
.home-slider picture img {width: 100%; height: 100%; display: block}
.home-slider .inner {top: 50%; transform: translateY(-50%); left: 0; padding: 0 20px; width: 100%; text-align: center}
.home-slider .sub-title {font-size: 16px; margin-bottom: 16px}
.home-slider .title {margin-bottom: 24px; line-height: 1; font-size: 48px}
.home-slider .button {margin: 40px 20px 0 20px; width: calc(100% - 40px)}
.h-block {gap: 20px; margin-bottom: 32px}
.home-cats .grid {grid-template-columns: 100%; gap: 16px}
.home-cats .grid .item {aspect-ratio: 2/1}
.home-cats .grid .item:first-child {grid-column: auto; aspect-ratio: 2/1}
.home-cats .grid .item .title {left: 50%; bottom: 20px; font-size: 24px; transform: translateX(-50%); text-align: center; width: 100%; padding: 0 16px}
.home-brands {margin-top: 60px; margin-bottom: 60px}
.home-brands .h-block {gap: 16px; margin-bottom: 32px}
.home-brands .h-block .button {width: 100%; max-width: 100%}
.brands .subtitle {font-size: 13px}
.swiper-btn {display: none}
.home-catalog {margin-bottom: 60px}
.product-wrapper .addToCart {margin-top: 16px; padding: 0; height: 40px}
.product-wrapper .bottom-part {padding-top: 0}
.product-wrapper .inner {position: static; width: 100%; padding: 0}
.product-wrapper {padding: 10px}
.product-wrapper .block-variants {display: none}
.product-wrapper .title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block}
.product-wrapper .like svg, .product-wrapper .unlike svg {max-width: 18px; max-height: 18px}
.catalog-prev,.catalog-next {display: none}
.home-room {margin-top: 60px; margin-bottom: 60px}
.home-room .grid {grid-template-columns: 100%; gap: 20px}
.home-room .left-part {padding: 30px 20px}
.home-room .button {width: 100%; max-width: 100%}
.home-room .right-part img {display: block; height: auto}
.home-about {margin-top: 40px; margin-bottom: 60px}
.home-about .grid {flex-direction: column; gap: 40px; align-items: center}
.home-about .item {max-width: 100%; text-align: center}
.home-about svg {margin: 0 auto}
.home-about .h4-like {margin-top: 20px}
.footer .belka {margin: 30px auto 0 auto}
.footer .subtitle {font-size: 12px; font-weight: 400}
.footer .privacy-link {font-size: 12px; font-weight: 400; text-decoration: underline}
.footer .privacy-link::after {border: 1px solid #d2d2d2; display: none}
.footer {padding: 40px 0; text-align: center}
.footer .menu {flex-direction: row; justify-content: center}
.footer .top-part {flex-direction: column; gap: 40px; padding-right: 0}
.footer .top-part .item:last-of-type {margin-left: 0}
.footer .top-part .left-part {max-width: 100%; gap: 40px}
.footer .top-part .left-part.flex {flex-direction: row; justify-content: space-between; gap: 20px}
.footer .menu a {font-size: 14px}
.footer .bottom-part {margin-top: 30px}
.footer .footer-link {font-size: 16px}
.footer .footer-link.small {margin-top: 10px; font-size: 14px}
.footer .subtitle {margin-top: 40px; text-align: center}
.footer .logo {margin-top: 20px}
.footer .bottom-part {display: flex; flex-direction: column; align-items: center; gap: 15px; text-align: center}
.footer .bottom-part .flex {flex-direction: column; gap: 10px}
.footer .phone {font-size: 24px}
.body__order .left-part {width: 100%; order: 2}
.body__order .right-part {width: 100%; order: 1}
.body__order .right-part .sticky {padding: 20px; margin-top: -20px; position: static; margin-bottom: 40px}
.static .left-part {width: 100%; order: 2; margin-top: 40px}
.sidebar .page-menu {text-align: center}
.static .right-part {width: 100%; order: 1}
.product-details-block .addToCart {width: calc(100% - 60px)}
.product-details-block .like, .product-details-block .unlike {width: 50px; height: 50px; padding: 0}
.product-details-block .brand {height: 30px}
.swiper-css-mode {margin: 0 -20px}
.swiper-css-mode > .swiper-wrapper {overflow-x: auto; overflow-y: hidden; scroll-snap-type: unset !important}
.swiper-css-mode > .swiper-wrapper:before, .swiper-css-mode > .swiper-wrapper:after {width: 20px; height: 20px; content: ''; flex-shrink: 0}
.footer .grid {grid-template-columns: 100%}
.modal {width: 100%; right: calc((100% + 40px)*-1)}
.modal .inner {padding: 40px 20px}
.delivery-details-list {grid-template-columns: 100%}
.form-list.grid {grid-template-columns: 100%}
.spoilers {grid-template-columns: 100%}
.product-details-block .size-block .size {width: 40px; height: 40px}
.logo-black {width: 200px; transform: translateY(-5px)}
.brands .item img {height: 35px}
.content table tr {grid-template-columns: 100%; gap: 20px}
.content table td {order: 2}
.content table td.with-img {order: 1}
.content table tr + tr {margin-top: 20px}
}