.promo-slider .swiper-slide {height: auto}
.notify {background: #d77023; color: #fff; text-align: center; padding: 5px 0; font-size: 14px}
.confirm-city-multisite {display: none !important}
:root {--color-black: #000;--color-white: #fff}
.payment-qr img {max-width: 280px}
/* @font-face {font-family: "CormorantGaramond-Italic";src: url("../fonts/CormorantGaramond-Italic.woff2") format("woff2");font-weight: 400;font-display: swap;font-style: normal}
@font-face {font-family: "CormorantGaramond";src: url("../fonts/CormorantGaramond-Bold.woff2") format("woff2");font-weight: 400;font-display: swap;font-style: normal}
@font-face {font-family: "OpenSans"; src: url("../fonts/OpenSans-Regular.woff2") format("woff2");font-weight: 400;font-display: swap;font-style: normal}
@font-face {font-family: "OpenSans";src: url("../fonts/OpenSans-Bold.woff2") format("woff2");font-weight: 400;font-display: swap;font-style: normal}
@font-face {font-family: "OpenSans";src: url("../fonts/OpenSans-ExtraBold.woff2") format("woff2");font-weight: 400;font-display: swap;font-style: normal} */
@font-face {font-family: "Klein";src: url("../fonts/Klein-Black.otf") format("opentype");font-weight: 900;font-display: swap;font-style: normal}
@font-face {font-family: "Klein";src: url("../fonts/Klein-Bold.otf") format("opentype");font-weight: 400;font-display: swap;font-style: normal}
@font-face {font-family: "Klein";src: url("../fonts/Klein-Regular.otf") format("opentype");font-weight: 400;font-display: swap;font-style: normal}
@font-face {font-family: "Klein";src: url("../fonts/Klein-Medium.otf") format("opentype");font-weight: 500;font-display: swap;font-style: normal}
*, *:before,
*:after {box-sizing: border-box;margin: 0;padding: 0}
strong{
	font-weight: 500;
}
b{
	font-weight: 500;
}
:focus, :active {outline: none}

a:focus, a:active {outline: none}

body {box-sizing: border-box}
aside, nav, footer, header, section {display: block}

button {cursor: pointer;border: none;background-color: transparent}
button::-moz-focus-inner {padding: 0;border: 0}

.swiper-lazy-preloader {width: 24px; height: 24px; border: 1px solid #171717; margin-left: -12px; margin-top: -12px; border-top-color: transparent}

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

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

ul li {list-style: none}
pre {display: none}
dl, ol, ul {margin: 0;padding: 0}
label {margin: 0}
p {margin: 0}
h1, h2, h3, h4, h5, h6 {font-weight: inherit;font-size: inherit;margin: 0}
h1 {font-weight: 400;font-size: 36px;line-height: 46px;color: #171717;margin-top: 10px; font-family: "Klein"}

body {font-family: "Klein", sans-serif; padding-top: 0 !important; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased}
body.scroll-hide {overflow: hidden}
img {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: top}

.hidden {display: none}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.container {max-width: 1310px;width: 100%;margin: 0 auto;padding: 0 15px}
.page {position: relative;overflow: hidden;min-height: 100vh;display: flex;flex-direction: column}
.flex {display: flex; flex-wrap: wrap; justify-content: space-between}
.flex-center {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.admin-bar {top: unset !important; bottom: 0}
.mobile-show {display: none !important}

.bg-grey {background: #eee}
.alert {color: #d77023; font-weight: 400; font-size: 14px}

.title {font-weight: 400;font-size: 36px;line-height: 54px;color: #171717; font-family: "Klein"}
.title a {color: inherit}
.title a:hover {color: #d77023}

.button {font-weight: 400;font-size: 12px;line-height: 24px;letter-spacing: 0.12em;text-transform: uppercase;color: #FFFFFF;display: flex;justify-content: center;align-items: center;transition: all 0.3s ease-in-out;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.button.btn-brown {background: #d77023}
.button.btn-brown:hover {background-color: #bd601b}
.button.btn-black {background: #1D1007}
.button.btn-black.disabled-btn, .button.btn-black.disabled-btn:hover {opacity: 0.3; cursor: not-allowed}
.button.btn-black:hover {opacity: 0.8}
.button.btn-arrow::after {content: url("../images/arrow-btn.svg");margin-left: 18px}
.button.btn-more {padding: 18px 38px}
.button:hover {color: #FFFFFF}

input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px}

input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border:none; border: 1px solid rgba(0, 0, 0, 0.08); background: #fff; transition: 250ms}
input[type=checkbox]:hover {border-color: #000}
input[type=checkbox]:checked {background: url("data:image/svg+xml,<svg viewBox='0 0 356.7 297.3' xmlns='http://www.w3.org/2000/svg'><polygon 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: #000}

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:none; border: 1px solid rgba(0, 0, 0, 0.08); background: #fff; transition: 250ms}
input[type=radio]:hover {border-color: #000}
input[type=radio]:checked {background: #fff; border: 4px solid #000}

select, .form-list .SumoSelect>.CaptionCont {width: 100%; font-size: 15px; font-weight: 400; border: none; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0px 15px; 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 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: 1px; line-height: 46px; height: 50px !important; color: #7f7f7f; box-shadow: none; cursor: pointer; transition: border-color 250ms}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #d77023; box-shadow: inset 0px 0px 0px 1px #d77023}

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



.arrow-block {display: flex;-moz-column-gap: 10px;column-gap: 10px}
.arrow-block .swiper-button-next,
.arrow-block .swiper-button-prev {position: static;margin: 0;border: 1px solid rgba(0, 0, 0, 0.12);width: 60px;height: 60px;border-radius: 50%;z-index: 0}
.arrow-block .swiper-button-next:hover, .arrow-block .swiper-button-prev:hover {background: #d77023}
.arrow-block .swiper-button-next:hover svg,
.arrow-block .swiper-button-prev:hover svg {fill: #fff}
.arrow-block .swiper-button-next::after,
.arrow-block .swiper-button-prev::after {display: none}
.arrow-block .swiper-button-next svg,
.arrow-block .swiper-button-prev svg {width: 20px;fill: #171717;transition: all 0.3s ease-in-out}

.sec-top {display: flex;align-items: center;justify-content: space-between;-moz-column-gap: 50px;column-gap: 50px}

.bread-crumbs {margin: 25px 0 40px 0;position: relative;z-index: 5}
.bread-crumbs__item {display: inline-block;position: relative}
.bread-crumbs__item a,
.bread-crumbs__item span {font-weight: 400;font-size: 12px;line-height: 16px;color: #828282;transition: all 0.3s}
.bread-crumbs__item a:hover {text-shadow: 0.5px 0 0 currentColor}
.bread-crumbs__item:last-child::after {display: none}
.bread-crumbs__item.separator {font-weight: 400;font-size: 12px;line-height: 16px;color: #828282; margin: 0 10px}

.header {border-bottom: 1px solid rgba(0, 0, 0, 0.08);position: relative; position: sticky; position: -webkit-sticky; top: -52px; z-index: 1000; background: #fff}
.header .container {position: relative}

.header-top {background: #eee; padding: 11px 0}

.header-top__wrapper {display: flex;justify-content: space-between;align-items: center}
.site-lang {margin-left: 40px; position: relative; z-index: 100}
.site-lang i {width: 20px; height: 20px; content: url("../images/lang.svg"); display: block; cursor: pointer}
.site-lang:hover i {filter: brightness(0.5)}
.site-lang .site-lang-popup {background: #d77023; white-space: nowrap; color: #fff; padding: 25px; top: 40px; left: 50%; transform: translateX(-50%); position: absolute; display: none}
.site-lang .site-lang-popup ul {overflow-y: auto; max-height: 300px; font-size: 12px}
.site-lang .site-lang-popup ul a:hover {color: #000}
.site-lang .site-lang-popup:before {border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #d77023; position: absolute; left: 50%; top: -8px; content: ''; margin-left: -8px}
.site-lang .site-lang-popup a {display: block; line-height: 25px; height: 25px}

.mg-geolation-view {z-index: 100}
.mg-geolation-view #change-city {color: #d77023; border: none}
.mg-geolation-view a {color: #fff}
.close-main-cities-list {display: none}
.mg-geolation-view .mg-geolocation-popup hr, .mg-geolation-view .none-city {display: none !important}
.mg-geolation-view .mg-geolocation-popup ul.main-cities-list {overflow-x: hidden; overflow-y: auto; margin: 0 !important;}
.mg-geolation-view #city {font-weight: 500; margin-left: 5px}
.mg-geolation-view .select-city {cursor: pointer; font-weight: 400;font-size: 14px;line-height: 24px;color: #171717;display: flex;align-items: center}
.mg-geolation-view .select-city::before {content: url("../images/region.svg");display: inline-flex;height: 20px;margin-right: 10px; margin-top: 2px}
.mg-geolation-view .change-city-link {font-weight: 500;font-size: 14px;line-height: 14px;color: #d77023;border-bottom: 1px dashed #d77023;display: inline;position: relative;cursor: pointer;transition: all 0.3s ease-in-out; margin-left: 5px}
.mg-geolation-view .change-city-link::after {position: absolute;content: url("../images/arrow.svg");right: -13px;top: -1px;height: 18px}
.mg-geolation-view .change-city-link:hover {text-shadow: 0.5px 0 0 currentColor}

.mg-geolation-view .confirm-city-multisite {background: #171717; white-space: nowrap; padding: 25px; top: 45px; left: -8px; position: absolute; display: none}
.mg-geolation-view .confirm-city-multisite:before {border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #171717; position: absolute; left: 22px; top: -8px; content: ''}
.mg-geolation-view .confirm-city-multisite a {line-height: 38px; height: 40px; display: inline-block; border: 1px solid #fff; padding: 0 20px; color: #fff}
.mg-geolation-view .confirm-city-multisite a + a {margin-left: 10px}
.mg-geolation-view .confirm-city-multisite a.confirm {background: #fff; color: #171717}
.mg-geolation-view .confirm-city-multisite a.confirm:hover, .mg-geolation-view .confirm-city-multisite a:hover {background: #d77023; color: #fff; border-color: #d77023}
.mg-geolation-view .mg-geolocation-popup {background: #d77023; white-space: nowrap; color: #fff; padding: 25px 15px 25px 25px; top: 45px; left: 90px; position: absolute; display: none}
.mg-geolation-view .mg-geolocation-popup ul {overflow-y: auto; height: 300px; font-size: 13px; padding-right: 10px}
.mg-geolation-view .mg-geolocation-popup ul::-webkit-scrollbar {width: 3px; border-radius: 1px}
.mg-geolation-view .mg-geolocation-popup ul::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border: none; border-radius: 1px}
.mg-geolation-view .mg-geolocation-popup ul::-webkit-scrollbar-thumb {background-color: #171717; border-radius: 1px}
.mg-geolation-view .mg-geolocation-popup ul::-webkit-scrollbar-button {display:none}



.mg-geolation-view .mg-geolocation-popup ul a:hover {color: #000; text-shadow: 0.2px 0 0 currentColor}
.mg-geolation-view .mg-geolocation-popup:before {border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #d77023; position: absolute; left: 22px; top: -8px; content: ''}
.mg-geolation-view .mg-geolocation-popup a {display: block; line-height: 25px; height: 25px}
.mg-geolation-view .mg-geolocation-popup hr {margin: 25px 0 0 0; background: none}


.promo-form {margin-top: 50px; font-size: 14px; display: flex; flex-wrap: wrap}
.promo-form span {width: 100%; font-weight: 500}
.promo-form input[type=text] {display: block; margin-top: 10px; width: calc(100% - 150px); height: 50px; line-height: 48px; border: 1px solid #ddd; padding: 0 10px; border-right: none}
.promo-form button {font-weight: 400; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; height: 50px; margin-top: 10px; line-height: 50px; background: #d77023; color: #fff; width: 150px; text-align: center}


.header-top nav {margin-left: auto}
.nav__list {display: flex;column-gap: 30px}

.nav__link {font-weight: 400;font-size: 14px;line-height: 24px;color: #171717;position: relative;transition: all 0.3s ease-in-out}
.nav__link:hover {color: #171717;text-shadow: 0.5px 0 0 currentColor}
.nav__link::before {content: "";position: absolute;width: 0;left: auto;right: 0;background-color: #171717;height: 1px;bottom: -2px;transition: all 0.3s}
.nav__link:hover::before {width: 100%;right: auto;left: 0}
header .nav__link#id-7 {color: #d77023; font-weight: 500}

.header__wrapper {display: flex;align-items: center;justify-content: space-between;padding: 20px 15px}

.logo {display: flex;align-items: center;width: 290px; height: 58px}
.logo svg { max-width: 190px; width: 100%; flex-shrink: 0}
.logo div {font-weight: 500;font-size: 20px;line-height: 24px;color: #171717; display: none;}
.logo div p {font-weight: 400;font-size: 12px;line-height: 16px;color: #828282;margin-top: 1px}
.logo b {font-family: "Klein"}
.header__center {display: flex;align-items: center;height: 48px; position: relative}

.catalog-btn {padding: 0 34px;height: 100%; position: relative; z-index: 1}
header .catalog-btn {padding: 0 34px 0 58px}
header .catalog-btn span {background: #fff; height: 2px; width: 20px; position: absolute; left: 20px; transition: bottom 250ms ease 250ms, top 250ms ease 250ms, transform 250ms ease 0ms}
header .catalog-btn span:nth-of-type(1) {top: 18px}
header .catalog-btn span:nth-of-type(2) {top: calc(50% - 1px)}
header .catalog-btn span:nth-of-type(3) {bottom: 18px}

header .catalog-btn.active span {transition: bottom 250ms ease 0ms, top 250ms ease 0ms, transform 250ms ease 250ms}
header .catalog-btn.active span:nth-of-type(1) {top: calc(50% - 1px); transform: rotateZ(45deg)}
header .catalog-btn.active span:nth-of-type(2) {opacity: 0}
header .catalog-btn.active span:nth-of-type(3) {bottom: calc(50% - 1px); transform: rotateZ(-45deg)}



.top-description {margin: 34px 0}

/* SEARCH */
.mobile-search {display: none}
.search {height: 100%;width: 456px;position: relative; margin-left: -1px}
.search input {background: #eee;border-radius: 0 2px 2px 0;border: none;width: 100%;height: 100%;padding: 0 45px 0 25px;font-weight: 400;font-size: 18px;line-height: 24px;color: #828282;font-family: "Klein"; transition: 250ms}
.search button {background-image: url("../images/search.svg");width: 18px;height: 18px;position: absolute;right: 16px;top: 50%;transform: translateY(-50%)}
.wraper-fast-result {position: absolute; top: 100%; max-height: calc(100vh - 200px); overflow-y: auto; z-index: 10; background: #eee; left: 0; width: 100%; transform: translateY(15px); padding: 30px; display: none}
.wraper-fast-result li {padding: 10px; background: #fff}
.wraper-fast-result li + li {margin-top: 10px}
.wraper-fast-result a {display: flex; align-items: center; justify-content: space-between; color: #A1A1A1}
.wraper-fast-result a:hover {color: #d77023}
.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: 400; display: block; color: #2D2D2D}
.wraper-fast-result .show-all {text-decoration: underline; color: #d77023; text-align: center; display: block; margin-top: 10px; font-size: 13px}
/* SEARCH */


/* FILTER */
.filter-form {text-align: center; position: relative; padding: 20px 0px; z-index: 500; position: sticky; position: -webkit-sticky; top: 98px; background: #fff}
.filter-form .inner {max-width: 1100px; margin: 0px auto}
.filter-form .disabled-prop {text-decoration: line-through; opacity: 0.3}
.filter-form .last-items-dropdown {display: none}
.show-filter {border-top: 1px solid rgba(0,0,0,0.1); height: 50px; line-height: 48px; margin: 40px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center}
.show-filter svg {width: 10px; height: 10px; margin-left: 10px; display: inline-block; vertical-align: middle}
.filter-preview {display: none !important}
.mg-filter-item {margin: 0 5px; text-align: left; position: relative}
.mg-filter-item .mg-filter-title {padding-bottom: 14px; padding-right: 20px; border-bottom: 1px solid #2F2D30; font-size: 12px; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; position: relative; display: flex; flex-shrink: 0; justify-content: space-between; align-items: center; width: 100%; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.mg-filter-item:hover .mg-filter-title, .mg-filter-item.active .mg-filter-title {color: #d77023}
.mg-filter-item .mg-filter-list {display: none; top: 100%; z-index: 10; background: #fff; position: absolute; left: -20px; min-width: 240px; max-height: 380px; box-shadow: 0 5px 15px rgba(0,0,0,.15); overflow-y: auto; padding: 28px 20px; font-weight: 400; /*text-transform: lowercase*/}
.mg-filter-item:hover .mg-filter-list {display: block}
.mg-filter-item .value-name {font-size: 13px; cursor: pointer; display: inline-block}
.mg-filter-item li:hover .value-name {color: #d77023}
.mg-filter-item li + li {margin-top: 14px}
.filter-buttons {position: absolute; right: 3vw; color: #d77023; font-size: 13px; text-transform: lowercase; top: 0px; cursor: pointer; display: none}
.filter-buttons:hover {color: #ff6900}
.mg-filter-item .remove {position: absolute; width: 12px; height: 12px; right: 0px; top: -2px; display: none; cursor: pointer}
.mg-filter-item .remove svg {width: 12px; height: 12px}
.mg-filter-item.active .remove {display: block}
.mg-filter-item .remove:hover {color: #d77023}
.mg-filter-item {display: inline-block; vertical-align: top; white-space: nowrap}
.mg-filter-head, .mg-filter-body, .mg-filter {display: inline}
.filter-select {width: 180px}
.price-slider-list {display: flex; justify-content: space-between}
.price-slider-list li input[type=text] {padding-left: 25px; width: 100px; border: none}
.price-slider-list li {position: relative}
.price-slider-list li span {position: absolute; left: 0px; bottom: 0px; font-size: 10px}
.price-slider-list li + li {margin-top: 0px}
.ui-slider .ui-slider-handle {background: #fff; top: -9px; height: 20px; width: 20px; border: 1px solid #2F2D30; border-radius: 50%}
.ui-slider-horizontal {height: 2px; background: #b3b3b3; margin-top: 15px}
.ui-slider .ui-slider-range {background: #2F2D30}
/* FILTER */


/* CART */
.cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 90px 30px; align-items: center}
.small-cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 30px; align-items: center}
.cart-table .img-cell, .small-cart-table .img-cell {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 {font-weight: 500; font-size: 20px; line-height: 28px; color: #1F1F1F; display: block; font-family: "Klein"; display: block}
.cart-table .price-cell, .small-cart-table .price-cell {margin-top: 10px; font-weight: 400; font-size: 14px; color: #bdbdbd}
.cart-table .prop-position, .small-cart-table .prop-position {font-size: 14px; line-height: 1.3}

.cart-table .cart_form, .small-cart-table .cart_form {display: flex;align-items: center; width: 90px}
.cart-table .cart_form .quantity__input, .small-cart-table .cart_form .quantity__input {height: 40px; line-height: 38px; width: 40px; font-size: 12px}
.cart-table .cart_form .quantity__btn, .small-cart-table .cart_form .quantity__btn {width: 12px; height: 20px}
.cart-table .cart_form .quantity__btn:hover svg, .small-cart-table .cart_form .quantity__btn:hover svg {stroke: #d77023;fill: #d77023}
.cart-table .cart_form .quantity__btn svg, .small-cart-table .cart_form .quantity__btn svg {height: 100%;width: 100%;stroke: #171717;fill: #171717;transition: all 0.3s ease-in-out}


.cart-table .remove-cell a, .small-cart-table .remove-cell a {border: none; justify-content: center; width: 30px; height: 30px; transition: 250ms; cursor: pointer}
.cart-table .remove-cell a svg, .small-cart-table .remove-cell a svg {width: 15px; height: 15px}
.cart-table .remove-cell a svg *, .small-cart-table .remove-cell a svg * {fill: #bdbdbd}
.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: #d77023; line-height: 20px; text-align: center; color: #fff; font-weight: 400; font-size: 10px; border-radius: 50%; right: -10px; top: 0px}
.cart-table .price-cell, .small-cart-table .price-cell {color: #bdbdbd; font-weight: 500}


.cart-table .quantity__input, .small-cart-table .quantity__input {width: 56px;height: 56px;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 400;font-size: 14px;line-height: 24px;letter-spacing: 0.12em;text-transform: uppercase;color: #171717;margin: 0 13px}
.cart-table .quantity__input::-webkit-outer-spin-button, .small-cart-table .quantity__input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0}
/* CART */

/* FORM-LIST */
.form-list {margin-top: 40px}
.form-list.grid {display: grid; grid-gap: 40px; grid-template-columns: repeat(2, 1fr)}
.form-list li, .rpost li {position: relative}
.form-list li .placeholder {position: absolute; top: -20px; left: 0px; font-size: 12px; font-weight: 400; transition: 250ms; line-height: 1; color: #828282}
.form-list li .red-star {color: #d77023; font-weight: 500}
.form-list + .button {margin-top: 20px}
.form-list li + li, .rpost li + li {margin-top: 40px}
.form-list li:hover .placeholder, .form-list li input:focus + .placeholder {color: #161616}
.SumoSelect p, .SumoSelect div {display: none}
.optWrapper {font-size: 15px}
.SumoSelect>.CaptionCont>label, .c-order__title--small.sdek-coruer-adress {display: none !important}

.form-list.grid {display: grid; grid-gap: 40px; 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 input[type=text], .rpost  input[type=text], .form-list input[type=tel], .form-list input[type=email], .form-list input[type=password], .form-list input[type=search] {display: block; width: 100%; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0px 15px; background: #fff; line-height: 46px; height: 50px; border-radius: 1px; font-weight: 400; transition: 250ms}
.form-list textarea {display: block; width: 100%; border:2px solid transparent; padding: 25px; resize: none; height: 100px; font-size: 15px; background: #f3f7fe; border-radius: 1px; font-weight: 400; transition: 250ms}
.form-list input[type=text]:hover, .rpost input[type=text]:hover, .form-list input[type=text]:focus, .form-list input[type=tel]:hover, .form-list input[type=tel]:focus, .form-list input[type=email]:focus, .form-list input[type=email]:hover, .form-list textarea:focus, .form-list textarea:hover, .form-list input[type=password]:focus, .form-list input[type=password]:hover, input[type=search]:focus, input[type=search]:hover {border-color: #d77023; box-shadow: inset 0px 0px 0px 1px #d77023}

.sdek-choose-samovivoz, .rpost-calculate {background: #1D1007; color: #fff; font-weight: 400; font-size: 12px; padding: 10px 20px; letter-spacing: 0.12em; text-transform: uppercase; transition: all 0.3s ease-in-out; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 10px; display: inline-block}
.sdek-pvz-info {margin: 0 !important; border: 0 !important}
.sdek-choose-samovivoz:hover, .rpost-calculate:hover {opacity: 0.8; color: #fff}
.courier-error, input[name=courier-error] {display: none}
.rpost-calculate {position: absolute; top: 5px; height: 40px; line-height: 40px; padding: 0 20px; right: 5px; margin-top: 0}
/* FORM-LIST */



.mg-news-details .left-part {width: calc(40% - 80px)}
.mg-news-details .left-part .main-news-img img {width: 100%; object-fit: contain}
.mg-news-details .left-part .main-news-img iframe {width: 100%; height: 350px}
.mg-news-details .right-part {width: 60%}
.mg-news-details .date {color: #555; font-size: 12px; display: block; margin: 20px 0}
.mg-news-details .closest .item {display: flex; flex-direction: column; justify-content: flex-start; padding: 10px 36px 14px 36px; width: calc(50% - 20px); margin-top: 40px; border-radius: 9px; background: rgba(231, 235, 243, 0.5); color: var(--brand-color); font-size: 13px; position: relative; line-height: 16px}
.mg-news-details .closest .item .arrow {background: #A1BDE2; box-shadow: 4px 4px 3px rgba(91, 134, 200, 0.1); border-radius: 9px; position: absolute; width: 52px; height: 48px; top: -16px; transition: 250ms; color: #fff; display: flex; align-items: center; justify-content: center}
.mg-news-details .closest .item .arrow svg {width: 12px; height: 20px}
.mg-news-details .closest .item.prev {align-items: flex-end}
.mg-news-details .closest .item.prev .arrow {left: 28px}
.mg-news-details .closest .item.prev .arrow svg {transform: rotateZ(180deg)}
.mg-news-details .closest .item.next .arrow {right: 28px}
.mg-news-details .closest .item:hover .arrow {background-color: #5B84C6}

.mg-news-details .closest .item label {color: #6F6F6F; font-size: 11px; display: block; margin-bottom: 11px}
.mg-news-details .right-part .table-wrapper img {height: unset !important; width: unset !important}
.mg-news-details .right-part .table-wrapper:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(3,2,0,0.03); pointer-events: none; z-index: 1}
.mg-news-details .right-part .table-wrapper {overflow-x: hidden; position: relative; margin: 30px 0; padding: 0px 20px}
.mg-news-details .right-part table {border: none}
.mg-news-details .right-part .col-2 td {border: none; width: 50%; padding: 20px 20px; color: #444; font-size: 15px; vertical-align: middle}
.mg-news-details .right-part .col-3 td {border: none; width: 33%; padding: 20px 20px; color: #444; font-size: 14px; vertical-align: middle}



/* ORDER */
.body__order .step .h2-like {margin-bottom: 18px; font-weight: 500; font-size: 22px; line-height: 28px; color: #171717}
.body__order input[type=text] {color: #323B57}
.body__order .step + .step {margin-top: 50px}
.body__order .left-part {width: calc(50% - 12.5px); background: #eee; padding: 50px; border-radius: 1px; margin-top: 40px}
.body__order .right-part {width: calc(50% - 12.5px); position: sticky; top: 95px; position: -webkit-sticky; margin-top: 40px}
.body__order .right-part .product-cart {border-radius: 1px; background: #fff; padding: 50px; max-height:calc(100vh - 115px); overflow-y: auto; border: 1px solid rgba(0, 0, 0, 0.08)}
.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: 10px}
.agreement {font-size: 12px; margin-top: 20px}
.agreement a {text-decoration: underline}
.delivery-details-list label {display: flex; align-items: center}
.deliveryPrice {font-weight: 400; margin-left: 10px; background: #d77023; font-size: 14px; color: #fff; line-height: 25px; height: 25px; padding-left: 6px; border-radius: 1px 0 0 3px}
.deliveryCurrency {font-weight: 400; background: #d77023; color: #fff; font-size: 14px; line-height: 25px; height: 25px; padding-right: 6px; border-radius: 0 2px 2px 0}
.body__order .summ-info span {color: #d77023}
/* ORDER */


/* STATIC */
body.body__noindex main {padding-bottom: 75px}
.static .left-part {width: 281px; position: sticky; position: -webkit-sticky; top: 95px; text-align: center; overflow: hidden; background: #171717; border-radius: 1px; align-self: flex-start}
.static .left-part .page-menu svg {width: 15px; height: 15px}
.static .left-part .page-menu li {display: block}
.static .left-part .page-menu li a {line-height: 50px; height: 50px; display: block; color: #fff; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase}


.static .left-part .page-menu li a:before {display: none}
.static .left-part .page-menu li.active > a, .static .left-part .page-menu li:hover > a {background: #d77023; color: #fff}
.static .left-part .page-menu li .level-2 {display: none; transform-origin: top left; transition: 250ms; transform: scaleY(0)}
.static .left-part .page-menu li.active .level-2 {display: block; transform: scaleY(1)}
.static .right-part {width: calc(100% - 281px - 54px)}

table {width: 100% !important; border: none; border-collapse: collapse}
table td {border: none}
.content h1 {margin-bottom: 50px}
.content h2 {margin-top: 50px; margin-bottom: 25px; font-size: 24px}
.content h3 {margin-top: 25px; margin-bottom: 10px; font-size: 18px; font-weight: 500}
.content {line-height: 1.5; font-size: 14px}
.content p a {color: #d77023; font-weight: 400; text-decoration: underline}
.content p + p, .content p + ul, .content p + ol, .content ol + p, .content ul + p, .content ul + ul, .content li + li {margin-top: 10px}
.content tr {display: flex; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap}
.content tr:after {background: rgba(0,0,0,0.03); position: absolute; left: 0; width: 100%; top: 0; height: 100%; content: ''}
.content tr + tr, .content .table-wrapper {margin-top: 80px}
.content td h2 {margin-top: 0px}
.content td {width: 50%; padding: 40px}
.content td.with-img {padding: 0px}
.content img {width: 100% !important; height: unset !important}
.content ul:not(.form-list) li, .content ol li {position: relative; padding-left: 16px}
.content ul:not(.form-list) li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #d77023}

ol li {list-style-type: none; position: relative; padding-left: 20px}
ol {counter-reset: list1}
ol li:before {counter-increment: list1; content: counter(list1) ". "; position: absolute; left: 0px; font-weight: 500}
ol ol {counter-reset: list2}
ol ol li {padding-left: 40px}
ol ol li:before {counter-increment: list2; content: counter(list1) "." counter(list2) ". "; position: absolute; left: 0px}
/* STATIC */


/* CATALOG */
.by-2 {width: calc(50% - 40px)}
.by-2 .grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px}
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px}
.sub-cats {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; font-family: "Klein"; margin: 25px 0}
.sub-cats a {background: #eee; color: inherit; padding: 10px; transition: 250ms}
.sub-cats a:hover {background: #d77023; color: #fff}
.sub-cats a .img {width: 50px; height: 50px}
.sub-cats a .text {width: calc(100% - 60px)}


header .whatsapp {background: #18c139; display: flex; align-items: center; color: #fff; font-size: 12px; line-height: 30px; height: 30px; padding: 0 15px; margin-left: 30px; border-radius: 15px; font-weight: 500}
header .whatsapp svg {width: 15px; height: 15px; margin-right: 5px}
header .whatsapp svg * {fill: #fff}
.header__left {display: flex;align-items: center}

.phone-block {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0.04em;display: inline-flex;align-items: center;transition: all 0.3s ease-in-out}
.phone-block:hover {text-shadow: 0.5px 0 0 currentColor}
.phone-block:hover::before {transform: translateX(-5px)}
.phone-block::before {content: url("../images/phone-block.svg");display: inline-flex;height: 18px;margin-right: 8px;transition: all 0.3s ease-in-out}
.phone-block.phone-block--header {color: #171717}
.phone-block.phone-block--footer {color: #ffffff}

.header-favorites {background-image: url("../images/favorites.svg");height: 26px;width: 19.5px;margin-left: 25px;transition: all 0.3s ease-in-out}
.header-favorites:hover {filter: contrast(0.1)}

.header-personal {background-image: url("../images/personal.svg");height: 26px;width: 30px;margin-left: 33px;transition: all 0.3s ease-in-out}
.header-personal:hover {filter: contrast(0.1)}

.header-basket {background-image: url("../images/basket.svg");height: 26px; position: relative; width: 30px;margin-left: 25px;transition: all 0.3s ease-in-out}
.header-basket:hover {filter: contrast(0.1)}
.header-basket .countsht {position: absolute; border-radius: 50%; width: 20px; height: 20px; right: -10px; top: 0px; background: #d77023; color: #fff; line-height: 20px; text-align: center; font-size: 10px}


.catalog {margin-top: 40px}

.catalog-list {position: absolute;background: #eee;padding: 45px 55px;z-index: 2000;top: 100%;width: 56.3%;left: 14px; min-height: 543px; margin-top: 1px; display: none;padding-right: 45px}
.catalog-list .level-2 {display: none}
.catalog-list .catalog-list__title {font-weight: 400;font-size: 32px;line-height: 54px;color: #171717; font-family: "Klein"; display: none}
.catalog-list .mobil {display: none}
.catalog-list ul {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 18px;padding-right: 20px}
.catalog-list ul li {width: 45%}
.catalog-list ul li a {font-weight: 400;font-size: 11px;line-height: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: #171717;transition: all 0.3s ease-in-out}
.catalog-list ul li a:hover {color: #d77023}

.burger {justify-content: center;align-items: center;z-index: 350;cursor: pointer;transition: all 0.3s;display: none;position: relative;background: #d77023;padding: 10px;width: 50px;height: 48px;right: -50px;top: 0;position: absolute}
.burger span {position: absolute;background-color: #fff;height: 2px;width: 24px;display: block;transition: all 0.3s;border-radius: 5px}
.burger span:nth-child(1) {top: 16px}
.burger span:nth-child(2) {top: 50%;transform: translateY(-50%)}
.burger span:nth-child(3) {bottom: 16px}
.burger.act span:nth-child(1) {top: 23px;transform: rotate(45deg)}
.burger.act span:nth-child(2) {opacity: 0}
.burger.act span:nth-child(3) {bottom: 23px;transform: rotate(-45deg)}

.promo {margin-top: 30px;overflow: hidden}

.promo__wrapper {display: grid;grid-template-columns: 57.5% 41%;grid-template-rows: 246px 246px;gap: 20px}

.promo-slider {max-width: 738px;grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 3}
.promo-slider .swiper {height: 100%}
.promo-slider .swiper-pagination {padding-left: 78px;text-align: left;bottom: 46px}
.promo-slider .swiper-pagination-bullet {background-color: #E0E0E0;width: 50px; border-radius: 0; height: 1.4px;opacity: 1;margin: 0 !important;margin-right: 10px !important}
.promo-slider .swiper-pagination-bullet-active {background-color: #d77023}

.promo-slider-item {position: relative;height: 100%;position: relative;z-index: 2;padding: 70px 78px;display: flex;align-items: center}
.promo-slider-item::before {position: absolute;content: "";background: linear-gradient(92.06deg, #000000 -9.88%, rgba(0, 0, 0, 0) 86.53%);left: 0;top: 0;width: 100%;height: 100%;z-index: 1}

.promo-slider-item img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;-o-object-fit: cover;object-fit: cover}

.promo-slider-item__info {z-index: 2;position: relative}

.promo-slider-item__title {font-weight: 400;font-size: 50px;line-height: 54px;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow-y: hidden; font-family: "Klein"}

.promo-slider-item__descr {font-weight: 400;font-size: 18px;line-height: 28px;color: #FFFFFF;max-width: 450px;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow-y: hidden}

.promo-slider-item__btn {padding: 19px 40px;margin-top: 66px}

.promo__block-wrap {display: flex;flex-direction: column;row-gap: 20px}

.promo-item {position: relative;z-index: 2;padding: 39px;display: flex;align-items: center}
.promo-item::before {position: absolute;content: "";background: linear-gradient(92.06deg, #000000 -9.88%, rgba(0, 0, 0, 0) 86.53%);left: 0;top: 0;width: 100%;height: 100%;z-index: 1}

.promo-item__img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;-o-object-fit: cover;object-fit: cover;z-index: -1}

.promo-item__info {position: relative;z-index: 2}

.promo-item__title {font-weight: 400;font-size: 32px;line-height: 32px;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow-y: hidden; font-family: "Klein"}

.promo-item__link {font-weight: 400;font-size: 12px;line-height: 24px;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF;margin-top: 30px;display: block;transition: all 0.3s ease-in-out;position: relative}
.promo-item__link::after {position: absolute;content: url("../images/arrow-btn.svg");margin-left: 18px;transition: all 0.3s ease-in-out}
.promo-item:hover .promo-item__link {color: #FFFFFF}
.promo-item:hover .promo-item__link::after {transform: translate(5px)}

.slider-category {padding: 76px 0 88px 0}
.slider-category .swiper {padding-bottom: 50px}

.slider-category__wrapper {margin-top: 52px}

.slider-category-item {background: #eee;padding: 16px 32px;width: 100%;height: 440px;display: flex;flex-direction: column;align-items: center;transition: all 0.3s ease-in-out}
.slider-category-item:hover {background: #d77023}
.slider-category-item:hover .slider-category-item__img .img {filter: drop-shadow(6px 4px 14px rgba(0, 0, 0, 0.2));transform: scale(1.2) translateY(20px) translateZ(0)}
.slider-category-item:hover .slider-category-item__number {background: #FFFFFF;color: #171717}
.slider-category-item:hover .slider-category-item__title {color: #FFFFFF}

.slider-category-item__number {font-weight: 400;font-size: 12px;line-height: 16px;color: #FFFFFF;background: #171717;border-radius: 60px;padding: 5px 10px;display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin-right: auto;transition: all 0.3s ease-in-out}

.slider-category-item__title {font-weight: 400;font-size: 28px;line-height: 28px;color: #1F1F1F;margin-top: 21px;margin-right: auto;transition: all 0.3s ease-in-out;height: 56px; font-family: "Klein"}

.slider-category-item__img {width: 100%;height: 280px;margin-top: 25px;display: flex;justify-content: center;align-items: center;flex-direction: column}
.slider-category-item__img .img {width: 100%; height: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; transition: all 0.3s ease-in-out;will-change: transform}

.slider-category__top {display: flex; justify-content: space-between; align-items: center}
.slider-category__bottom {display: flex;justify-content: center}

.slider-category__btn {padding: 18px 32px; height: 60px}

.slider-sec {padding: 86px 0 0 0;z-index: 22;position: relative}
.slider-sec .swiper {padding-bottom: 80px}
.slider-sec__top {display: flex;justify-content: space-between}

.slider-sec__title {padding-right: 180px}
.slider-sec__title:last-child {width: 49%}
.slider-sec__title p {display: inline;position: relative}
.slider-sec__title p span {position: absolute;font-weight: 500;font-size: 11px;line-height: 14px;color: #FFFFFF;padding: 0px 10px;background: #d77023;border-radius: 60px; font-family: "Klein", sans-serif}


.slider-sec__wrapper {margin-top: 57px}
.chd-request-price-btn {color: #d77023; text-decoration: underline; font-size: 14px}

/* CATALOG */
.product-wrapper {flex-shrink: 0}
.product-wrapper.dailyProduct {border: 2px solid #d77023; position: relative}
.product-wrapper.dailyProduct .dailyTitle {position: absolute; left: 0; right: 0; font-weight: 400; color: #fff; width: 50px; height: 50px; font-size: 10px; z-index: 1; line-height: 50px; transform: rotateZ(-45deg); text-align: center}
.product-wrapper.dailyProduct:after {content: ''; border-top: 70px solid #d77023; border-right: 70px solid transparent; position: absolute; left: 0; top: 0}
.product-wrapper.dailyProduct:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 100; background: rgba(0,0,0,0.02); pointer-events: none}
.product-wrapper .card {background: #FFFFFF;width: 100%}
.product-wrapper .card:hover .card__img img {opacity: 0}
.product-wrapper .card:hover .card__img .card__img-hover {opacity: 1}

.product-wrapper .card__img {width: 100%;position: relative; height: 0; padding-bottom: 90%; display: block}
.product-wrapper .card__img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: all 0.3s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.product-wrapper img:not([src]) {visibility: hidden}

.product-wrapper .card__img-hover {opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;-o-object-fit: cover;object-fit: cover}

.product-wrapper .card__body {padding: 16px 30px 30px 30px}

.product-wrapper .card__category {font-weight: 400;font-size: 10px;line-height: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: #d77023}

.product-wrapper .card__name {font-weight: 400;font-size: 24px;line-height: 28px;color: #1F1F1F;margin-top: 13px;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow-y: hidden; font-family: "Klein"; height: 56px}

.product-wrapper .card__info {margin-top: 15px}
.product-wrapper .card__info div {display: flex;justify-content: space-between;margin-bottom: 6px;position: relative;z-index: 2}
.product-wrapper .card__info div::before {position: absolute;content: "";border-bottom: 1px dashed #BDBDBD;width: 100%;bottom: 7px;z-index: -1}
.product-wrapper .card__info div:last-child {margin-bottom: 0}
.product-wrapper .card__info div span {font-weight: 400;font-size: 13px;line-height: 24px;color: #4F4F4F;white-space: nowrap;background: #FFFFFF;display: block}
.product-wrapper .card__info div span:first-child {padding-right: 8px}
.product-wrapper .card__info div span:last-child {color: #171717;font-weight: 400;padding-left: 8px}

.product-wrapper .card__price {display: flex;align-items: flex-end;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0.1em;text-transform: uppercase;color: #171717;margin-top: 12px;height: 24px}
.product-wrapper .card__price .product-price {padding-right: 11px}
.product-wrapper .card__price .product-old-price {color: #BDBDBD;-webkit-text-decoration-line: line-through;text-decoration-line: line-through;font-size: 12px;font-weight: 400;line-height: 20px}

.product-wrapper .card__bottom {margin-top: 25px}
.product-wrapper .card__bottom div {display: flex;align-items: center;justify-content: space-between}

.product-wrapper .card__btn-buy {font-weight: 400;font-size: 10px;line-height: 24px;letter-spacing: 0.12em;text-transform: uppercase;color: #171717;padding: 12px 26px;border: 1px solid rgba(0, 0, 0, 0.08);transition: all 0.3s ease-in-out}
.product-wrapper .card__btn-buy:hover {border: 1px solid black}

.product-wrapper .card__btn-basket {background: #d77023;width: 48px; font-size: 0; height: 48px;border-radius: 50%;position: relative;transition: all 0.3s ease-in-out}
.product-wrapper .card__btn-basket:hover {background-color: #bd601b}
.product-wrapper .card__btn-basket::before {position: absolute;content: url("../images/basket-white.svg");left: 50%;top: 50%;transform: translate(-50%, -50%)}
/* CATALOG */



/* PAGER */
.pager {grid-column: span 4; text-align: center}
.mg-pager {display: flex; justify-content: center; width: 100%}
.mg-pager a {display: block; transition: 250ms; border: 1px solid rgba(0, 0, 0, 0.08); width: 40px; height: 40px; line-height: 38px; text-align: center; border-radius: 50%}
.mg-pager a + a {margin-left: 20px}
.mg-pager a.active {background: #d77023; color: #fff; border-color: #d77023}
.mg-pager a:not(.active):hover {border-color: #000}
/* PAGER */



/* HOME */
.articles {padding: 104px 0 93px 0}
.articles__btn-more {padding: 18px 38px}
.articles__wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px; margin-bottom: 70px}
.articles__wrapper.home {margin-top: 70px;display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: 305px;grid-gap: 20px; margin-bottom: 0}
.articles-item {position: relative; height: 100%; z-index: 2;padding: 35px 25px 35px 35px;display: flex;flex-direction: column;justify-content: center}
.articles-item.articles-item--big {grid-column-start: 3;grid-column-end: 5;grid-row-start: 1;grid-row-end: 2}
.articles-item:hover .articles-item__btn {height: 24px}
.articles-item__img {position: absolute;width: 100%;height: 100%;background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;left: 0;top: 0;z-index: -1}
.articles-item__img:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0)); z-index: 1}
.articles-item__date {font-weight: 400;font-size: 10px;font-family: "Klein";line-height: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF}
.articles-item__descr {font-weight: 400;font-size: 24px;line-height: 28px;color: #FFFFFF;margin-top: 27px;margin-bottom: 37px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow-y: hidden; font-family: "Klein"}
.articles-item__btn {font-weight: 400;font-size: 12px;line-height: 24px;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;transition: all 0.3s ease-in-out;height: 0;overflow: hidden;padding-right: 20px}
.articles-item__btn:hover {text-shadow: 0.5px 0 0 currentColor}
.articles-item__btn:hover::after {transform: translateX(5px)}
.articles-item__btn::after {content: url("../images/arrow-white.svg");display: inline-flex;right: 0;margin-left: 18px;transition: all 0.3s ease-in-out}
.stock {padding: 93px 0 75px 0;background: #eee}
.stock__wrapper {margin-top: 62px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}
.stock-item {position: relative;padding: 80px 40px 40px 40px;background: #eee;border: 1px solid rgba(0, 0, 0, 0.08);display: flex;flex-direction: column;height: 463px;z-index: 2}
.stock-item__stickers {position: absolute;width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;right: 20px;top: 20px}
.stock-item__stickers span {font-weight: 500;font-size: 12px;line-height: 16px;color: #FFFFFF;background: #171717;border-radius: 60px;padding: 5px 10px;display: block}
.stock-item__top {font-weight: 400;line-height: 32px;color: #d77023;font-size: 48px; font-family: "Klein"}
.stock-item__descr {font-weight: 500;font-size: 24px;line-height: 28px;color: #4F4F4F;height: 115px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow-y: hidden;margin-top: 25px; font-family: "Klein"}
.stock-item__btn {font-weight: 400;font-size: 12px;line-height: 24px;letter-spacing: 0.1em;text-transform: uppercase;color: #171717;margin-top: 12px;display: inline-flex;transition: all 0.3s ease-in-out}
.stock-item__btn:hover {text-shadow: 0.5px 0 0 currentColor}
.stock-item__btn:hover::after {transform: translateX(5px)}
.stock-item__btn::after {content: url("../images/arrow-black.svg");margin-left: 10px;transition: all 0.3s ease-in-out}
.stock-item__term {font-weight: 400;font-size: 12px;line-height: 16px;color: #828282;display: block;margin-top: auto; font-family: "Klein"}
.stock-item__img {position: absolute;right: 0;bottom: 0;max-width: 240px;max-height: 250px;-o-object-fit: cover;object-fit: cover;z-index: -1}
/* HOME */





.recently-block {margin-bottom: -75px; padding-bottom: 75px}


/* FOOTER */
.footer {background: #171717}
.footer-top {padding: 25px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.35)}
.footer-top .container {display: flex;align-items: center;justify-content: space-between}
.footer-top .logo div {color: #fff}
.footer-top .logo svg * {fill: #fff}
.footer-top .logo div p {color: #eee}
.footer-top .nav__link {color: #FFFFFF}
.footer-top .nav__link::before {background: #fff}

.footer-center .container {padding: 55px 15px;display: flex;justify-content: space-between}
.footer-center .catalog-btn {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;padding: 18px 40px;margin-top: 30px; width: 100%; text-align: center}
.footer-center .first-column {width: 220px}
.footer-center .second-column {width: calc(100% - 356px)}
.footer-center .second-column ul {display: grid; grid-column-gap: 56px; grid-template-columns: repeat(3,1fr)}
.footer-center .has-sub {display: none}
.footer-center .social {display: flex; margin-top: 30px}
.footer-center .social a {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center}
.footer-center .social a svg {width: 20px; height: 20px}
.footer-center .social a svg * {fill:currentColor}
.footer-center .social a:hover svg * {fill: #fff}
.footer-center .social a + a {margin-left: 10px}
.footer-center .social a:hover {opacity: 1}

.footer-column li {margin-bottom: 20px}
.footer-column li:last-child {margin-bottom: 0}
.footer-column li a {font-weight: 400;font-size: 11px;line-height: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF;transition: all 0.3s ease-in-out}
.footer-column li a:hover {color: #d77023}

.footer-bottom {padding: 15px 0;background: rgba(255, 255, 255, 0.06)}
.footer-bottom .container {display: flex;align-items: center;justify-content: space-between}
.footer-bottom .container span, .footer-bottom .container a {font-weight: 400;font-size: 12px;line-height: 24px;color: #E0E0E0}
.footer-bottom .container a {-webkit-text-decoration-line: underline;text-decoration-line: underline;transition: all 0.3s ease-in-out}
.footer-bottom .container a:hover {text-shadow: 0.5px 0 0 currentColor}
.footer-bottom .belka {width: 30px; height: 14px; filter: brightness(0) invert(1); transition: 250ms; opacity: 0.7;}
.footer-bottom .belka svg {width: 100%; height: 100%}
.footer-bottom .belka:hover {opacity: 1;}
.footer-bottom .links a + a {margin-left: 5px}

/* FOOTER */


/* PRODUCT */
.product-details-block .card-top {display: flex;justify-content: space-between}
.product-details-block .card-top .container {margin-bottom: 54px}
.product-details-block .card-top__left {width: 55%; flex-shrink: 0}
.product-details-block .card-top__left .swiper {width: 100%}
.product-details-block .slider-card {display: flex; align-items: flex-start; justify-content: space-between}
.product-details-block .card-top__left .slider-card-swiper2 {width: calc(100% - 150px); margin: 0}
.product-details-block .card-top__left .slider-card__bottom {width: 100px; position: relative}
.product-details-block .card-top__left .slider-card-swiper2 .swiper-slide {display: flex;justify-content: center;align-items: center;min-height: 100%;height: auto}
.product-details-block .card-top__left .slider-card-swiper2 .swiper-slide img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: contain}
.product-details-block .card-top__left .slider-card-swiper .swiper-slide {height: 90px !important; width: 100px}
.product-details-block .card-top__left .slider-card-swiper .swiper-slide img {max-width: 100%; height: 100%;-o-object-fit: cover;object-fit: cover}
.product-details-block .card-top__left .swiper-button-next,
.product-details-block .card-top__left .swiper-button-prev {height: 100%;margin-top: 0;top: 0;padding: 0 4px}
.product-details-block .card-top__left .swiper-button-next:hover svg,
.product-details-block .card-top__left .swiper-button-prev:hover svg {stroke: #d77023;fill: #d77023}
.product-details-block .card-top__left .swiper-button-next::after,
.product-details-block .card-top__left .swiper-button-prev::after {font-size: 0}
.product-details-block .card-top__left .swiper-button-next svg,
.product-details-block .card-top__left .swiper-button-prev svg {stroke: #171717;fill: #171717;transition: all 0.3s ease-in-out}
.product-details-block .card-top__left .swiper-button-prev {left: -50px}
.product-details-block .card-top__left .swiper-button-next {right: -50px}
.product-details-block .card-top__right {width: 40%; flex-shrink: 0}
.product-details-block .info-card__category {font-weight: 400;font-size: 10px;line-height: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: #d77023}
.product-details-block .info-card__stars {margin-top: 15px;display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.08);padding-bottom: 17px}
.product-details-block .info-card__stars img {margin-right: 4px}
.product-details-block .info-card__stars .link-reviews, .info-card__stars .card-id {padding-left: 6px;font-weight: 400;font-size: 14px;line-height: 14px;color: #4F4F4F}
.product-details-block .info-card__stars .card-id {margin-left: 25px}
.product-details-block .modification {margin-top: 23px}

.product-details-block .modification__title {font-weight: 500;font-size: 20px;line-height: 28px;color: #171717}

.product-details-block .modification__wrapper {margin-top: 20px;display: grid;grid-template-columns: repeat(5, 1fr);gap: 3px}

.product-details-block .modification-item {max-height: 62px;height: 62px;position: relative;transition: all 0.3s ease-in-out;position: relative;overflow: hidden;border: 2px solid #fff}
.product-details-block .modification-item:hover {filter: grayscale(1)}
.product-details-block .modification-item img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-o-object-fit: cover;object-fit: cover}
.product-details-block .modification-item input {position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;cursor: pointer}
.product-details-block .modification-item.active {border: 2px solid #d77023}

.product-details-block .info-card__bottom {display: flex;align-items: center;-moz-column-gap: 45px;column-gap: 45px;margin-top: 35px;margin-bottom: 40px}
.product-details-block .info-card__bottom .card__price {margin-top: 0; display: flex; align-items: center}

.product-details-block .card__price .card__price-new {font-size: 20px; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase}
.product-details-block .card__price .card__price-old {font-size: 14px; letter-spacing: 0.1em; margin-left: 11px; text-decoration-line: line-through; text-transform: uppercase; color: #bdbdbd}

.product-details-block .quantity .cart_form {display: flex;align-items: center}

.product-details-block .quantity__btn {width: 16px;height: 20px}
.product-details-block .quantity__btn:hover svg {stroke: #d77023;fill: #d77023}
.product-details-block .quantity__btn svg {height: 100%;width: 100%;stroke: #171717;fill: #171717;transition: all 0.3s ease-in-out}

.product-details-block .quantity__input {width: 56px;height: 56px;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 400;font-size: 14px;line-height: 24px;letter-spacing: 0.12em;text-transform: uppercase;color: #171717;margin: 0 13px}
.product-details-block .quantity__input::-webkit-outer-spin-button, .product-details-block .quantity__input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}

.product-details-block .info-card__btn-wrap {display: flex;align-items: center;gap: 15px;margin-top: 15px; margin-bottom: 66px}
.product-details-block .info-card__btn-wrap button, .product-details-block .info-card__btn-wrap a {height: 56px; line-height: 54px; padding: 0 30px; font-weight: 400; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase}
.product-details-block .card__btn-basket {background: #d77023; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08)}
.product-details-block .card__btn-basket:hover {background: #bd601b}
.product-details-block .wrapper-mg-buy-click {border: 1px solid rgba(0, 0, 0, 0.08)}
.product-details-block .wrapper-mg-buy-click:hover {border-color: #171717}

.product-details-block .info-card__btn-basket span {display: inline-flex;align-items: center}
.product-details-block .info-card__btn-basket span::after {content: url("../images/basket-white.svg");display: inline-flex;margin-left: 12px;height: 18px}

.product-details-block .info-card__one-click:hover {color: #171717}



.tabs {background: #eee; padding: 50px 70px 60px 70px}
.tabs .tabs-content {display: none}
.tabs .tabs-content-active {display: block}
.tabs .tab-link-mob {display: flex;-moz-column-gap: 80px;column-gap: 80px}
.tabs .tab-link-wrapper {border-bottom: 1px solid rgba(0, 0, 0, 0.08);padding-bottom: 20px; margin-bottom: 40px}
.tabs .tab-link-wrapper a {font-weight: 400;font-size: 26px;line-height: 36px;color: #4F4F4F;position: relative;transition: all 0.3s ease-in-out; font-family: "Klein"}
.tabs .tab-link-wrapper a:hover {text-shadow: 0.5px 0 0 currentColor}
.tabs .tab-link-wrapper a span {font-weight: 500;font-size: 11px;line-height: 14px;color: #FFFFFF;padding: 0px 7px;background: #171717;border-radius: 60px;position: absolute;right: -18px;top: -5px; font-family: "Klein", sans-serif}
.tabs .tab-link-wrapper .tab-active {text-shadow: 0.5px 0 0 currentColor;color: #171717;position: relative}
.tabs .tab-link-wrapper .tab-active::before {position: absolute;content: "";background: #d77023;width: 100%;left: 0;bottom: -22px;height: 4px}
.tabs .tab-content-wrapper h4 {font-weight: 500;font-size: 18px;line-height: 28px;color: #171717}
.tabs .tab-content-wrapper h3 {font-weight: 500;font-size: 22px;line-height: 28px;color: #171717; font-family: "Klein"}
.tabs .tab-content-wrapper p {font-weight: 400;font-size: 14px;line-height: 24px;color: #4F4F4F;margin-bottom: 15px}
.tabs .tab-content-wrapper p:last-child {margin-bottom: 0}
.tabs .specific {max-width: 516px}
.tabs .specific div {margin-bottom: 40px}
.tabs .specific div:last-child {margin-bottom: 0}
.tabs .specific div h3 {margin-bottom: 18px}
.tabs .specific div ul li {display: flex;justify-content: space-between;margin-bottom: 10px;position: relative;z-index: 2}
.tabs .specific div ul li:last-child {margin-bottom: 0}
.tabs .specific div ul li::before {position: absolute;content: "";bottom: 7px;left: 0;border-bottom: 1px dashed #BDBDBD;width: 100%;z-index: -1}
.tabs .specific div ul li span {font-size: 14px;line-height: 24px;background: #eee}
.tabs .specific div ul li span.prop-name {font-weight: 400;color: #4F4F4F;padding-right: 10px}
.tabs .specific div ul li span.prop-spec {font-weight: 500;color: #171717;padding-left: 10px}
.tabs .about-card {padding-top: 50px}
.tabs .about-card h3 {margin-bottom: 22px}
.tabs .stars {display: flex;align-items: center;-moz-column-gap: 4px;column-gap: 4px;margin: 14px 0}
.tabs .date {font-weight: 400;font-size: 12px;line-height: 24px;letter-spacing: 0.1em;text-transform: uppercase;color: #828282;margin-bottom: 18px}
.tabs .gallery h4 {margin-bottom: 12px}
.tabs .gallery__foto {display: flex;flex-wrap: wrap;gap: 6px}
.tabs .gallery__foto a {max-width: 108px;max-height: 72px;width: 100%;height: 72px}
.tabs .gallery__foto a img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.tabs .overview iframe {max-width: 936px;height: 500px;width: 100%; border: none}

.sliders {padding: 93px 0}
.sliders .container {display: flex;-moz-column-gap: 20px;column-gap: 20px;justify-content: space-between}

.catalog-sliders-item {width: 48%}
.catalog-sliders-item-top-part {display: flex; justify-content: space-between; align-items: center}
.catalog-sliders-item__wrap {margin-top: 57px}
.catalog-sliders-item__wrap .arrow-block {justify-content: flex-end;margin-top: 50px}

.gallery {display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px}
.gallery a {height: 0; padding-bottom: 150%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat}


/* MODAL */
.overlay {position: fixed; display: none; z-index: 8000; top: 0px; background: rgba(255,255,255,0.5); width: 100%; height: 100%; left: 0px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px)}
.modal {position: fixed; transition: 250ms; z-index: 9000; top: 0px; background: #fff; width: 550px; right: -550px; height: 100%}
.modal.show {right: 0px}
.modal .inner {padding: 25px 100px; height: 100%; display: flex; justify-content: center; flex-direction: column}
.modal .close, .filter-form .close {top: 25px; right: 25px; height: 25px; width: 25px; cursor: pointer; position: absolute; z-index: 1}
.modal .close svg, .filter-form .close svg {max-height: 100%; max-width: 100%}
.modal .close:hover, .filter-form .close:hover {color: #E73633}
.modal .overflow-y {height: 100%; overflow-y: scroll; padding-right: 25px}
.modal .overflow-y::-webkit-scrollbar {width: 3px; border-radius: 1px}
.modal .overflow-y::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border: none; border-radius: 1px}
.modal .overflow-y::-webkit-scrollbar-thumb {background-color: #171717; border-radius: 1px}
.modal .overflow-y::-webkit-scrollbar-button {display:none}

.modal .title {font-size: 32px; margin-bottom: 40px; line-height: 1}

.modal-cart .total {height: 20px; line-height: 20px; margin: 20px 0px}
.modal-agreement .inner, .modal-cart .inner {padding: 25px 35px 25px 50px; justify-content: space-between}
.modal-cart .total-payment {font-weight: 500; color: #000}
.modal-auth {display: flex; justify-content: center; flex-direction: column}

.modal .buttons {flex-wrap: nowrap; flex-shrink: 0; margin-top: 40px}
.modal .buttons .link {margin-left: 25px}
.modal .links {margin-top: 50px; text-align: center}
.modal .link {text-decoration: underline}
.modal .link:hover {color: #d77023}
.modal .link + .link {margin-left: 25px}

.modal-buy-click .button {margin-top: 20px}
.modal-buy-click .mg-product-img {width: 100px}
.modal-buy-click .mg-product-info {width: calc(100% - 120px)}
.modal-buy-click .mg-product-info .name {font-weight: 400; font-size: 24px; line-height: 28px; color: #1F1F1F; display: block; font-family: "Klein"}
.modal-buy-click .bc-price {font-weight: 400; font-size: 16px; letter-spacing: 0.1em; text-transform: uppercase; color: #171717}
.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 */


/* DADATA */
.suggestions-wrapper {font-size: 15px}

.suggestions-promo a {
	display: none!important;
}

.bank + .bank {margin-top: 40px}
.bank {padding-left: 0 !important; display: flex; align-items: center}
.bank b {width: 120px;}
.bank:before {display: none !important}
.bank img {width: 24px !important; height: 24px !important; object-fit: contain; margin-right: 5px}

@media (min-width: 1025px) {
.cart-table .remove-cell a:hover svg *, .small-cart-table .remove-cell a:hover svg * {fill: #171717}
}

@media (max-width: 1260px) {
.search {width: 325px}
.info-card__title {font-size: 32px; line-height: 39px}
.modification {margin-top: 15px}
.info-card__bottom {margin-top: 25px}
.product-wrapper .card__body {padding: 16px 20px 20px 20px}
.product-wrapper .card__btn-buy {padding: 12px 10px}
header .whatsapp {font-size: 0}
header .whatsapp svg {margin-right: 0}
}
@media (max-width: 1150px) {
.slider-sec {padding: 50px 0 0 0}
.slider-sec {position: relative; padding-bottom: 40px}.slider-sec .arrow-block {position: absolute; bottom: 40px; right: 15px}
.slider-sec__top {flex-direction: column; row-gap: 20px}
.slider-sec__title {padding-right: 0}
}
@media (max-width: 1130px) {
.logo {width: 250px}.logo div {font-size: 18px}.logo div p {font-size: 10px}.logo img {margin-right: 12px}
.catalog-btn {padding: 0 20px}
.phone-block {font-size: 16px}
.search {width: 300px}
.catalog-list {padding: 30px; padding-right: 20px}
.promo-slider-item {padding: 40px 40px 70px 40px}
.promo-item {padding: 30px}
.promo-slider-item__title {font-size: 42px}
.promo-item__title {font-size: 28px; line-height: 29px}
.promo-slider-item__btn {margin-top: 50px}
.promo-slider .swiper-pagination {padding-left: 40px}
.promo__wrapper {grid-template-rows: 220px 220px}
.title {font-size: 40px; line-height: 44px}
.articles-item__descr {font-size: 22px; line-height: 26px}
.articles-item {padding: 35px 25px 35px 25px}
.stock__wrapper {grid-template-columns: repeat(2, 1fr)}
.footer-column li a {font-size: 10px}
.footer-nav .nav__list {-moz-column-gap: 35px; column-gap: 35px}
.catalog-list {height: 461px}
.catalog-list .catalog-list__title {line-height: 30px}
.tabs .container {padding: 40px}
}
@media (max-width: 1023px) {
.tablet-hide {display: none !important}
.gallery {grid-template-columns: repeat(3,1fr)}
.search {height: 40px; width: 160px}
.region {position: absolute; right: 35px; top: 13px}
.region .region__title {color: #fff}
.region .region-select__show {color: #fff}
.region .region-select__list {left: auto; right: 0}
.region .region-select__show::after {content: url("../images/arrow-select.svg")}
.header__center {height: 40px}
.logo svg {width: 150px; height: 39px}
.logo {width: 190px; flex-shrink: 0}
.logo div {line-height: 18px}
.logo div p {line-height: 11px; font-size: 8px}
.page {padding-top: 66px}
.promo {margin-top: 20px}
.catalog-list {position: fixed; margin-top: 0 !important; width: 70%; height: 100%; left: 0; top: 0; z-index: 2000}
.catalog-list .catalog-list__title .desctop {display: none}.catalog-list .catalog-list__title .mobil {display: inline-flex}.catalog-list .catalog-list__title .mobil::before {content: url("../images/arrow-black.svg"); margin-right: 10px; transform: rotate(180deg); height: 60px}
.catalog-list ul {margin-top: 10px; padding-bottom: 100px}
.catalog-list {padding: 20px; display: none}
.promo-slider-item__title {font-size: 28px; line-height: 42px}
.promo-slider-item__descr {font-size: 14px; line-height: 22px; margin-top: 10px}
.promo-slider-item__btn {padding: 10px 21px; margin-bottom: 20px; margin-top: 35px}
.promo-item__title {font-size: 22px; line-height: 26px}
.promo-item__link {font-size: 10px}
.articles__wrapper.home {grid-template-columns: repeat(3,1fr)}
.button {font-size: 10px}
.mg-filter-item {margin: 10px 5px}
.mg-filter-item .mg-filter-title {font-size: 11px; padding-bottom: 5px}
.promo__wrapper {display: flex; flex-wrap: wrap; justify-content: space-between}
.promo-slider-item {padding: 20px 20px 50px 20px}
.promo-slider .swiper-pagination {bottom: 30px; padding-left: 20px}
.promo-item {padding: 30px 20px; width: calc(50% - 5px)}
.promo__wrapper {row-gap: 10px; column-gap: 0}
.slider-category-item {padding: 15px 20px}
.slider-category-item__title {font-size: 21px; line-height: 24px}
.slider-category-item__img {height: 220px}
.slider-category-item {height: 377px}
.slider-category__wrapper {margin-top: 35px; margin-left: -20px; margin-right: -20px}
.slider-category .swiper {padding-left: 20px; padding-right: 20px}
.slider-category {padding: 40px 0 50px 0; overflow: hidden}
.sliders {overflow: hidden}
.slider-category .swiper {padding-bottom: 60px}
.slider-category__btn {height: 50px; padding: 10px 15px}
.slider-category__bottom {align-items: center}
.arrow-block .swiper-button-next,
.arrow-block .swiper-button-prev {width: 50px; height: 50px}
.slider-sec__title {width: 100%}
.articles__wrapper {grid-template-columns: repeat(3, 1fr); margin-top: 35px}
.articles-item.articles-item--big {grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3}
.slider-sec__wrapper {margin-top: 35px}
.articles {padding: 48px 0 48px 0}
.stock__wrapper {margin-top: 35px}
.stock {padding: 48px 0 48px 0}
.stock-item {padding: 65px 30px 30px 30px}
.card-top {flex-direction: column}
.product-details-block .card-top__right {margin-top: 30px; width: 100%}
.product-details-block .card-top__left {width: 100%}
.card-top__left .slider-card-swiper .swiper-slide {height: auto}
header .catalog-btn {padding: 0 20px}
header .catalog-btn span {left: 15px}
.nav__list {column-gap: 15px}
.nav__link {font-size: 13px}
.mg-geolation-view .select-city {font-size: 0}
.mg-geolation-view .change-city-link {font-size: 13px; margin-left: 0}
.footer-center .second-column {display: none}
.footer-center .catalog-btn {display: none}
.footer-center .social {justify-content: center}
.footer-center .second-column {width: 100%}
.header-personal, .header-basket {width: 25px; height: 27px; margin-left: 25px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%}
.sub-cats {grid-template-columns: repeat(3,1fr)}
.by-4 {grid-template-columns: repeat(2,1fr)}
.pager {grid-column: span 2}
.product-wrapper .mg-product-image {display: none}
.product-wrapper .card__img-hover {opacity: 1; position: static}
.mg-geolation-view .select-city::before {display: none}
.body__order .left-part {width: calc(100% + 40px); margin: 40px -15px 0 -15px; border-radius: 0; order: 2; padding: 20px; background: linear-gradient(#eee, #fff)}
.body__order .right-part {width: 100%; order: 1; position: static}
.body__order .right-part .product-cart {border: none; padding: 0}
}
@media (max-width: 940px) {.footer-top .container {flex-direction: column; align-items: flex-start; row-gap: 20px}
.footer-center .container {padding: 25px 15px; flex-wrap: wrap; row-gap: 20px}
.footer-column:first-child {width: 100%}
.footer-center .catalog-btn {padding: 8px 20px}
}
@media (max-width: 860px) {.catalog-list ul {flex-wrap: nowrap; flex-direction: column; overflow-y: auto; height: 100%}
.catalog-list ul li {width: 100%}
.promo-slider {max-width: 100%}
.sec-top {flex-direction: column; align-items: flex-start; row-gap: 25px}
.button.btn-more {padding: 10px 17px}
.tabs .overview iframe {height: 400px}
.tabs .container {padding: 30px 20px 40px 20px}
.tabs .tab-link-wrapper .tab-active::before {bottom: -20px}
}
@media (max-width: 780px) {.articles__wrapper {grid-template-columns: repeat(2, 1fr); grid-auto-rows: 260px}
.articles-item.articles-item--big {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4}
.articles-item {padding: 25px}
.slider-sec .swiper {padding-bottom: 75px}
.slider-sec__bottom {margin-top: 4px}
.sliders .container {flex-direction: column; row-gap: 40px}
.catalog-sliders-item {width: 100%}
.sliders {padding: 50px 0}
}

@media (max-width: 767px) {
.promo-form input[type=text] {width: calc(100% - 120px)}

.promo-form button {font-size: 10px; width: 120px}
.gallery {grid-template-columns: repeat(2,1fr)}
.mobile-show {display: block !important}
.nav {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: #d77023; padding: 30px 26px 0px 15px; transform: translateX(-150%); transition: 500ms; display: flex; flex-direction: column}
.mg-news-details .left-part {width: 100%}
.mg-news-details .right-part {width: 100%; margin-top: 20px}
.nav .level-2 {display: none}
.nav.act {transform: translateX(0)}
.nav.act ul:nth-of-type(1) {overflow-y: auto; padding-bottom: 26px}
.nav.act ul:nth-of-type(1)::-webkit-scrollbar {width: 3px; border-radius: 1px}
.nav.act ul:nth-of-type(1)::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border: none; border-radius: 1px}
.nav.act ul:nth-of-type(1)::-webkit-scrollbar-thumb {background-color: #171717; border-radius: 1px}
.nav.act ul:nth-of-type(1)::-webkit-scrollbar-button {display:none}

.nav.act ul:nth-of-type(2) {background: #171717; margin: 0 -26px 0 -15px; padding: 30px 15px; display: block; flex-shrink: 0}
.promo__wrapper {flex-direction: column}
.header nav li + li {margin-top: 10px}
.header nav li a {color: #fff !important; text-shadow: none !important; font-size: 14px}
.header nav .burger {display: block; right: 0px; top: 10px}
.header__wrapper .burger {display: block; position: relative; right: auto; padding: 0; background-color: transparent; width: 24px; height: 50px}
.header__wrapper .burger span {background-color: #1f1f1f}
.header__wrapper .burger.active {opacity: 0}
.header__left {margin-left: auto; margin-right: 25px}
.header__center {flex-direction: column-reverse; align-items: flex-start; height: auto}
.promo-item {width: 100%}
.filter-form {position: fixed; transition: right 250ms; width: 100%; right: -100%; top: 0; height: 100%; z-index: 9000; margin: 0; background: #fff}
.filter-form.show {right: 0}
.filter-form .btn-more {margin-top: 20px}
.filter-close {margin-top: 40px; width: 100%}
.mg-filter-item {display: block; width: 100%}
.mg-filter-item .mg-filter-title {border-bottom: 1px solid rgba(0,0,0,0.1); height: 40px; line-height: 39px; padding: 0; font-size: 12px}
.mg-filter-item:hover .mg-filter-list {display: none}
.mg-filter-item .mg-filter-list {position: static; box-shadow: none; width: 100%; padding: 20px 0px}
.mg-filter-item input[type=checkbox] {display: inline-block}
.mg-filter-item input[type=checkbox]:checked + span:before, .mg-filter-item input[type=radio]:checked + span:before {display: none}
.ui-slider-horizontal .ui-slider-handle {margin-left: 0px}
.ui-slider-horizontal {width: calc(100% - 20px)}
.catalog-slider {margin: 0px -20px}
.filter-buttons {top: 20px; left: 20px; right: unset; height: 25px}
.mg-filter-item .remove {width: 20px; height: 20px; padding: 5px}

.header-personal {display: none}
.slider-category-item {height: 277px}
.slider-category-item__img {height: 120px}
.mg-geolation-view .select-city {font-size: 0}
.mg-geolation-view .change-city-link {margin-left: 0}
.header__center {display: none}
.phone-block.phone-block--header {display: none}
.form-list.grid {grid-template-columns: 100%}
.form-list.grid li.width-100 {grid-column: unset}
.body__order .step .h2-like {font-size: 18px}
.form-list {margin-top: 0}
.rpost {margin-top: 40px}
.mobile-search {display: block; margin-top: 20px}
.search {width: 100%}
.sub-cats {grid-template-columns: 100%; grid-gap: 10px}
.by-4 {grid-template-columns: 100%}
.pager {grid-column: unset}
.modal {right: -100%; width: 100%}
.modal .inner, .filter-form .inner {padding: 30px 15px}
.mg-geolation-view .mg-geolocation-popup {left: 10px}
.card__name {height: unset; -webkit-line-clamp: unset; display: block; -webkit-box-orient: unset; overflow-y: unset}
.slider-category__bottom {display: none}
.slider-category {padding: 40px 0 0 0}
.catalog-sliders-item__wrap .arrow-block {display: none}
.static .left-part {display: none}
.static .right-part {width: 100%}
.bread-crumbs__item.separator {margin: 0 5px}
.catalog-sliders-item__wrap {margin-top: 30px; margin-left: -20px; margin-right: -20px}
.catalog-sliders-item__wrap .swiper-wrapper {padding-left: 20px; padding-right: 20px}
.cart-table tr {grid-gap: 10px; grid-template-columns: 50px auto 90px 30px}
.cart-table .price-cell, .small-cart-table .price-cell {margin-top: 0}
.cart-table .name-cell a, .small-cart-table .name-cell a {font-size: 14px}
.tabs .tab-link-wrapper a {display: block; font-size: inherit; line-height: 1.2}
.tabs .tab-link-mob {column-gap: 15px; font-size: 16px}
.articles__wrapper.home {grid-template-columns: repeat(2, calc(50% - 10px))}

.product-details-block .card-top__left .slider-card__bottom {width: 50px; margin: 0}
.product-details-block .card-top__left .slider-card-swiper .swiper-slide {width: 50px !important; height: 45px !important}
.product-details-block .card-top__left .slider-card-swiper2 {width: calc(100% - 70px)}

.product-details-block .quantity__input {height: 40px; line-height: 38px; width: 40px; font-size: 12px}
.product-details-block .quantity__btn {width: 12px; height: 20px}
.product-details-block .info-card__btn-wrap button, .product-details-block .info-card__btn-wrap a {padding: 0 10px; text-align: center; flex-grow: 1}
.tabs {padding: 15px; margin: 0 -15px}
.tabs .tab-link-wrapper a span {display: none}
.tabs .tab-link-wrapper .tab-active::before {height: 2px}
.tabs .tab-link-wrapper {padding-bottom: 15px}
.tabs .tab-link-wrapper .tab-active::before {bottom: -15px}
.modal .close, .filter-form .close {top: 35px; width: 20px; height: 20px}
.modal-buy-click .mg-product-img {width: 50px}
.modal-buy-click .mg-product-info {width: calc(100% - 60px)}
.mg-order-buy-click {margin-top: 60px}
header .whatsapp {font-size: 0; background: transparent; padding: 0; border-radius: 0; height: 20px; line-height: 20px}
header .whatsapp svg {width: 20px; height: 20px}
header .whatsapp svg * {fill: #18c139}
.wraper-fast-result {display: none !important}
.ui-slider {display: none}
}

@media (max-width: 680px) {
	.product-wrapper .card__name{
		font-size: 21px;
		height: 30px;
	}
.logo svg {width: 100px; height: 35px; }
.header-favorites {background-size: 100%; background-repeat: no-repeat; height: 20px; width: 16px; margin-left: 25px}
.header-basket {background-size: 100%; background-repeat: no-repeat; height: 24px; width: 24px}
.catalog-list .catalog-list__title {font-size: 28px}
.catalog-list a {font-size: 10px}
.catalog-list ul {padding-right: 0}
.catalog-list {width: 80%}
.slider-category-item__title {font-size: 18px; line-height: 24px}
.slider-category-item {padding: 15px 15px}
.title, .modal .title, h1 {font-size: 21px; line-height: 26px}
.page {padding-top: 50px}
.card__body {padding: 20px}
.card__name {font-size: 22px; line-height: 22px}
.card__info div span {font-size: 12px; line-height: 19px}
.card__bottom {display: block !important}
.card__btn-buy {line-height: 24px; padding: 7px 12px}
.card__btn-basket {width: 40px; height: 40px}
.card__bottom {margin-top: 15px}
.stock__wrapper {grid-template-columns: repeat(1, 1fr)}
.stock-item__descr {font-size: 18px; line-height: 23px; margin-top: 15px; height: 90px}
.stock-item__top {font-size: 30px; line-height: 25px}
.stock-item__img {max-width: 170px; max-height: 178px}
.stock-item {height: 420px; padding: 60px 20px 20px 20px}
.stock-item__btn {font-size: 10px; line-height: 8px; margin-top: 23px}
.footer-center .container {flex-direction: column; align-items: center; text-align: center}
.footer-center .catalog-btn {margin: 30px auto 0 auto}
.footer-nav .nav__list {flex-direction: column; row-gap: 10px; text-align: center}
.footer-nav {width: 100%}
.footer-top .container .logo {margin: 0 auto}
.slider-sec .swiper {padding-bottom: 0}
.slider-sec {padding-bottom: 60px}
.slider-sec .arrow-block {bottom: 10px}
.catalog-sliders-item__wrap .arrow-block {margin-top: 5px}
}
@media (max-width: 540px) {.articles__wrapper {grid-template-columns: repeat(1, 1fr); grid-auto-rows: 240px}
.articles-item.articles-item--big {grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto}
.info-card__title {font-size: 26px; line-height: 32px}
.modification__wrapper {display: flex; flex-wrap: wrap}
.modification-item {width: 80px; height: 50px}
.info-card__btn-wrap {justify-content: space-between}
.info-card__bottom {-moz-column-gap: 0; column-gap: 0; justify-content: space-between}
.card-top__left .slider-card__bottom {margin: 10px 30px 0 30px}
.card-top__left .swiper-button-prev {left: -30px}
.card-top__left .swiper-button-next {right: -30px}
.tabs .overview iframe {height: 250px}
.tabs .container {padding: 30px 15px 40px 15px}
.mobile-hide {display: none !important}
}
/*# sourceMappingURL=main.css.map */