@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Medium.eot');
	src: local('HelveticaNeueCyr-Medium'),
		url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Roman.eot');
	src: local('HelveticaNeueCyr-Roman'),
		url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Light.eot');
	src: local('HelveticaNeueCyr-Light'),
		url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
html, body {width: 100%}
body {font-family: 'HelveticaNeueCyr', sans-serif; color: #151515; line-height: 1; font-size: 16px; -webkit-text-size-adjust: none; font-weight: 400; -webkit-font-smoothing: antialiased; padding-top: 0 !important}
body.body__noindex header {margin-bottom: 20px}
.cormorant {font-family: 'Spectral', serif}
.max {margin: 0px auto; max-width: 1220px; padding: 0 20px}
header .max {max-width: 1340px; position: relative}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 250ms}
h1 {font-weight: 300; font-size: 48px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 48px; line-height: 1.3}
h2, .h2-like {font-weight: 300; font-size: 48px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; line-height: 1.3}
h2 a:hover {color: #D6AE7B}
h3 {font-weight: 400; font-size: 20px; margin-top: 40px; margin-bottom: 20px; letter-spacing: 0.04em; color: #000000; line-height: 1}
b, strong, th {font-weight: 700}
i {font-style: normal}
ul {list-style-type: none}
img {object-fit: contain}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle}
iframe {width: 100%; border: none}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search] {display: block; width: 100%; font-size: 15px; border: 2px solid transparent; padding: 10px 15px 0 15px; background: #f5f5f5; line-height: 46px; height: 60px; border-radius: 0; font-weight: 400; transition: 250ms}
textarea {display: block; width: 100%; border:2px solid transparent; padding: 25px; resize: none; height: 100px; font-size: 15px; background: #f5f5f5; border-radius: 5px; font-weight: 500; transition: 250ms}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus, input[type=search]:focus {border-color: #D6AE7B}

input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border: 1px solid #dadada; background: #fff}
input[type=checkbox]:hover {border-color: #D6AE7B}
input[type=checkbox]:checked {background: #fff; border: 4px solid #D6AE7B}

input[type=radio] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border-radius: 50%; margin-left: 4px; border: 1px solid #dadada; background: #fff}
input[type=radio]:hover {border-color: #D6AE7B}
input[type=radio]:checked {background: #fff; border: 4px solid #D6AE7B}

select, .form-list .SumoSelect>.CaptionCont {display: block; width: 100%; font-size: 15px; font-weight: 400; border: none; border: 2px solid transparent; padding: 0px 25px; background: #f5f5f5 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 25px center; border-radius: 0; line-height: 46px; height: 50px !important;  color: #7f7f7f; box-shadow: none !important; cursor: pointer; transition: border-color 250ms}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #D6AE7B}

input[readonly], input[readonly]:focus {opacity: 0.5; border-color: #b3b3b3}

input.check:focus:invalid {border-bottom-color: #f10d48}
svg {fill: currentColor}
svg * {transition: fill 250ms}

::placeholder {color:#BEC0C2}

.button {color: #fff; background: #151515; height: 66px; text-align: center; line-height: 66px; font-weight: 550; letter-spacing: 0.1em; text-transform: uppercase; display: block; max-width: 286px; margin: 0 auto; width: 100%; border: none}
.button:hover {background: #D6AE7B}
.admin-bar {top: unset !important; bottom: 0px}
.admin-bar__item_template {display: none}
.admin-bar__item_edit {margin-left: auto}
/* GLOBAL */


/* BASIC */
main {min-height: calc(100vh - 723px)}
.hidden {display: none}
.lazy {visibility: hidden; opacity: 0; transition: 250ms}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.flex {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-nowrap {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap}
.flex-center {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items:center}
.flex-inline {display: flex; display:-webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.contain-0 {background-position: 0% 50%; background-repeat: no-repeat; background-size: contain}
.contain-50 {background-position: 50% 50%; background-repeat: no-repeat; background-size: contain}
.mobile-show {display: none}
.tablet-show {display: none}


/* HEADER */
header {font-size: 13px; z-index: 1000; position: relative; position: sticky; position: -webkit-sticky; top: 0; background: #fff}
header .logo {height: 17px; width: 80px}
header .menu .cat-name {white-space: nowrap; line-height: 24px; margin-bottom: 5px; display: block}
header .menu .cat-desc {font-size: 14px; line-height: 20px; letter-spacing: 0.04em; color: #828282; letter-spacing: 0.04em; display: block}
header .menu > li > a {height: 62px; line-height: 62px; letter-spacing: 0.1em; text-transform: uppercase; display: block}
header .menu svg {width: 11px; height: 11px; margin-top: 24px; vertical-align: top}
header .menu .page-menu-item .level-2 {display: none}
header .menu .catalog-menu-item .level-2 .max {background: url(../images/menu.jpg) 100% 0% no-repeat; background-size: contain; max-width: 1100px}
header .menu .catalog-menu-item .level-2 {position: absolute; transform: scaleY(0); left: 0; background: #fff; transition: transform 250ms; overflow: hidden; transform-origin: top left}
header .menu .catalog-menu-item .level-2.mega {padding-top: 47px; font-weight: 300; padding-bottom: 66px; width: 100%; top: 62px; font-size: 20px}
header .menu .catalog-menu-item .level-2.simple {padding: 20px 40px 15px 40px; top: 42px; left: -40px; letter-spacing: 0.1em; text-transform: uppercase}
header .menu .catalog-menu-item:hover .level-2 {transform: scaleY(1)}
header .menu .catalog-menu-item .level-2 .grid {display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 85px; grid-row-gap: 30px; width: calc(100% - 315px)}
header .menu .catalog-menu-item .level-2 li .collections-slider {position: absolute; top: 0; right: 0; width: 315px; height: 100%; display: none; pointer-events: none; background: #fff; text-align: right}
header .menu .catalog-menu-item .level-2 li:hover .collections-slider {display: block}
header .menu > li + li {margin-left: 46px}
header .menu li:hover > a, header .menu li.active > a, header .menu li:hover svg, header .menu li.active svg {color: #D6AE7B}
header .icon {position: relative; color: #000}
header .icon + .icon {margin-left: 26px}
header .icon .countsht {background: #D6AE7B; width: 20px; height: 20px; color: #fff; font-weight: 700; font-size: 12px; letter-spacing: 0.04em; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; right: -10px; bottom: -10px}
header .icon:hover {color: #D6AE7B}
header .icon:hover .countsht {background: #000}
header .menu-button {width: 25px; height: 25px; position: relative}
header .menu-button span {display: block; height: 2px; width: 100%; background: #151515; position: absolute; left: 0px; transition: bottom 300ms ease 300ms, top 300ms ease 300ms, transform 300ms ease 0ms}
header .menu-button span:nth-of-type(1) {top: 6px}
header .menu-button span:nth-of-type(2) {top: 50%; margin-top: -1px}
header .menu-button span:nth-of-type(3) {bottom: 6px}

header .menu-button.active span {transition: bottom 300ms ease 0ms, top 300ms ease 0ms, transform 300ms ease 300ms; background: #D6AE7B}
header .menu-button.active span:nth-of-type(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
header .menu-button.active span:nth-of-type(2) {opacity: 0}
header .menu-button.active span:nth-of-type(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
header .currency-select {width: 110px}

.mg-geolation-view {position: relative}
.mg-geolation-view .select-city {height: 62px; display: flex; align-items: center; line-height: 62px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer}
.mg-geolation-view .select-city:hover {color: #D6AE7B}
.mg-geolation-view .select-city svg {width: 12px; margin-right: 8px; flex-shrink: 0}
.mg-geolocation-popup, .confirm-city-multisite {display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); text-align: center; font-size: 16px; background: #fff; padding: 20px}
.confirm-city-multisite a {white-space: nowrap; padding: 7px 10px; background: #151515; color: #fff; display: block}
.confirm-city-multisite a:hover {background: #D6AE7B}
.mg-geolocation-popup li + li, .confirm-city-multisite a + a {margin-top: 20px}
/* HEADER */


/* HOME */
.home-slider {margin-bottom: 120px; text-align: center; color: #fff}
.home-slider .swiper-slide {overflow: hidden}
.home-slider .inner {height: calc(100vh - 62px); display: flex; align-items: center; flex-direction: column; justify-content: center}
.home-slider .title {font-size: 74px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 300; margin-bottom: 11px; position: relative}
.home-slider .sub-title {font-weight: 300; font-size: 38px; margin-bottom: 62px; position: relative}
.home-slider video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1}
.home-slider .swiper-button-prev-wrapper, .home-slider .swiper-button-next-wrapper {position: absolute; top: 0; height: 100%; width: 20vw; display: flex; justify-content: center; align-items: center; z-index: 20}
.home-slider .swiper-button-prev-wrapper {left: 0}
.home-slider .swiper-button-next-wrapper {right: 0}
.home-slider .swiper-button-prev-wrapper .swiper-button-prev, .home-slider .swiper-button-next-wrapper .swiper-button-next {position: static; margin: 0; opacity: 0}
.home-slider .swiper-button-prev-wrapper:hover .swiper-button-prev, .home-slider .swiper-button-next-wrapper:hover .swiper-button-next {opacity: 1}
.part-line {margin-bottom: 120px}
.part-line .left-part {width: 30%; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-align: right; padding: 45px 50px}
.part-line .left-part .title {font-size: 32px; letter-spacing: 0.1em; text-transform: uppercase}
.part-line .left-part .link {letter-spacing: 0.04em; font-size: 14px; border-bottom: 1px solid #fff}
.part-line .right-part {width: 70%}
.part-line .right-part h2 {text-align: left; padding-left: 90px; margin-bottom: 100px}

.big-banners {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr); max-width: unset; margin-bottom: 40px}
.big-banners .item {height: 0; padding-bottom: 100%; color: #fff; text-align: center; position: relative}
.big-banners .inner {position: absolute; transition: 250ms; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center}
.big-banners .title {font-weight: 300; font-size: 48px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px}
.big-banners .sub-title {font-weight: 300; font-size: 28px; margin-bottom: 50px}
.big-banners .button {max-width: 180px}
.big-banners .item:hover .inner {background: rgba(0,0,0,0.5)}

.small-banners {display: grid;  grid-gap: 20px; grid-template-columns: repeat(3,1fr); margin-bottom: 140px; text-align: center}
.small-banners .item {position: relative}
.small-banners .item .img {height: 0; padding-bottom: 100%; transition: 250ms; position: relative}
.small-banners .item .img:before {position: absolute; transition: 250ms; top: 0; left: 0; width: 100%; height: 100%; content: ''; pointer-events: none}
.small-banners .title {font-weight: 300; font-size: 20px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 36px}
.small-banners .link {margin-top: 20px; letter-spacing: 0.04em; border-bottom: 1px solid #151515; display: inline-block}
.small-banners .item:hover .link {color: #D6AE7B; border-color: #D6AE7B}
.small-banners .item:hover .img {box-shadow: 0 0 0 5px #D6AE7B}
.small-banners .item:hover .img:before {background: rgba(0,0,0,0.5)}

.best h2 {margin-bottom: 74px}

.catalog-slider .swiper-slide, .part-slider .swiper-slide {width: 315px; padding-bottom: 25px}
.swiper-pagination {bottom: 67px}
.swiper-pagination-bullet {width: 8px; height: 8px; position: relative; background: #fff; margin: 0 14px; vertical-align: middle; transition: 250ms}
.swiper-pagination-bullet:before {content: ''; border: 1px solid #fff; left: -9px; top: -9px; bottom: -9px; box-sizing: border-box; right: -9px; position: absolute; border-radius: 50%; opacity: 0; transition: 250ms}
.swiper-pagination-bullet-active:before {opacity: 1}
.swiper-pagination-bullet-active {margin: 0 23px}
.swiper-button-prev, .swiper-button-next {width: 64px; height: 64px; background: #151515; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12); margin-top: -105px; z-index: 20}
.swiper-button-prev svg, .swiper-button-next svg {width: 22px; height: 24px}
.swiper-button-next svg {transform: rotateZ(180deg)}
.swiper-button-prev:hover, .swiper-button-next:hover {background: #D6AE7B}
.catalog-slider:before, .part-slider:before {position: absolute; height: 100%; width: calc(100%/3); content: ''; top: 0; left: 0; background: linear-gradient(to right, #fff, #ffffff00); z-index: 10; pointer-events: none}
.catalog-slider:after, .part-slider:after {position: absolute; height: 100%; width: calc(100%/3); content: ''; top: 0; right: 0; background: linear-gradient(to right, #ffffff00, #fff); z-index: 10; pointer-events: none}
.catalog-slider .swiper-button-prev {left: calc((100% - 1340px)/2)}
.catalog-slider .swiper-button-next {right: calc((100% - 1340px)/2)}
/* HOME */


/* PRODUCT-WRAPPER */
.body__catalog .big-banners {margin-bottom: 20px}
.product-wrapper {background: #fff; text-align: center}
.product-wrapper .stickers {position: absolute; top: 20px; left: 10px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start}
.product-wrapper .stickers div {height: 19px; line-height: 17px; padding: 0 5px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; margin-bottom: 10px; border: 1px solid #D6AE7B; color: #D6AE7B}
.product-wrapper .top-part {position: relative}
.product-wrapper .title {font-size: 18px; letter-spacing: 0.1em; margin-bottom: 2px}
.product-wrapper .code {color: #828282; font-weight: 300; font-size: 15px; margin-top: 5px; display: block}
.product-wrapper .like, .product-wrapper .unlike {position: absolute; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; top: 10px; right: 10px; z-index: 4; opacity: 0; border-radius: 50%; padding: 9px}
.product-wrapper .unlike {background: #D6AE7B; color: #fff}
.product-wrapper .like {background: #fff}
.product-wrapper:hover .like, .product-wrapper .unlike {opacity: 1}
.product-wrapper .product-price {font-size: 18px; letter-spacing: 0.1em; margin-top: 20px}
.product-wrapper .old-price {color: #ff6666; display: block; margin-top: 4px; letter-spacing: 0.2em}
.product-wrapper .img {height: 0; padding-bottom: 111%; position: relative; display: block}
.product-wrapper img {transition: 250ms; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1}
.product-wrapper .img-2 {opacity: 0; z-index: 3}
.product-wrapper .addToCart {position: absolute; opacity: 0}
.product-wrapper .bottom-part {padding: 36px 20px 32px 20px}
.product-wrapper:hover .bottom-part {box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.08)}
.product-wrapper:hover .img-1 {opacity: 0}
.product-wrapper:hover .img-2 {opacity: 1}
/* PRODUCT-WRAPPER */


/* MODAL */
.overlay {position: fixed; display: none; z-index: 8000; top: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0px}
.modal {position: fixed; transition: 250ms; z-index: 9000; top: 0px; background: #fff; width: 600px; right: -600px; height: 100%}
.modal.show, .filter-form.show {right: 0px}
.modal .inner {padding: 40px 80px; height: 100%}
.modal .close, .filter-form .close {top: 72px; width: 30px; height: 30px; right: 80px; color: #D6AE7B; cursor: pointer; position: absolute; z-index: 1}
.modal .close svg, .filter-form .close svg {transform: rotateZ(45deg)}
.modal h3 {margin-bottom: 40px}
.modal-cart .total {height: 20px; line-height: 20px; margin: 20px 0px}
.modal-cart .overflow-y {overflow-y: auto}
.modal-auth {display: flex; justify-content: center; flex-direction: column}


.modal-sert .variants {margin: 30px 0}
.modal-sert .variants a {color: #fff; height: 40px; line-height: 40px; background: #D6AE7B; text-align: center; padding: 0 20px; margin-right: 10px}
.modal-sert .variants a:hover {background: #151515}

.modal .mg-product-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: contain}
.modal .links {margin-top: 40px; color: #D6AE7B; text-decoration: underline; font-size: 13px}
.modal .links a + a {margin-left: 20px}

.modal-buy-click .mg-product-img {width: 100px; height: 100px; position: relative}
.modal-buy-click .mg-product-info {width: calc(100% - 120px)}
.modal-buy-click .mg-product-info .name {font-weight: 300; font-size: 26px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; line-height: 1.3}
.modal-buy-click .mg-order-buy-click {margin-top: 30px}
.modal-buy-click .bc-price {font-weight: 600; font-size: 16px; text-transform: uppercase; color: #000}
.modal-buy-click .js-hide-if-single {color: #BDBDBD; font-size: 12px; font-weight: 700}
.modal-buy-click .mg-action-buttons {position: relative}
.modal-buy-click .alert {position: absolute; right: 0; top: 40px; width: calc(100% - 145px); text-align: right}
.modal .button {margin: 30px 0 0 0}
/* MODAL */


/* STATIC */
.static .left-part {width: 300px; text-align: right}
.static .left-part .page-menu {position: sticky; position: -webkit-sticky; top: 100px; background: #f7f7f7; font-size: 15px; margin-top: 85px}
.static .left-part .page-menu svg {width: 15px; height: 15px; position: absolute; left: 20px; top: 20px; transition: 250ms}
.static .left-part .page-menu li {display: block}
.static .left-part .page-menu li a {display: block; position: relative}
.static .left-part .page-menu li a:hover {color: #D6AE7B}
.static .left-part .page-menu > li > a {padding: 20px}
.static .left-part .page-menu > li.active > a {background: #D6AE7B; color: #fff}
.static .left-part .page-menu > li.active svg {transform: rotateZ(45deg)}

.static .left-part .page-menu li .level-2 {display: none; transform-origin: top left; padding: 10px 0; transition: 250ms; transform: scaleY(0); background: #f5f5f5; font-size: 13px}
.static .left-part .page-menu li .level-2 a {padding: 10px 20px}
.static .left-part .page-menu li.active .level-2 {display: block; transform: scaleY(1)}
.static .left-part .page-menu .level-2 li.active a {color: #D6AE7B}
.static .right-part {width: calc(100% - 380px)}


table {width: 100% !important; border: none; border-collapse: collapse}
.static table.style {display: block}

.static table.style {display: block; width: 100%}
.static table.style tbody {display: block; width: 100%}
.static table.style tr {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center; margin-top: 60px}
.static table.style td h2 {margin-top: 0; font-size: 22px; text-align: left}
.static table.style td img, .static table.style td video {width: 100% !important; height: 100% !important; object-fit: cover}
.static table.style td {border: none; width: calc(50% - 30px); display: block}
.static table.style td.with-img {width: 50%}

.static table:not(.style) {margin: 40px 0}
.static table:not(.style) td {padding: 20px 40px}


.content h2 {margin-top: 40px; margin-bottom: 20px}
.content {line-height: 1.8; color: #4F4F4F}
.content b, .content strong {color: #000}
.content p + blockquote, .content blockquote + p, .content p + p, .content p + ul, .content p + ol, .content ol + p, .content ul + p, .content ul + ul {margin-top: 10px}
.content ol {counter-reset: list1; list-style-type: none}
.content li {position: relative; padding-left: 16px}
.content ul li:before {position: absolute; content: ''; width: 4px; height: 4px; background: #D6AE7B; left: 0; top: 11px}
.content ol li:before {counter-increment: list1; content: counter(list1) ". "; position: absolute; left: 0px; text-align: right; color: #D6AE7B}

.content blockquote {padding-left: 56px; border-left: 4px solid #D6AE7B; font-style: italic}
.content a {color: #D6AE7B; border-bottom: 1px solid #D6AE7B}
.content a:hover {border-color: #151515; color: #151515}
/* STATIC */

/* PRODUCT */
.product-details-block h1 {margin-bottom: 0px; line-height: 1.2}
.product-details-block .code {color: #828282; font-weight: 300; font-size: 18px; margin-bottom: 48px}
.product-details-block .images-part, .product-details-block .desc-part {position: relative; width: 45%; align-self: flex-start}
.product-details-block .brand {width: 80px; height: 50px}
.product-details-block .brand:hover {color: #D6AE7B}
.product-details-block .buy-part, .product-details-block .spec-part {padding-left: 85px; width: 55%; line-height: 1.8}
.product-details-block .sticky {position: sticky; position: -webkit-sticky; top: 122px}
.product-details-block .buttons-block {margin: 48px 0; grid-gap: 20px; display: grid; grid-template-columns: repeat(3, max-content); align-items: center}
.product-details-block .addToCart {padding: 0 40px; width: auto; background: #D6AE7B; color: #fff; margin: 0}
.product-details-block .addToCart:hover {background: #000}
.product-details-block .link {color: #151515; border-bottom: 1px solid #151515; line-height: 1}
.product-details-block .link:hover {border-color: #D6AE7B; color: #D6AE7B}

.product-details-block .available {font-size: 14px; font-weight: 600; line-height: 1; display: block; padding-left: 16px; position: relative; margin-bottom: 45px}
.product-details-block .available:before {content: ''; top: 5px; height: 6px; width: 6px; background: #D6AE7B; position: absolute; left: 0}
.product-details-block .like, .product-details-block .unlike {width: 36px; border: 1px solid transparent; border-radius: 50%; height: 36px; cursor: pointer; line-height: 34px; text-align: center}
.product-details-block .unlike {background: #D6AE7B; color: #fff}
.product-details-block .like:hover {color: #D6AE7B}
.product-details-block .like svg, .product-details-block .unlike svg {width: 18px; height: 15px; vertical-align: middle}
.product-details-block .old-price {opacity: 0.3; text-decoration: line-through}
.product-details-block .cart_form {display: none}

.product-details-block .product-slider {width: calc(100% - 110px); margin: 0}
.product-details-block .product-slider .swiper-slide {background: #fff; height: auto}
.product-details-block .product-slider .swiper-slide img {width: 100%; height: auto; object-fit: contain}
.product-details-block .product-slider .swiper-button-prev {top: 0px; z-index: 10; width: 30%; height: 100%; left: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='0,7.5 7.5,15 8.4,14.2 2.3,8.1 23.7,8.1 23.7,6.9 2.3,6.9 8.4,0.8 7.5,0'/></svg>"), auto}
.product-details-block .product-slider .swiper-button-next {top: 0px; z-index: 10; width: 20%; height: 100%; right: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='16.2,0 15.3,0.8 21.4,6.9 0,6.9 0,8.1 21.4,8.1 15.3,14.2 16.2,15 23.7,7.5'/></svg>"), auto}

.product-details-block .product-thumbs-slider {width: 90px; position: relative}
.product-details-block .product-thumbs-slider img {width: 100%; height: 100%; object-fit: cover}
.product-details-block .product-thumbs-slider .swiper-slide {height: 90px !important; border: 1px solid transparent; background: #fff}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active, .product-details-block .product-thumbs-slider .swiper-slide:hover {border-color: #D6AE7B}
.product-details-block .thumb-slider-button-prev, .product-details-block .thumb-slider-button-next {display: block; width: 26px; height: 26px; position: absolute; justify-content: center; cursor: pointer; transition: 250ms; left: 50%; transform: translateX(-50%)}
.product-details-block .product-thumbs-slider .new-swiper-button-prev.swiper-button-disabled, .product-details-block .product-thumbs-slider .new-swiper-button-next.swiper-button-disabled {opacity: 0}
.product-details-block .product-thumbs-slider .thumb-slider-button-prev {top: 0}
.product-details-block .product-thumbs-slider .thumb-slider-button-next {bottom: 0}
.product-details-block .product-thumbs-slider .thumb-slider-button-next svg {transform: rotateZ(180deg)}
.product-details-block .product-thumbs-slider .thumb-slider-button-prev:hover, .product-details-block .product-thumbs-slider .thumb-slider-button-next:hover {color: #D6AE7B}
.product-details-block .price {font-size: 28px; color: #000; font-weight: 600}

.product-details-block .stickers {position: absolute; right: 20px; top: 20px; text-align: center; pointer-events: none; color: #D6AE7B; z-index: 20; display: flex; flex-direction: column; align-items: flex-end}
.product-details-block .stickers div {margin-bottom: 10px; height: 24px; padding: 0 10px; border: 1px solid #D6AE7B; line-height: 22px; text-transform: uppercase; font-weight: 500; font-size: 12px; letter-spacing: 0.1em}
.product-details-block .features {display: grid; margin-bottom: 48px; grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr); grid-row-gap: 15px; grid-column-gap: 30px; justify-content: flex-start; line-height: 1.3}
.product-details-block .feature_item svg {width: 30px; height: 30px; margin-right: 10px}
.product-details-block .feature_item span {width: calc(100% - 40px); padding-top: 7px}

.market-place {width: 100%}
.market-place a + a {margin-left: 20px}
.market-place a {border-bottom: 1px solid transparent; line-height: 1}
.market-place a.wb {color: #cb11ab}
.market-place a.oz {color: #005bff}
.market-place a.la {color: #f93c00}
.market-place a.wb:hover {border-bottom-color: #cb11ab}
.market-place a.oz:hover {border-bottom-color: #005bff}
.market-place a.la:hover {border-bottom-color: #f93c00}

.related {background: #f7f7f7; padding: 72px 0 129px 0; margin-top: 108px}
.mg-recently-viewed-plugin {margin-top: 72px}
.variants-table tbody {display: flex}
.variants-table tr + tr {margin-left: 10px}
.variants-table input[type=radio] {width: 30px !important; height: 30px; vertical-align: top; margin-right: 0 !important}
.variants-table label {position: relative; display: block}
.variants-table .variantTitle {position: absolute; line-height: 30px; height: 30px; width: 30px; text-align: center; z-index: 1; left: 0; top: 0}
.product-details-block .short-desc {align-items: center; font-size: 13px}
.product-details-block .short-desc + .short-desc {margin-top: 18px}
.product-details-block .short-desc a {color: #D6AE7B; text-decoration: underline}
.product-details-block .short-desc p {margin: 22px 0; max-width: 350px}
.product-details-block .short-desc p span:nth-of-type(1) {color: #828282}
.body__product .part-line {margin-top: 180px; margin-bottom: 170px}
.product-details-block .variants .variant-item {width: 60px}
/* PRODUCT */


/* CATALOG */
.products-wrapper.by-3 {display: grid; grid-template-columns: repeat(3,1fr); grid-row-gap: 43px; grid-column-gap: 20px}
.products-wrapper.by-4 {display: grid; grid-template-columns: repeat(4,1fr); grid-row-gap: 43px; grid-column-gap: 20px}
.catalog .top-description {margin-bottom: 40px}
.catalog .top-img {margin-bottom: 57px}
.catalog .left-part {width: 223px}
.catalog .right-part {width: calc(100% - 335px)}
/* CATALOG */


/* PAGER */
.pager {justify-content: center; text-align: center; margin-top: 40px}
.products-wrapper.by-3 .pager {grid-column: span 3}
.products-wrapper.by-4 .pager {grid-column: span 4}
#chd-show-more-button {background: #fff; border: 1px solid #D6AE7B; color: #D6AE7B; cursor: pointer; border-radius: 4px; height: 40px; line-height: 38px; padding: 0px 20px; margin-right: 20px; border-radius: 5px}
#chd-show-more-button:hover {background: #D6AE7B; color: #fff}
.pager ul {font-size: 0}
.pager li {height: 40px; font-size: 14px; display: inline-block; line-height: 40px; width: 40px; text-align: center}
.pager li a {display: block}
.pager li:hover a {background: #eee}
.pager li.current a {background: #D6AE7B; color: #fff}
/* PAGER */


/* SEARCH */
.mobile-search {margin-bottom: 20px}
.mobile-search input[type=search] {border-bottom: 1px solid rgba(0,0,0,0.08); font-size: 13px; box-shadow: none !important; background: transparent; height: 40px; line-height: 39px}
.wraper-fast-result {position: absolute; top: 100%; z-index: 10; background: #fff; border-top: 1px solid #EF4156; left: 0; width: 100%; transform: translateY(15px); border-radius: 10px; padding: 20px; display: none; box-shadow: 0 5px 15px rgba(0,0,0,.15)}
.wraper-fast-result:before {content: ''; position: absolute; left: 50%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #EF4156; top: -8px; margin-left: -10px}
.wraper-fast-result a + a {margin-top: 10px}
.wraper-fast-result a {display: flex; align-items: center; justify-content: space-between; color: #A1A1A1}
.wraper-fast-result a:hover {color: #EF4156}
.wraper-fast-result a .fast-result-img {width: 50px; height: 50px; position: relative}
.wraper-fast-result a .fast-result-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain}
.wraper-fast-result a .fast-result-info {width: calc(100% - 70px); font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.wraper-fast-result a .fast-result-info span {font-weight: 500; display: block; color: #2D2D2D}
/* SEARCH */


/* AMOUNT */
.cart_form {width: 120px}
.cart_form input[type=text] {width: 40px; padding: 0; height: 40px; line-height: 38px; text-align: center; opacity: 1; background: transparent; border: none; border-bottom: 1px solid #BFBFBF; border-top: 1px solid #BFBFBF}
.cart_form button {border: 1px solid #BFBFBF; color: #BFBFBF; justify-content: center; background: none; width: 40px; height: 40px; transition: 250ms; cursor: pointer}
.cart_form button.down {border-right: 0}
.cart_form button.up {border-left: 0}
.cart_form button svg {width: 12px; height: 12px}
.cart_form button:hover {background: #D6AE7B; color: #fff; border-color: #D6AE7B}
/* AMOUNT */


/* PROPERTIES */
.prop-string {transition: 250ms; margin-bottom: 20px; margin-top: -10px}
.prop-string .prop-item:nth-of-type(1), .prop-string .prop-item:nth-of-type(2), .prop-string .prop-item:nth-of-type(3), .prop-string .prop-item:nth-of-type(4), .prop-string .prop-item:nth-of-type(5) {transform: scaleY(1); height: auto}
.prop-string .prop-item {letter-spacing: 0.04em; transform: scaleY(0); transition: 250ms; overflow: hidden; height: 0; transform-origin: 0 0}
.prop-string.show .prop-item {transform: scaleY(1); height: auto}
.prop-string .prop-name {color: #7A7A7A; width: 50%; border-bottom: 1px dashed #E2E2E2; padding-bottom: 5px; padding-top: 10px}
.prop-string .prop-spec {width: 50%; padding-bottom: 5px; padding-top: 10px}
/* PROPERTIES */


/* BREAD-CRUMBS */
.bread-crumbs {margin-bottom: 70px; line-height: 1; font-weight: 500; font-size: 22px; color: #B3B3B3; font-family: 'Spectral', serif}
.bread-crumbs a:hover {color: #D6AE7B}
/* BREAD-CRUMBS */


/* COMMENTS */
.comments h3 {display: none}
.comments label {display: none}
.comments .sendComment {margin: 20px 0 40px 0}
.comments-msg .alert {margin-bottom: 10px}
.comment-post {background: #f7f7f7; padding: 40px; font-size: 14px}
.comment-post + .comment-post {margin-top: 20px}
.comment-post .post-author {font-size: 18px}
.comment-post .post-date {font-size: 12px; color: #D6AE7B}
.comment-post p {margin-top: 20px}
/* COMMENTS */


/* ALERT */
.alert {color: #ff6666; display: block}
/* ALERT */


/* FORM-LIST */
.form-list li {position: relative}
.form-list li .placeholder {position: absolute; top: 10px; left: 15px; font-size: 10px; opacity: 0.3; transition: 250ms; line-height: 1}
.form-list + .button {margin-top: 40px}
.form-list li + li {margin-top: 20px}
.form-list li:hover .placeholder, .form-list li input:focus + .placeholder {opacity: 1; color: #D6AE7B}
.SumoSelect p, .SumoSelect div {display: none !important}
.optWrapper {font-size: 15px}
.SumoSelect>.CaptionCont>label {display: none !important}

.form-list.grid {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr)}
.form-list.grid li + li {margin-top: 0px}
.form-list.grid li.width-100 {grid-column: span 2}
/* FORM-LIST */


/* FILTER */
.filter-form {font-size: 13px}
.mg-filter label {display: block; cursor: pointer}
.mg-filter-head select {display: none}
.mg-filter-title {font-family: 'Spectral', serif; font-weight: 500; font-size: 24px; display: block; position: relative; margin-bottom: 10px; cursor: pointer; color: #828282}
.mg-filter-title:hover {border-color: #fa7f00}

.mg-filter-item {margin-bottom: 40px}
.mg-filter-item li + li {margin-top: 5px}
.filter-btn {display: none}
.mg-viewfilter {color: #D6AE7B; margin-top: 10px; display: block; font-size: 12px; text-decoration: underline}
.show-filter {margin-bottom: 20px; color: #fff; padding: 0 10px; line-height: 38px; border-bottom: 1px solid rgba(0,0,0,0.08); border-top: 1px solid rgba(0,0,0,0.08); color: #D6AE7B; height: 40px; cursor: pointer; background: #fff 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 fill='%23D6AE7B' 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 10px center}
.filter-form .remove {display: none}

.price-slider-list li input[type=text] {padding-left: 25px; background: transparent; height: 40px; line-height: 39px; border-bottom: 1px solid rgba(0,0,0,0.08)}
.price-slider-list li input[type=text]:focus {box-shadow: none; border: none; border-bottom: 1px solid #D6AE7B}
.price-slider-list li {position: relative}
.price-slider-list li span {position: absolute; left: 0px; top: 19px; font-size: 12px; color: #D6AE7B}
.price-slider-list li + li {margin-top: 0px}
.ui-slider-horizontal {display: none}
/* FILTER */


/* PROMO */
.promo-form {border: 1px solid rgba(0,0,0,0.08); display: flex; justify-content: space-between; align-items: center; margin-top: 30px; background: #f5f5f5; padding: 0 10px; position: relative}
.promo-form span {color: #828282}
.promo-form input[type=text]::placeholder {text-transform: uppercase}
.promo-form input[type=text] {border: none; height: 44px; line-height: 44px; padding: 0px 15px}
.promo-form button {height: 30px; cursor: pointer; border: none; line-height: 30px; padding: 0 10px; background: #D6AE7B; color: #fff; white-space: nowrap}
.promo-form input[type=text]:focus + button, .promo-form button:hover {opacity: 1}
#msg-about-code {color: #ff6666; margin-top: 5px}

.cart-wrapper .promo-form {margin: 25px 0px}
/* PROMO */


/* CART */
.cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 120px 18px; align-items: center}
.small-cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 24px; align-items: center}
.cart-table .img-cell, .small-cart-table .img-cell {width: 60px; height: 0; padding-bottom: 100%; position: relative}
.cart-table .img-cell img, .small-cart-table .img-cell img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain}
.cart-table tr + tr, .small-cart-table tr + tr {margin-top: 40px}
.cart-table .name-cell a, .small-cart-table .name-cell a {color: #2F2D30; display: block; font-weight: 400}
.cart-table .price-cell, .small-cart-table .price-cell {margin-top: 5px; font-weight: 600}
.cart-table .prop-position, .small-cart-table .prop-position {font-size: 14px; line-height: 1.3}

.cart-table .remove-cell a, .small-cart-table .remove-cell a {border: none; justify-content: center; width: 18px; height: 18px; transition: 250ms; cursor: pointer}
.cart-table .remove-cell a svg, .small-cart-table .remove-cell a svg {transform: rotateZ(45deg); color: #BFBFBF}
.cart-table .remove-cell a:hover svg, .small-cart-table .remove-cell a:hover svg {color: #D6AE7B}
.small-cart-table .name-cell .qty {margin-right: 10px}
.cart-table .img-cell .js-smallCartAmount, .small-cart-table .img-cell .js-smallCartAmount {position: absolute; width: 20px; height: 20px; background: #D6AE7B; line-height: 20px; text-align: center; color: #fff; font-weight: 500; font-size: 12px; border-radius: 50%; right: -10px; top: 0px}
/* CART */


/* ORDER */
.body__order .left-part {width: 50%}
.body__order .right-part {width: calc(50% - 82px); margin-top: 80px; position: sticky; top: 140px; position: -webkit-sticky}
.body__order .right-part .product-cart {border: 1px solid #BFBFBF; padding: 40px}
.body__order .left-part .summ-info {font-size: 28px; color: #000; font-weight: 600; margin-bottom: 20px}
.payment-form-block {margin-bottom: 40px}
.cart-table + .pay-bonus {margin-top: 20px}
.body__order .right-part .total-price-block {display: none}
.delivery-details-list li + li, .payment-details-list li + li {margin-top: 20px}
.delivery-details-list label {display: flex; align-items: flex-start}
.agreement {font-size: 12px; margin-top: 20px}
.agreement a {text-decoration: underline}
.deliveryName {color: #000; font-weight: 500; display: block; margin-bottom: 3px}
.deliveryInfo {color: #828282; font-weight: 300}
.deliveryPrice {background: #D6AE7B; color: #fff; padding: 4px 0px 4px 5px; font-size: 13px; margin-left: 10px}
.deliveryCurrency {background: #D6AE7B; color: #fff; padding: 4px 5px 4px 0; font-size: 13px}
.courier-error {display: none !important}
.after-order-summ {color: #D6AE7B}
.cashback {border: 2px solid #D6AE7B; padding: 25px; width: 50%}
.checkout-btn {margin-left: 0}
/* ORDER */


.cats {display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; text-align: center}
.cats .item {min-width: 0}
.cats .title {font-size: 18px; letter-spacing: 0.1em; margin-bottom: 2px}
.cats .desc {color: #828282; font-weight: 300; font-size: 15px; display: block}


/* TABS */
.tab:not(.active) {display: none}
.tab-links {border-bottom: 1px solid #E2E2E2; font-weight: 300; font-size: 20px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 54px; padding-bottom: 6px}
.tab-links .tab-link {cursor: pointer; position: relative; display: inline-block}
.tab-links .tab-link + .tab-link {margin-left: 62px}
.tab-links .tab-link.active, .tab-links .tab-link:hover {color: #D6AE7B}
.tab-links .tab-link:before {content: ''; left: 0px; bottom: -1px; background: transparent; height: 2px; width: 100%; position: absolute}
/* TABS */


/* FOOTER */
footer {background: #151515; padding-top: 73px; padding-bottom: 63px; color: #fff; margin-top: 65px}
footer .logo {width: 108px; height: 23px; margin: 0 auto 56px auto; display: block}
footer .logo:hover {color: #D6AE7B}
footer .menu {display: flex; justify-content: center; text-align: center}
footer .menu ul {width: 220px}
footer .menu li {letter-spacing: 0.04em; margin-top: 12px}
footer .menu li:first-of-type {font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: #828282; margin-bottom: 24px}
footer .menu a:hover {color: #D6AE7B}

footer .social {justify-content: center; display: flex; margin-top: 66px}
footer .social a {width: 51px; height: 51px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: center; align-items: center}
footer .social a + a {margin-left: 10px}
footer .social a:hover {background: #D6AE7B; border-color: #D6AE7B}
footer .copyright {letter-spacing: 0.04em; color: #D9D9D9; font-size: 14px; margin-top: 46px; text-align: center}
footer .copyright a {display: block; font-style: 12px; margin-top: 10px; opacity: 0.5}
footer .copyright a:hover {opacity: 1}
footer .belka {margin: 30px auto 0 auto; display: block; width: 30px; height: 30px}
/* FOOTER */



@media screen and (max-width: 1440px) {
body {font-size: 14px}
.home-slider .title {font-size: 64px}
h1, h2, .h2-like, .big-banners .title {font-size: 36px}
.home-slider .sub-title {font-size: 32px}
.bread-crumbs, .mg-filter-title {font-size: 18px}
.catalog-slider .swiper-slide, .part-slider .swiper-slide {width: 280px}
header .menu > li + li {margin-left: 36px}
.part-line .left-part {padding: 30px}
.part-line .left-part .title {font-size: 26px}
.product-wrapper .stickers div {font-size: 10px; height: 18px; line-height: 18px}
.product-details-block .product-thumbs-slider {width: 70px}
.product-details-block .product-thumbs-slider .swiper-slide {height: 70px !important; border: 1px solid transparent; background: #fff}
.product-details-block .product-slider {width: calc(100% - 90px)}
}


@media screen and (max-width: 1139px) {
header .menu > li + li {margin-left: 20px}
.catalog .left-part {width: 200px}
.catalog .right-part {width: calc(100% - 240px)}
}

@media screen and (max-width: 1023px) {
.tablet-show {display: block}
.tablet-hide {display: none !important}
h1, h2, .h2-like, .big-banners .title {font-size: 32px}
header > .max {height: 62px}
header nav, .catalog .filter-form {position: fixed; left: -100%; width: 100%; background: #fff; z-index: 1000; transition: 250ms; top: 62px; height: calc(100% - 62px)}
header nav.show, .catalog .filter-form.show {left: 0}
header nav .menu {display: block; text-align: center; padding: 0 20px}
header .menu li {position: relative}
header .menu > li + li {margin-left: 0; border-top: 1px solid #E2E2E2}
header .menu .has-sub svg {position: absolute; width: 17px; right: 20px; top: 24px; height: 17px; margin-top: 0}
header .menu .level-2 {display: none}
header .menu .catalog-menu-item .level-2 .grid {grid-template-columns: 100%; width: 100%}
header .menu .catalog-menu-item .level-2 {display: none; position: static; transform: unset; padding: 0}
.products-wrapper.by-3, .cats, .products-wrapper.by-4 {grid-template-columns: repeat(3,1fr); grid-row-gap: 40px; grid-column-gap: 20px}
.products-wrapper.by-3 .pager, .products-wrapper.by-4 {grid-column: span 3}
.home-slider .title {font-size: 42px}
.home-slider .sub-title, .big-banners .sub-title {font-size: 20px}
.catalog .right-part {width: 100%}
.icons-block {margin-left: auto; margin-right: 30px}
.body__order .right-part {order: 1; width: 100%; position: static; margin-top: 0}
.body__order .left-part {order: 2; width: 100%}
.static tr {align-items: unset}
.button {height: 52px; line-height: 52px; max-width: 250px; font-size: 13px}
.product-details-block .product-thumbs-slider {width: 60px}
.product-details-block .product-thumbs-slider .swiper-slide {height: 60px !important}
.product-details-block .product-slider {width: calc(100% - 80px)}
.product-details-block .buy-part, .product-details-block .spec-part {padding-left: 20px}
.product-details-block .desc-part {width: 100%}
.product-details-block .spec-part {width: 100%; padding-left: 0}
.product-details-block .features {font-size: 12px; grid-column-gap: 20px}
}

@media screen and (max-width: 767px) {
::-webkit-scrollbar {display: none}
.mobile-show {display: block}
.mobile-hide {display: none !important}
.home-slider .title {font-size: 32px}
h1, h2, .h2-like, .big-banners .title {font-size: 22px}
h3 {font-size: 18px}
.big-banners .title {margin-bottom: 0}
footer .menu ul {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1)}
footer .menu li:first-of-type {margin-top: 0}
footer .menu {flex-wrap: wrap}
footer .copyright {font-size: 13px}
header .menu-button {order: 1}
header .icons-block {margin: 0; order: 3}
header .logo {order: 2}
header .icon + .icon {margin-left: 3px}
footer .social {margin-top: 40px}
footer .social a {width: 45px; height: 45px}
.products-wrapper.by-3, .cats, .products-wrapper.by-4 {grid-template-columns: repeat(2,1fr)}
.product-wrapper .bottom-part {padding: 10px 0 0 0}
.product-wrapper .title {font-size: 13px}
.product-wrapper .code {font-size: 13px}
.product-wrapper .product-price {font-size: 16px; margin-top: 10px}
.product-wrapper:hover .bottom-part, .small-banners .item:hover .img {box-shadow: unset}
.small-banners .item .img:before {background: rgba(0,0,0,0.2) !important}
.static table.style td {order: 2; width: 100%}
.static table.style td.with-img {width: calc(100% + 40px); order: 1; margin: 0 -20px 20px -20px}
.static table.style tr {margin-top: 40px}
.content h2 {margin-bottom: 10px}
.static table.style td h2 {font-size: 18px}
.products-wrapper.by-3 .pager, .products-wrapper.by-4 .pager {grid-column: span 2}
.bread-crumbs {margin-bottom: 20px}
.product-details-block .stickers {right: 0}
.product-details-block .stickers div {font-size: 10px; height: 22px; line-height: 20px}
.bread-crumbs, .mg-filter-title {font-size: 14px}
.body__order .right-part .product-cart {padding: 0; border: none}
.cart_form {width: 75px}
.cart_form button {width: 25px; height: 25px}
.cart_form input[type=text] {width: 25px; height: 25px; line-height: 23px}
.cart-table tr {grid-template-columns: 40px auto 75px 18px; grid-gap: 20px}
.cart-table .img-cell, .small-cart-table .img-cell {width: 40px}
.cart-table .remove-cell a, .small-cart-table .remove-cell a {width: 25px; height: 25px}
.form-list.grid, .small-banners, .big-banners {grid-template-columns: 100%}
.big-banners .item, .small-banners .item .img {padding-bottom: 40%}
.big-banners {margin-bottom: 20px}
.small-banners .title {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff; margin-top: 0}
.small-banners {margin-bottom: 40px}
.home-slider {margin-bottom: 40px}
.part-line {margin-bottom: 40px}
.part-line .right-part {width: 100%}
.part-line .right-part h2 {margin-bottom: 20px; text-align: center; padding-left: 0}
footer {padding-top: 40px; margin-top: 40px}
.product-details-block .images-part {width: 100%; display: block}
.product-details-block .buy-part {width: 100%; padding-left: 0}
.product-details-block .variants .flex-inline {flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px}
.product-details-block .variants .flex-inline:before, .product-details-block .variants .flex-inline:after {content: ''; flex-shrink: 0; width: 20px; height: 100%}
.product-details-block {position: relative}
.product-details-block .variants .variant-item {width: calc((100% - 20px)/6.5); flex-shrink: 0}
.product-details-block .product-slider {width: calc(100% + 40px); margin: 0 -20px}
.product-details-block .feature_item span {width: calc(100% - 30px)}
.product-details-block .feature_item svg {width: 20px}
.product-details-block .addToCart {padding: 0 20px; width: 100%}
.product-details-block .buttons-block {display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 10px; flex-direction: column}
.product-details-block .sticky {position: static}
.product-details-block .like, .product-details-block .unlike {position: absolute; top: 45px; left: 20px; z-index: 10}
.product-details-block .swiper-pagination-bullet {background: #151515}
.product-details-block .swiper-pagination-bullet:before {border-color: #151515}
.product-details-block .product-status-list {width: 100%}
.product-details-block .price {font-size: 22px; text-align: center}
.body__order .left-part .summ-info {font-size: 22px}
.catalog .left-part {width: 100%}
.prop-string .prop-item {font-size: 12px}
.modal, .filter-form {width: 100%; right: -100%}
.modal .inner, .filter-form .inner {padding: 20px; overflow-y: auto; height: 100%}
.modal .close, .filter-form .close {top: 20px; right: 20px}
.swiper-button-prev {left: 40px}
.swiper-button-next {right: 40px}
.swiper-button-prev, .swiper-button-next {width: 48px; height: 48px; margin-top: -72px}
.swiper-button-prev svg, .swiper-button-next svg {width: 18px; height: 16px}
.product-wrapper .stickers {top: 10px; left: 0}
.product-wrapper .like, .product-wrapper .unlike {top: 0; right: 0; opacity: 1}
.catalog-slider, .part-slider {margin: 0 -20px}
.catalog-slider:after, .part-slider:after, .catalog-slider:before, .part-slider:before {display: none}
.swiper-slide:not(.swiper-slide-active) .stickers, .swiper-slide:not(.swiper-slide-active) .like, .swiper-slide:not(.swiper-slide-active) .unlike {display: none !important}
.home-slider .inner {height: calc(100vh - 150px)}
.swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 10px}
.product-details-block .code {text-align: center; margin-bottom: 20px}
.cats .desc {font-size: 13px}
header .menu > li > a {height: 52px; line-height: 52px}
main {overflow: hidden}
h1 {text-align: center}
.bread-crumbs, .mg-filter-title {text-align: center}
.static table:not(.style) td {padding: 5px; font-size: 10px}
}