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

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


/* ::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 7px;
}

::-webkit-scrollbar-thumb {
   border-radius: 0px;
   background-color: rgba(0,0,0,.5);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
} */

* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
html, body {width: 100%; height: 100%}
html {overflow-y: overlay}
body {font-family: 'Montserrat',sans-serif; padding-top: 0px !important; line-height: 1; background: #fff; font-size: 16px; -webkit-text-size-adjust: none; font-weight: 400}
/* .site-container {scrollbar-gutter: stable} */
html.lock {overflow: hidden}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 250ms}
h1, h2, h3 {width: 100%; font-weight: 500}
h1 {font-size: 50px; line-height: 1}
h2 {font-size: 32px; margin-bottom: 20px; line-height: 1}
h3 {font-size: 17px}
hr {margin: 20px 0px; height: 1px; border: none; background: rgba(0,0,0,0.1)}
b, strong, th {font-weight: 500}
p + p {margin-top: 15px}
i {font-style: normal}
ul {list-style-type: none}
img {object-fit: contain}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: block}
iframe {width: 100%; border: none}
table {width: 100%; border-collapse: collapse}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; transition: border-color 250ms; font-family: inherit; font-size: inherit; color: inherit}
input[type=text], input[type=tel], input[type=email], input[type=password] {display: block; width: 100%; font-size: 15px; border: none; border-bottom: 1px solid #b3b3b3; padding: 0px; background: transparent; border-radius: 0px; line-height: 49px; height: 50px}
textarea {display: block; width: 100%; border:1px solid #b3b3b3; padding: 20px; resize: none; height: 80px; font-size: 15px; border-radius: 0px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus {border-color: #000}

select, .form-list .SumoSelect>.CaptionCont {display: block; width: 100%; font-size: 15px; border: none; border: 1px solid #b3b3b3; padding: 0px 15px; background: transparent url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat; background-position: right 15px center; border-radius: 0px; line-height: 49px; height: 50px !important;  color: #7f7f7f; box-shadow: none !important; cursor: pointer}
.optWrapper {font-size: 15px}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #000}
.SumoSelect>.CaptionCont>label {display: none}

input[readonly], input[readonly]:focus {opacity: 0.5; border-color: #b3b3b3}
input[type=checkbox] {display: inline-block; vertical-align: middle; width: 9px !important; height: 9px; margin-right: 10px !important; position: relative; border-radius: 0px; margin-left: 4px; border:1px solid #fff; transition: border-color 250ms}
input[type=checkbox]:before {border: 1px solid #b3b3b3; content: ''; box-sizing: border-box; display: block; width: 15px; height: 15px; position: absolute; top:-4px; left: -4px}

.modal .agreement {margin-top: 20px}
.no-checked input[type=checkbox]:before {
	border: 2px solid #ea6951;
}
.wrapper-modal-mg-non-available .input_invalid {
	border-bottom-color: #FF003D;
}

/* input[type=checkbox]:hover {background: #b3b3b3} */
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: 7px}
input[type=checkbox]:checked:before {border: 1px solid #000}

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

::placeholder {color:#7f7f7f; text-transform:lowercase}
/* GLOBAL */


/* BASIC */
main {min-height: calc(100vh - 292px)}
.hidden {display: none}
.lazy {visibility: hidden}
.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-v-stretch {display: flex; display:-webkit-flex; -webkit-justify-content:stretch; justify-content: stretch; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-direction: column; -webkit-flex-direction: column; height: 100%}
.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-around {display: flex; display:-webkit-flex; -webkit-justify-content:space-around; justify-content:space-around; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-inline {display: flex; display:-webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.max {padding: 0px 3vw; max-width: 1530px; margin: 0px auto}
.not-max {padding: 0px 3vw; margin: 0px auto}
.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}
.button {background-color: #1f2628; transition: 250ms; line-height: 50px; height: 50px; border: none; display: block; cursor: pointer; text-align: center; font-size: 16px; color: #fff; letter-spacing: 1.4px; font-size: 11px; text-transform: uppercase; font-weight: 500; position: relative; width: 100%}
body .kcdek-geoposition-form .kcdek-map-open-button {font-weight: inherit; background-color: #1f2628 !important; transition: 250ms; line-height: 50px; height: 50px; border: none; display: block; cursor: pointer; text-align: center; font-size: 11px !important; color: #fff; letter-spacing: 1.4px; text-transform: uppercase; min-width: unset; font-weight: 500; position: relative; width: 100%; border-radius: 0 !important; padding: 0; font-family: inherit}
.button span, .button svg {position: relative; z-index: 2}
.button:hover, .sdek-choose-samovivoz:hover, .button.color {background-color: #f4be9a}
.button.color:hover {background-color: #000}
.button:disabled, .button.disabled-btn {background: #b3b3b3; cursor: default; pointer-events: none}
.button.animated:before {transition: width .4s ease-in-out; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 0; z-index: 1; content: ''; background: #fff}
.button.animated:hover:before {left: 0; right: auto; width: 100%}
.button.animated:hover {color: #000; background: #000}

.mobile-show {display: none}
.tablet-show {display: none}
.admin-bar {top: unset !important; bottom: 0px}
.admin-bar__elem--settings {display: none !important}
.admin-bar__elem--btns {margin-left: auto}
html .admin-bar .admin-bar-link__title {color: #fff !important}

.by-4 {display: grid; grid-template-columns: repeat(4,1fr); grid-column-gap: 40px; grid-row-gap: 40px}
.js-pager, #p4-lazyload, .mg-pager, .filter-error {grid-column: span 4}

.tab:not(.active) {display: none}
/* BASIC */

/* INFORMER */
.informer {background: #1f2628; color: #fff; width: 360px; padding: 20px; transition: 250ms; height: 110px; position: fixed; top: 70px; right: -360px; z-index: 9000}
.informer.active {right: 3vw}
.informer .img {width: 70px; height: 70px}
.informer .text {width: calc(100% - 85px); display: flex; justify-content: space-between; flex-direction: column; font-size: 14px}
.informer .name {font-weight: 500; margin-bottom: 6px}
.informer + .informer {margin-top: 20px}
/* INFORMER */



/* HOME */
.body__index header .bottom-part:after {background: rgba(0,0,0,0.1)}
.body__noindex main {padding-top: 180px}
/* HOME */

/* HEADER */
header:hover .top-part, header.fixed .top-part, .body__noindex header .top-part {background-color: #f7f7f7; transition: background-color 0ms}
header:hover .bottom-part, header.fixed .bottom-part, .body__noindex header .bottom-part {background-color: #fff; transition: top 400ms, background-color 0ms}
header .top-part {position: fixed; top: 0px; z-index: 1000; right: 0; left: 0px; font-size: 15px; transition: background-color 400ms}
header .top-part .not-max {height: 90px}
header .bottom-part {text-align: center; transition: top 400ms, background-color 400ms; position: fixed; top: 90px; z-index: 900; left: 0px; width: 100%}
header .bottom-part.hide {top: 7px}
header .bottom-part:after {position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; height: 1px; content: ''; background: #e6e6e6}
header .top-menu {justify-content: center}
header .top-menu > li > a, header .top-menu > li > span {padding: 19px 20px; cursor: pointer; display: block; position: relative; z-index: 1}
header .top-menu > li > a#page-23 {color: #ea6951}
header .icons-block {width: 255px; justify-content: flex-end}
header .icons-block .icon {position: relative; cursor: pointer}
header .icons-block .icon svg {width: 20px; height: 20px}
header .icons-block .icon + .icon {margin-left: 36px}
header .icons-block .icon .countsht {position: absolute; background: #1f2628; font-weight: 500; font-size: 11px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; color: #fff; top: -5px; right: -10px}
header .icons-block .icon .title {background: #1f2628; line-height: 18px; height: 18px; padding: 0px 5px; color: #fff; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); font-weight: 500; font-size: 10px; letter-spacing: 0.4px; opacity: 0; transition: 250ms}
header .icons-block .icon .title:before {content: ''; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid #000; position: absolute; left: 50%; top: -3px; margin-left: -3px}
header .icons-block .icon:hover .title {opacity: 1}

header .top-part a:hover {color: #ea6951}
header .icons-block .icon:hover .countsht {background: #ea6951; color: #fff}
header .search {display: none}
header .top-part .select-city {align-items: center; width: 255px}
header .top-part .select-city a {font-size: 17px; display: block}
header .top-part .phone-block {text-align: center; font-size: 15px; align-items: center}
header .top-part .phone-block .phones a:nth-of-type(2) {margin-top: 5px}
header .top-part .phone-block a:hover {opacity: 1}
header .top-part .phone-block .wa, header .top-part .phone-block .tg {height: 20px; flex-shrink: 0; margin-left: 15px; width: 26px}
header.order-header .grid {display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center}
header.order-header {height: 100px; line-height: 100px; position: absolute; top: 10px; left: 0px; width: 100%; background: #fff; z-index: 1000}
header.order-header a:hover {color: #ea6951}
header.order-header .back {display: flex; align-items: center; gap: 10px; opacity: 0.5; font-size: 12px}
header.order-header .back:hover {opacity: 1}
header.order-header .back svg {width: 30px; height: 20px; transform: rotateY(180deg)}
header.order-header .logo {margin: 0 auto}
/* HEADER */


/* NEW-MENU */
.top-menu > .has-sub {position: relative}
.top-menu > .has-sub:before {content: ''; display: none; position: fixed; z-index: -1; top: 90px; left: 0; width: 100%; background: #fff; height: 600px; pointer-events: none}
.top-menu > .has-sub:hover:before {display: block}
.top-menu .sub-menu {visibility: hidden; opacity: 0; pointer-events: none; position: absolute; top: 0; padding-left: 40px; transform: translateX(-30px); transition: 600ms; text-align: left; text-transform: none; padding-top: 90px}
.top-menu .sub-menu:hover {color: #7f7f7f}
.top-menu .level-1 {left: -20px}
.top-menu .level-2 {left: 240px; height: 100%}
.top-menu .level-3 {left: 240px; height: 100%}

.top-menu .sub-menu li {width: 200px}
.top-menu .sub-menu li a, .top-menu .sub-menu li span {padding: 9px 20px 9px 0; display: block; line-height: 1.2; font-size: 14px; font-weight: 500; position: relative}
.top-menu svg {width: 5px; height: 8px; position: absolute; right: 0px; top: 14px}

.top-menu .sub-menu li a:hover {color: #000}
/* NEW-MENU */


/* HOME */
.home-slider .swiper-lazy-preloader {top: unset; bottom: 40px; left: 50%; border: 2px solid #000; display: none !important; width: 20px; height: 20px; margin: 0}
.home-slider .inner {height: calc(100vw*6/16); padding: 140px 40px 20px 50%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column}
.home-slider .swiper-slide {background: #f9f9f9; cursor: default}
.home-slider .inner .title {font-size: 60px; line-height: 1; margin-bottom: 10px; font-weight: 500}
.home-slider .inner .button {margin-top: 30px; min-width: 200px; padding: 0px 25px; width: auto}
.home-slider .inner .button svg {width: 15px; height: 15px; display: inline-block; vertical-align: top; margin-top: 17px; margin-left: 20px}

.home-slider .swiper-pagination-bullet {opacity: 0.1; height: 10px; width: 10px; border-radius: 50%; background: #000}
.home-slider .swiper-pagination-bullet-active {opacity: 1}
.home-slider .swiper-button-prev, .home-slider .swiper-button-next {top: 0px; width: 20%; height: 100%}
.home-slider .swiper-button-prev {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='7.5,0 8.3,0.8 2.2,6.9 23.7,6.9 23.7,8.1 2.3,8.1 8.3,14.2 7.5,15 0,7.5'/></svg>"), auto}
.home-slider .swiper-button-next {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}

.stories {text-align: center; padding: 31px 0px 41px 0px; position: relative;font-size: 13px}
.stories a {display: inline-block; vertical-align: top}
.stories a + a {margin-left: 11px}
.stories a .img {width: 66px; height: 66px; display: block; margin: 0px auto 5px auto; border-radius: 50%; border: 3px solid #fff; box-shadow: 0px 0px 0px 2px #000; transition: 250ms; background-color: red}
.stories a:hover .img {box-shadow: 0px 0px 0px 2px #f4be9a}

.promo-slider {margin-top: 120px; margin-bottom: 180px}
.promo-slider .swiper-slide {width: 64%}
.promo-slider .swiper-slide a {display: block}
.promo-slider .swiper-slide.swiper-slide-active a {pointer-events: auto}
.promo-slider .swiper-slide a img {width: 100%}
.promo-slider .title {font-size: 35px; letter-spacing: -.4px; font-weight: 500; text-align: center; display: block; margin-bottom: 30px}
.promo-slider .title a:hover {color: #ea6951}
.promo-slider .swiper-button-prev, .promo-slider .swiper-button-next {width: 20px; color: #000; height: 13px; position: absolute; top: 12px; z-index: 10}
.promo-slider .swiper-button-prev {right: calc(3vw + 50px)}
.promo-slider .swiper-button-next {right: 3vw; transform: rotateY(180deg)}
.promo-slider .text {margin-top: -30px; padding: 0px 5%; position: relative; font-size: 11px; line-height: 1.5; letter-spacing: 0.5px; margin-top: 10px}
.promo-slider .text b {font-size: 30px; line-height: 1.1; letter-spacing: -.2px; font-weight: 500; margin-bottom: 10px; display: block; margin-right: 4%}
.promo-slider .text b:hover {color: #f4be9a}
.promo-slider .date {font-size: 16px; text-align: right; line-height: 24px; margin-top: 8px; font-weight: 500; flex-shrink: 0}
/* HOME */




nav[aria-label="Breadcrumb"] {margin-bottom: 43px; margin-top: 3px}
.bread-crumbs {font-size: 12px; text-align: center}
.bread-crumbs a {font-size: 14px}
.bread-crumbs a:hover {color: #ea6951}
.bread-crumbs li {display: inline-block}
.bread-crumbs .bread-crumbs__item:nth-last-of-type(1), .bread-crumbs .bread-crumbs__item:nth-last-of-type(2) {/*display: none*/}

.by-4-slider .title {font-size: 35px; letter-spacing: -.4px; font-weight: 500; text-align: center; display: block; margin-bottom: 30px}
.by-3-slider .title {font-size: 25px; letter-spacing: -.4px; font-weight: 500; display: block; margin-bottom: 20px}
.catalog-slider .title a:hover {color: #ea6951}
.catalog-slider .swiper-button-prev, .catalog-slider .swiper-button-next {width: 20px; color: #000; height: 13px; position: absolute; top: 12px; z-index: 10}
.catalog-slider .swiper-button-prev {right: 50px}
.catalog-slider .swiper-button-next {right: 0px; transform: rotateY(180deg)}

/* .cats:before, .cats:after {position: absolute; content: ''; top: 0; height: 100%; width: 15px; z-index: 10}
.cats:before {background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); left: 0}
.cats:after {background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); right: 0} */

.cats-slider {position: relative; padding: 0 40px; margin-bottom: 20px}
.cats .swiper-wrapper {padding-bottom: 40px}
.cats .item {border: 1px solid #e6e6e6; padding: 12px 14px; width: 190px; display: flex; align-items: center; height: unset}
.cats .item .img {width: 50px; height: 50px; display: none}
.cats .item .title {width: 100%; font-weight: 500; font-size: 14px; line-height: 1.06}
.cats .item:hover {border-color: #000; box-shadow: inset 0 0 0 2px #000}
.cats .swiper-pagination {bottom: 3px}
.cats .swiper-pagination-bullet {opacity: 0.1; height: 7px; width: 7px; border-radius: 50%; background: #000}
.cats .swiper-pagination-bullet-active {opacity: 1}
.cats .swiper-button-prev, .cats .swiper-button-next {width: 20px; color: #000; height: 13px; position: absolute; bottom: 0; top: unset; z-index: 10}
.cats .swiper-button-prev {left: 50%; margin-left: -70px}
.cats .swiper-button-next {right: 50%; margin-right: -70px; transform: rotateY(180deg)}
.cats .swiper-button-disabled {opacity: 0 !important}

.cats .swiper-button-prev, .cats .swiper-button-next {bottom: 60px}
.cats .swiper-button-prev {left: 0; margin-left: 0}
.cats .swiper-button-next {right: 0; margin-right: 0}

.seo {margin: 80px auto 0 auto; line-height: 1.7; font-size: small; /*position: relative; overflow: hidden; max-height: 300px; transition: 500ms; */}
.seo h1 {margin-bottom: 20px; text-transform: none; font-size: 26px}
.seo h2 {margin-bottom: 20px; margin-top: 40px; font-size: 22px}

.s-video {position: relative; background: #fafafa}
.s-video video {width: 100%}
.s-video svg {position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; color: #fff; z-index: 10; cursor: pointer}
.s-video svg.pause {opacity: 0.5; transition: 250ms}
.s-video:hover svg.pause {opacity: 1}



/*
.seo.show {max-height: 10000px}
.seo.show:after {display: none}
.seo:after {position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1)); height: 200px; content: ''; z-index: 1}
*/
.seo-link {margin-top: 20px; cursor: pointer; z-index: 2; color: #f4be9a; text-decoration: underline; left: 0; text-transform: uppercase; font-size: 11px; letter-spacing: 1.4px; font-weight: 500; display: none}
.seo-link:hover {color: #ea6951}

/* PRODUCT */
.analogs a.type-marketplace {display: none}
.marketplaces a.type-analog {display: none}
.marketplaces a {margin: 40px 5px 10px 0; border: 1px solid #e6e6e6; font-size: 13px; padding: 10px; display: inline-block; position: relative}
.marketplaces a:before {position: absolute; left: -1px; top: -1px; width: 3px; bottom: -1px; content: ''}
.marketplaces a.item-2:hover {background: #005bff; color: #fff; border-color: #005bff}
.marketplaces a.item-3:hover {background: #a73afd; color: #fff; border-color: #a73afd}
.marketplaces a.item-4:hover {background: #fc0; border-color: #fc0}
.marketplaces a.item-2:before {background: #005bff}
.marketplaces a.item-3:before {background: #a73afd}
.marketplaces a.item-4:before {background: #fc0}
.product-details-block {margin-bottom: 70px}
.product-details-block .product-status .left-part {width: 55%; position: relative}
.product-details-block .product-status .left-part .inner {position: sticky; position: -webkit-sticky; top: 100px}
.product-details-block .product-status .right-part {width: 45%; padding-left: 3vw; position: relative}
.product-details-block h1 {font-size: 30px; margin-bottom: 30px; text-transform: none; line-height: 1.1; letter-spacing: -.2px}
.product-details-block h1 .brand-name {text-transform: uppercase}
.product-details-block h1 .brand-name:hover {color: #f4be9a}
.product-details-block .addToCart, .product-details-block .not-available, .product-details-block .mg-non-available-button {width: calc(100% - 55px)}
/*.product-details-block .mg-non-available-button {display: none}*/
.product-details-block .mg-add-to-favorites, .product-details-block .mg-remove-to-favorites {width: 50px; height: 50px; cursor: pointer; justify-content: center; color: #fff; background: #1f2628}
.product-details-block .mg-add-to-favorites svg, .product-details-block .mg-remove-to-favorites svg {width: 20px; height: 20px}
.product-details-block .mg-add-to-favorites:hover, .product-details-block .mg-remove-to-favorites:hover {background: #f4be9a}
.product-details-block .stickers {position: absolute; z-index: 1; top: 10px; left: 3vw; font-size: 12px; text-align: center; z-index: 10; font-weight: 500; align-items: center}
.product-details-block .brand {right: 50px; width: 100%; bottom: 50px; position: absolute; z-index: 100; display: flex; justify-content: flex-end; pointer-events: none}
.product-details-block .brand img {position: static; margin-left: auto; width: unset !important; height: 100%}
.product-details-block .brand a {display: block; pointer-events: auto; filter: grayscale(1) brightness(0); transition: 250ms}
.product-details-block .brand .neicha {height: 33px}
.product-details-block .brand .oclair {height: 33px}
.product-details-block .brand .lagom {height: 31px}
.product-details-block .brand .puluk {height: 28px}
.product-details-block .brand .eyelash-maker {height: 24px}
.product-details-block .brand .amino-lifting {height: 31px}
.product-details-block .brand .beauty-wave {height: 26px}
.product-details-block .brand .vetus {height: 25px}
.product-details-block .brand .brona {height: 25px}
.product-details-block .brand .fall-in-the-volume {height: 21px}
.product-details-block .brand .excellent {height: 30px}
.product-details-block .brand .laenita {height: 30px}

.product-details-block .brand a:hover {filter: unset}
.product-details-block .stickers div {width: 50px; height: 50px; line-height: 50px; color: #fff; position: relative; margin-right: -5px}
.product-details-block .stickers div svg {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; margin: auto}
.product-details-block .product-code {color: #b3b3b3; margin-bottom: 40px}
.product-details-block .block-variants {margin: 40px 0px}
.product-details-block .available {margin-top: 20px; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase}
.product-details-block .analog-title {font-size: 11px; margin-bottom: 5px; color: #7f7f7f; line-height: 16px; font-weight: 500}
.product-details-block .analog-price {font-size: 14px; line-height: 16px; font-weight: 500}
.product-details-block .product-price {font-size: 30px; line-height: 36px; letter-spacing: -.4px; font-weight: 500; margin: 40px 0px 10px 0}
.product-details-block .js-product-controls {margin-top: 40px}
.product-details-block .product-price li {margin-right: 13px}
.product-details-block .product-price .info {margin-top: 5px; display: block; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 1.2}
.product-details-block .product-price .normal-price .info {
    color: #ea6951;
}
.product-details-block .product-price .old {
    color: #b3b3b3;
}
.product-opfield .img {width: 60px; height: 60px; position: relative}
.product-opfield .img:before {position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background: rgba(0,0,0,0.03); z-index: 2}
.product-opfield .link {display: block; color: #ea6951; font-size: 14px; margin-left: 10px; margin-right: auto}

.product-opfield .text {width: calc(100% - 70px)}

/* .product-details-block .product-slider {background: #e6e6e6} */
/* .product-details-block .swiper-slide .js-zoom-img {background: #e6e6e6} */
.product-details-block .swiper-slide:before {position: absolute; pointer-events: none; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03); z-index: 2}
.product-details-block .swiper-slide .js-zoom-img {background-size: contain; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; z-index: 1}

.product-details-block .product-slider .swiper-slide {background: #fff; position: relative; height: 0; padding-bottom: 100%}
.product-details-block .product-slider .video svg {position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; color: #fff; z-index: 10; cursor: pointer}
.product-details-block .product-slider .video svg.pause {opacity: 0.5; transition: 250ms}
.product-details-block .product-slider:hover .video svg.pause {opacity: 1}
.product-details-block .product-thumbs-slider .video svg {position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; color: #fff; z-index: 10}

.product-details-block .product-slider .swiper-slide img {margin: 0px auto; height: 100%; width: 100%}
.product-details-block video {background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; z-index: 1}

.product-details-block .product-slider .swiper-button-prev {top: 80px; z-index: 10; width: 30%; bottom: 80px; 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: 80px; z-index: 10; width: 20%; bottom: 80px; 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-slider .swiper-pagination-bullet {opacity: 0.1; height: 7px; width: 7px; border-radius: 50%; background: #000}
.product-details-block .product-slider .swiper-pagination-bullet-active {opacity: 1}


.product-details-block .product-thumbs-slider {position: absolute; left: 3vw; z-index: 20; top: 50%; transform: translateY(-50%); width: 70px}
.product-details-block .product-thumbs-slider .swiper-container {height: 310px}
.product-details-block .product-thumbs-slider img {width: 100%; height: 100%}
.product-details-block .product-thumbs-slider .swiper-slide {width: 70px; height: 70px; border: 1px solid #000; opacity: 0.5; background: #fff}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active, .product-details-block .product-thumbs-slider .swiper-slide:hover {opacity: 1}
.product-details-block .product-thumbs-slider .new-swiper-button-prev, .product-details-block .product-thumbs-slider .new-swiper-button-next {display: block; width: 100%; height: 15px; position: relative; justify-content: center}
.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 .new-swiper-button-prev {margin: 0px auto 10px auto}
.product-details-block .product-thumbs-slider .new-swiper-button-next {margin: 10px auto 0px auto}
.product-details-block .product-thumbs-slider .new-swiper-button-next svg {transform: rotateZ(180deg)}


.product-details-block .description {padding: 0px 8vw}
.product-details-block .description .left-part {width: 35%; padding-right: 3%}
.product-details-block .description .right-part {width: 65%}
.product-details-block .description .right-part .tab * {font-family: 'Graphik', sans-serif !important}

.whatsapp-static-help {justify-content: flex-end}
.whatsapp-static-help .text-svg {animation: 4s linear infinite rotate-background; animation-play-state: paused}
.whatsapp-static-help:hover .text-svg {animation-play-state: running}
.whatsapp-static-help .text {text-align: right; font-size: 13px; line-height: 1.1; color: #7f7f7f; margin-right: 20px}
.whatsapp-static-help .text b {font-size: 18px; line-height: 1.4; color: #000; display: block; font-weight: 400}
.whatsapp-static-help .img {width: 100px; height: 100px; border-radius: 50%; position: relative}
.whatsapp-static-help .img-svg {position: absolute; left: 0px; top: 0px; width: 23px; height: 23px; right: 0px; bottom: 0px; margin: auto}
@keyframes rotate-background {to {transform: rotate(1turn)}}

.product-details-block .tabs {line-height: 1.6}
.product-details-block .tabs ul {list-style-type: disc; margin-left: 17px}
.product-details-block .tabs ol {margin-left: 17px}
.product-details-block .tabs h1 {display: none}
.product-details-block .prop-string .mini-help {margin: 0 0 0 5px}
.product-details-block .prop-string .mini-help .icon {background: #f7f7f7; color: #7f7f7f}
.product-details-block .prop-string .mini-help:hover .icon, .product-details-block .prop-string .mini-help.active .icon {background: #acc9b8; color: #fff}
.product-details-block .prop-string .mini-help .text .inner {background: #ffffff; color: #191919; border: 1px solid #b5b5b5; box-shadow: 1px 1px 4px 2px #90909036}
.product-details-block .prop-string .mini-help .text:before {border-right: 5px solid #1f2628}
.product-details-block .prop-string .prop-name {color: #7f7f7f; white-space: nowrap; margin-right: 5px}
.product-details-block .prop-string .prop-spec {text-align: right; margin-left: 5px}
.product-details-block .prop-string .separator {background: linear-gradient(90deg,#7f7f7f 0,#7f7f7f 25%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0)); flex-grow: 1; background-position: 2px 24px; background-size: 4px 1px; background-repeat: repeat-x}

.product-details-block .share {margin-top: 60px/* ; margin-bottom: 140px */}
.product-details-block .share .title {font-size: 11px; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 500; margin-bottom: 5px}
.product-details-block .share a {width: 50px; height: 50px; border: 1px solid #000; margin-right: 10px; justify-content: center}
.product-details-block .share a:hover {background: #000; color: #fff}
.product-details-block .share svg {width: 20px; height: 20px}

.product-details-block .triggers {margin-top: 20px; margin-bottom: 80px}
.product-details-block .triggers .flex-inline {gap: 20px}
.product-details-block .trigger {position: relative; cursor: pointer; flex-wrap: nowrap}
.product-details-block .trigger .img {width: 40px; height: 40px; border: 1px solid #000; border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; display: flex}
.product-details-block .trigger img {width: 20px; height: 20px}
.product-details-block .trigger .title {margin-left: 10px; max-width: 130px; flex-grow: 1; line-height: 1.4; font-size: 12px}
.product-details-block .trigger .text {position: absolute; top: -8px; max-width: 100%; line-height: 1.4; font-size: 11px; padding: 20px 10px; background: #1f2628; color: #fff; left: 50px; opacity: 0; transition: 250ms}
.product-details-block .trigger .text:before {border-right: 8px solid #1f2628; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; content: ''; left: -8px; top: 19px}
.product-details-block .trigger:hover .text {opacity: 1}

.product-details-block .mg__prop_p_radio + .mg__prop_p_radio {margin-top: 15px}
.product-details-block .mg__prop_p_radio {text-transform: uppercase; font-weight: 500}
.product-details-block .mg__prop_p_radio .property-title {display: block; width: 100%; font-size: 11px; line-height: 1.5; letter-spacing: 1.4px}
.product-details-block .mg__prop_p_radio input[type=radio] {display: none}
.product-details-block .mg__prop_p_radio label {font-size: 11px; position: relative; padding: 0px 5px; text-align: center; cursor: pointer; height: 50px; width: 50px; justify-content: center; border: 1px solid #ebebeb; color: #ebebeb; margin-right: 5px; margin-top: 10px}
.product-details-block .mg__prop_p_radio label.wide {width: 105px}
.product-details-block .mg__prop_p_radio label.active {color: #000; border-color: #000}


.variants-grid {display: flex; flex-wrap: wrap; justify-content: flex-start}


.product-details-block .delivery-info {margin-top: 20px; font-size: 13px; line-height: 1.7; background: #f7f7f7; padding: 20px}
.product-details-block .delivery-info .title {font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase}
.product-details-block .delivery-info b {margin-top: 10px; display: block}
.product-details-block .delivery-info a {color: #ea6951}
.product-details-block .delivery-info li {position: relative; padding-left: 16px}
.product-details-block .delivery-info li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #000}
.product-details-block .delivery-info p + p {margin-top: 0}

.description-part {width: calc(100% - 330px)}
.closest-products-part {font-size: 11px; width: 300px; line-height: 1.4; color: #000}
.closest-products-part a {border: 1px solid #e6e6e6; padding: 12px 14px 12px 80px; margin-bottom: 30px; display: block; position: relative}
.closest-products-part a:hover {border-color: #000; box-shadow: 0 0 0 1px #000, inset 0 0 0 1px #000}
.closest-products-part a .closest-label {font-weight: 500; font-size: 16px; line-height: 1; margin-bottom: 6px; display: block}
.closest-products-part a .closest-title {font-size: 12px; line-height: 17px; opacity: 0.5}
.closest-products-part a .closest-img {width: 50px; height: 50px; position: absolute; top: 12px; left: 14px}
/* PRODUCT */


/* TABS */
.tab-links {border-bottom: 1px solid #e6e6e6; font-size: 11px; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 500; color: #7f7f7f; margin-bottom: 30px}
.tab-link {height: 23px; position: relative}
.tab-link:after {position: absolute; left: 0px; right: 0px; bottom: -1px; z-index: 10; content: ''; height: 2px}
.tab-link + .tab-link {margin-left: 42px}
.tab-link:hover {color: #ea6951}
.tab-link.active {color: #000}
.tab-link.active:after {background: #000}
/* TABS */


/* FORM-LIST */
.form-list {font-size: 0px}
.form-list li {position: relative}
.form-list li i.red-star {position: absolute; right: 0; top: 20px; color: #FF003D; font-size: 20px}
.form-list + .button {margin-top: 70px}
.form-list li + li {margin-top: 20px}
.form-list li#address_index {display: none !important}
.agreement .agreement__label {cursor: pointer; font-size: 12px; transition: 250ms}
.agreement .agreement__label .show-modal {color: #ea6951}
.agreement .agreement__label_error, .agreement .agreement__label_error a {color: #f10d48}

.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, .form-list li#address {grid-column: span 2}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {font-size: 12px; z-index: 100; line-height: 24px; position: absolute !important}
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {padding: 5px}
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li:hover {background: transparent !important; color: #ea6951 !important}
/* li#address_region {display: none} */
/* FORM-LIST */

.wholesales {color: #ea6951; border-bottom: 1px dashed #ea6951; line-height: 1.3; cursor: pointer; font-size: 14px; display: inline-block}
.wholesales b {font-size: 16px}
.mg-plugin-value-discount {color: #ea6951; line-height: 1.3; font-size: 14px; display: block; margin-top: 5px}

/* MODAL */
.overlay {background: rgba(0,0,0,0.2); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8000; display: none}
.modal {background: #fff; position: fixed; width: 680px; right: -680px; height: 100%; top: 0px; transition: 250ms; z-index: 9000}
.modal .close, .filter-form .close {width: 20px; z-index: 1000; cursor: pointer; height: 20px; margin: 0px 0px 0px auto; position: absolute; right: 40px; top: 40px}
.modal .close:hover, .filter-form .close:hover {color: #f4be9a}
.modal.show {right: 0px}
.modal .inner {padding: 59px 80px; height: 100%; display: flex; flex-direction: column}
.modal .inner .overflow-y {overflow-y: auto; height: 100%}
.modal .modal-title {letter-spacing: -.4px; font-size: 35px; font-weight: 500; margin-bottom: 30px}
.modal .modal-title span {font-size: 20px; margin-left: 6px; margin-top: 10px}
.modal-buy-more table td {padding: 10px; border: 1px solid rgba(0,0,0,0.1)}

.modal-auth {display: flex; flex-direction: column; justify-content: center}
.modal-auth .inner {width: 360px; margin: 0px auto; padding: 59px 0px}
.modal-auth .link {margin-top: 23px; margin-right: 10px; display: inline-block; text-transform: uppercase; font-size: 10px; line-height: 1.5; letter-spacing: 1.4px; font-weight: 500}
.modal-auth .link:hover {color: #ea6951}

.wrapper-modal-mg-non-available .mg-product-img {width: 120px}
.wrapper-modal-mg-non-available .mg-product-img .img {position: relative; width: 100%; height: 0px; padding-bottom: 100%}
.wrapper-modal-mg-non-available .mg-product-img .img img {position: absolute; width: 100%; height: 100%; object-fit: contain; left: 0; top: 0; z-index: 1}
.wrapper-modal-mg-non-available .mg-product-img .img:before {position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background: rgba(0,0,0,0.03); z-index: 2}
.wrapper-modal-mg-non-available .text {width: calc(100% - 160px)}
.wrapper-modal-mg-non-available .title {font-size: 18px; line-height: 120%; font-weight: 500; margin-bottom: 20px}
.wrapper-modal-mg-non-available .mg-price-non-available {margin-top: 20px; font-weight: 500}
.wrapper-modal-mg-non-available .button {margin-top: 23px}

.modal-cart tr {display: flex; position: relative; padding: 20px 0px; align-items: flex-start; flex-wrap: wrap}
.modal-cart .img-cell {width: 110px; flex-shrink: 0; margin-right: 20px; position: relative}
.modal-cart .img-cell:before {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03); z-index: 1; content: ''; pointer-events: none}

.name-cell .out {background: #888; color: #fff; font-weight: 500; text-align: center; height: 20px; line-height: 20px; z-index: 1; font-size: 12px; display: inline-block; padding: 0 10px}
.body__order .name-cell .out {font-size: 9px; height: 16px; line-height: 16px; bottom: -16px}

.modal-cart .img-cell img {width: 100%; height: 100%}
.modal-cart .img-cell .count {position: absolute; bottom: 6px; right: 8px; font-size: 14px; font-weight: 500}
.modal-cart td {display: block}
.modal-cart .cat-name {overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 14px; margin-bottom: 4px; text-transform: uppercase; font-size: 9px; font-weight: 500; line-height: 13px; letter-spacing: 1.4px; display: none}
.modal-cart .name-cell {width: calc(100% - 130px); max-width: 230px; font-size: 18px; line-height: 120%; font-weight: 500}
.modal-cart .name-cell .property {letter-spacing: 1.4px; text-transform: uppercase; font-size: 9px; line-height: 1.2; margin-top: 10px; display: block}
.modal-cart .name-cell:hover {color: #ea6951}
.modal-cart .count-cell {position: absolute; right: 30px; top: 20px; width: 100px; transition: 250ms}
.modal-cart tr:hover .count-cell, .modal-cart tr:hover .remove-cell {opacity: 1}
.modal-cart .remove-cell {position: absolute; margin-left: 15px; right: 0px; top: 20px; width: 15px; height: 30px; transition: 250ms}
.modal-cart .remove-cell a:hover {color: #ea6951}
.modal-cart .price-cell {position: absolute; right: 30px; top: 70px; font-size: 18px; font-weight: 500; text-align: right}
.modal-cart .price-cell .one {font-size: 12px; opacity: 0.5; margin-top: 5px}
.modal-cart tr .mg-remove-to-favorites, .modal-cart tr .mg-add-to-favorites {position: absolute; top: 0px; opacity: 0; width: 100%; height: 100%; left: 0px; justify-content: center; background: hsla(0,0%,100%,.4); transition: 250ms}
.modal-cart tr .img-cell:hover .mg-remove-to-favorites, .modal-cart tr .img-cell:hover .mg-add-to-favorites {opacity: 1}
.modal-cart tr .mg-remove-to-favorites svg, .modal-cart tr .mg-add-to-favorites svg {width: 30px; height: 30px; border-radius: 50%; background: #000; color: #fff; padding: 8px}
.modal-cart .top-part {min-height: calc(100% - 120px - 95px); margin-top: 32px}
.modal-cart .bottom-part {margin-top: 20px}
.modal-cart .button {margin-top: 20px}


.modal .product-wrapper .cat-name {font-size: 9px; line-height: 13px; max-height: 26px; margin-bottom: 10px}
.modal .product-wrapper .name-block {font-size: 14px; line-height: 1.4; margin-bottom: 10px}
.modal .product-wrapper .price-block {font-size: 16px; line-height: 1.4}
/* MODAL */


/* FREE-DELIVERY */
.free-delivery-progress {background: #f2f2f2; height: 5px; margin-bottom: 10px}
.free-delivery-bar {background: #000; display: block; width: 0px; height: 100%; transition: 250ms; position: relative}
.free-delivery-bar:after {width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; bottom: 10px; content: ''; position: absolute; right: -3px}
.free-delivery {font-size: 14px}
.free-delivery-success {font-size: 14px; height: 29px; line-height: 29px; background: #1cd344; color: #fff; font-weight: 500; width: 165px; text-align: center}
.free-delivery-remain {font-weight: 500}
/* FREE-DELIVERY */


/* SEARCH */
.modal-search {width: 100%; overflow-y: auto; display: none; background: #fff; padding: 60px 0px; height: calc(100% - 100px); position: absolute; z-index: 890; top: 100px; left: 0px}
.modal-search h1 {display: none}
.modal-search .left-part {width: calc(50% - 50px)}
.modal-search .right-part {width: calc(50% - 50px)}
.search .inner {display: flex; flex-direction: column; justify-content: space-between; height: 100%}
.search .swiper-container {width: 100%}
.search input[type=search] {line-height: 70px; width: 100%; height: 70px; border: none; font-size: 60px; line-height: 65px; font-weight: 500; letter-spacing: -.2px}
.search input[type=search]::placeholder {color: #e6e6e6; text-transform: none}

.search .fast-links {margin-top: 100px; font-size: 14px}
.search .fast-links b {display: block; text-transform: uppercase; font-weight: 500; margin-bottom: 15px}
.search .fast-links a {display: block; color: #7f7f7f}
.search .fast-links a + a {margin-top: 15px}
.search .fast-links a:hover {color: #000}
.wraper-fast-result {position: relative; display: none; margin-top: 100px}
.fast-result-list li + li {margin-top: 20px}
.fast-result-list a {display: flex; position: relative; align-items: center}
.fast-result-list a .fast-result-img {width: 60px; flex-shrink: 0; margin-right: 20px; position: relative}
.fast-result-list a .fast-result-img img {width: 60px; height: 60px}
.fast-result-list a .fast-result-info {width: calc(100% - 80px); line-height: 120%; font-weight: 500; font-size: 14px; line-height: 13px}
.fast-result-list a:hover .fast-result-info {color: #ea6951}
.fast-result-list a .fast-result-info span {font-size: 15px; opacity: 0.3; display: block; margin-top: 10px}
.fast-result-list a b {background: #ea6951 !important; color: #fff}

.modal-search .brands {margin-top: 100px}
.modal-search .brands .item {display: block; font-size: 14px; text-transform: uppercase; font-weight: 500}
.modal-search .brands .item:hover {color: #ea6951}
.modal-search .brands .item + .item {margin-top: 15px}
::-webkit-search-cancel-button {-webkit-appearance: none}
/* SEARCH */


/* COMPILATION */
.compilation-block {margin: 120px 0px}
.compilation-block .left-part {width: 60%; position: relative; text-align: right; min-height: 520px}
.compilation-block .left-part img {object-fit: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%}
.compilation-block .left-part .text {position: absolute; top: -22px; padding: 0px 80px; width: 100%; z-index: 1; left: 0px; font-weight: 500}
.compilation-block .left-part .title {margin-bottom: 10px; font-size: 60px; letter-spacing: -.2px}
.compilation-block .right-part {width: 40%; padding: 0px 3vw}
.compilation-block .product-wrapper .cat-name {font-size: 9px; margin: 10px 0px}
.compilation-block .product-wrapper {display: flex; justify-content: space-between}
.compilation-block .product-wrapper + .product-wrapper {margin-top: 20px}
.compilation-block .product-wrapper .text {width: calc(100% - 40%)}
.compilation-block .product-wrapper .top-part {width: 33.33%; padding-bottom: 33.33%; margin-bottom: 0px}
.compilation-block:nth-of-type(2n) .right-part {order: 1; text-align: right}
.compilation-block:nth-of-type(2n) .left-part {order: 2; text-align: left}
.compilation-block:nth-of-type(2n) .product-wrapper .top-part {order: 2}
.compilation-block:nth-of-type(2n) .product-wrapper .text {order: 1}

.compilation-block .link {font-size: 11px; line-height: 1.5; padding-left: 5px; letter-spacing: 1.4px; text-transform: uppercase}
.compilation-block .link:hover {color: #ea6951}
.compilation-block .link svg {display: inline-block; margin-left: 10px; display: inline-block; vertical-align: top; margin-top: 5px; width: 13px; height: 9px; transform: rotateY(180deg)}
/* COMPILATION */


/* PROMO */
.promo-form {min-width: 270px; background-image: linear-gradient(90deg,#000 25%,hsla(0,0%,100%,0) 0),linear-gradient(180deg,#000 25%,hsla(0,0%,100%,0) 0),linear-gradient(90deg,#000 25%,hsla(0,0%,100%,0) 0),linear-gradient(180deg,#000 25%,hsla(0,0%,100%,0) 0); background-size: 5px 1px,1px 5px,5px 1px,1px 5px; background-repeat: repeat-x,repeat-y,repeat-x,repeat-y; background-position: 0 0,0 top,0 100%,100% top; display: flex; justify-content: space-between; padding-right: 13px; align-items: center}
.promo-form input[type=text]::placeholder {text-transform: uppercase}
.promo-form input[type=text] {border: none; height: 44px; line-height: 44px; padding: 0px 15px; font-size: 10px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase}
.promo-form button {opacity: 0.22; background: #1f2628; border: none; padding: 5px 5px; color: #fff; letter-spacing: 1.4px; font-size: 10px}
.promo-form input[type=text]:focus + button, .promo-form button:hover {opacity: 1}

.cart-wrapper .promo-form {margin: 25px 0px}
.coupon-msg {position: absolute; margin-top: 70px; letter-spacing: 1.4px; font-size: 10px; text-transform: uppercase}
/* PROMO */



/* AMOUNT */
.amount_change {width: 110px}
.amount_change a, .amount_change button {width: 30px; height: 30px; border: none; justify-content: center; background: #f2f2f2; border-radius: 50%}
.amount_change a svg, .amount_change button svg {width: 10px; height: 10px}
.amount_change a:hover, .amount_change button:hover {background: #000; color: #fff}
.amount_change input[type=text] {width: 50px; text-align: center; border-color: #fff; line-height: 29px; font-weight: 500; height: 30px}
.amount_change:hover input[type=text] {border-color: #b3b3b3}
.cart_form .maxCount {margin-top: 5px; display: block; font-size: 11px; text-align: center; color: #ea6951}
.product-status .cart_form {display: flex; align-items: center}
.product-status .product-max-count {margin-left: 15px; font-size: 14px}
/* AMOUNT */


.alert {color: #fff; padding: 5px; background: #ea6951; text-align: center; margin-bottom: 20px; line-height: 1.5; font-size: 13px}
.alert.success {background: #ecffed; color: #4caf50}
.alert a {font-weight: 500; text-decoration: underline; color: #fff !important}

.alert .error {
    display: block;
}
.alert .error + .error {
    margin-top: 5px;
}

.p4-shops .shop + .shop {border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px; margin-top: 20px}
.p4-shops .shop-workhours {color: #888; display: block}
.p4-shops .social ul li {padding-left: 0px !important; margin-top: 5px}
.p4-shops .social ul li:before {display: none !important}
.p4-shops .social ul li .social-link {width: 28px; height: 24px; background-size: contain !important; opacity: 0.3}
.p4-shops .social ul li .social-link:hover {opacity: 1}

/* BLOG */
.mg-main-news-list {gap: 40px; justify-content: center}
.mg-main-news-item {width: calc(50% - 70px); margin-bottom: 30px}
.mg-main-news-item .text {margin-top: -30px; padding: 0px 5%; position: relative; font-size: 11px; line-height: 1.5; letter-spacing: 0.5px; margin-top: 10px}
.mg-main-news-item .text b {font-size: 30px; line-height: 1.1; letter-spacing: -.2px; font-weight: 500; margin-bottom: 10px; display: block; margin-right: 4%}
.mg-main-news-item .text b:hover {color: #f4be9a}
.mg-main-news-item .date-block {font-size: 16px; text-align: right; line-height: 24px; margin-top: 8px; font-weight: 500; flex-shrink: 0}
.mg-main-news-item .img {height: 0; padding-bottom: 40%; background-color: #ebebeb}
.mg-main-news-item .time {display: block; font-size: 11px; color: #888; font-weight: 400; line-height: 1.2; margin-top: 5px}


.mg-news-details h3 {text-transform: none}
.mg-news-details .max {padding: 0 10vw}
.mg-news-details .max .left-part {max-width: 1060px; margin: 0 auto}
.mg-news-details .text {font-size: 15px; line-height: 1.7; padding-top: 20px}
.mg-news-details .text img {width: 100% !important; height: auto !important}
.mg-news-details .text .after-img {display: block; margin-top: 10px; font-size: 11px; color: #888; text-decoration: underline}
.mg-news-details .time {display: flex; align-items: center}
.mg-news-details .time svg {width: 20px; height: 20px; margin-right: 5px}

.tags {margin-top: 50px}
.tags a {color: #ea6951; margin-left: 10px}
.tags a:hover {text-decoration: underline}

.similar-articles .grid {grid-template-columns: repeat(4,1fr); gap: 24px; display: grid}
.similar-articles .title {font-size: 35px; letter-spacing: -.4px; font-weight: 500; padding-left: 50%; margin-bottom: 30px}
.similar-articles a {font-size: 11px; line-height: 1.4; color: #000; border: 1px solid #e6e6e6; padding: 12px 14px; display: block; position: relative}
.similar-articles a:hover {border-color: #9f9d9d}
.similar-articles a .label {font-weight: 500; font-size: 16px; line-height: 1; margin-bottom: 6px; display: block}
.similar-articles a .text {font-size: 16px; line-height: 17px}
.similar-articles a .date-block {font-size: 12px; color: #888; margin-top: 14px}
.similar-articles a .img {width: 100%; height: 0; padding-bottom: 40%; margin-bottom: 14px}
/* BLOG */


.mini-help {position: relative; margin-bottom: 10px; width: 25px}
.mini-help .icon {background: #acc9b8; color: #fff; width: 25px; height: 25px; line-height: 25px; display: block; border-radius: 50%; text-align: center; font-weight: 500; font-size: 13px; cursor: pointer}
.mini-help .text {position: absolute; left: 25px; width: 180px; font-size: 11px; line-height: 1.5; display: none; top: 0; z-index: 100; color: #1f2628; white-space: normal; padding-left: 10px}
.mini-help .text .inner {max-height: 300px; overflow-y: auto; padding: 10px; display: block; width: 100%; background: #f7f7f7}
.mini-help .text .inner::-webkit-scrollbar {-webkit-appearance: none; width: 3px}
.mini-help .text .inner::-webkit-scrollbar-thumb {border-radius: 0px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)}

.mini-help .text:before {position: absolute; top: 10px; left: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #f7f7f7; content: ''}

/* PERSONAL */
.body__personal .max {padding: 0px 10vw}
.order-history-list table td {padding: 20px; vertical-align: top}
.order-history-list table td:not(:first-of-type) {white-space: nowrap}
/* PERSONAL */

/* GEOLOCATION */
.modal-geolocation .main-cities-list {margin-bottom: 40px}
.modal-geolocation .main-cities-list li {padding: 12px 0 6px}
.modal-geolocation .main-cities-list li:hover {color: #ea6951}
/* GEOLOCATION */



.line-spinner {width: 200px; height:2px; opacity: 0; margin: auto; bottom: 10px; left: 0px; right: 0px; position: absolute; transform-origin: 100% 0; transform:translateZ(0); animation:ease-out spinner-line .8s infinite}

.line-spinner:after, .line-spinner:before {content:''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; transform-origin:0 0}
.line-spinner:before {opacity: 0; animation: ease-out spinner-line-1 .8s infinite}
.line-spinner:after {opacity: 1; animation: ease-out spinner-line-2 .8s infinite}
.line-spinner.active {opacity: 1}

@keyframes spinner-line {0%{transform:scaleX(0)}6%{transform:scaleX(1)}50% {transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes spinner-line-1{0%{transform:scaleX(0)}25%{transform:scaleX(1)}to{transform:scaleX(1)}}
@keyframes spinner-line-2 {0%{transform:scaleX(0)}25% {transform:scaleX(0)}50%{transform:scaleX(1)}94%{transform:scaleX(1)}to{transform:scaleX(0)}}




/* CATALOG */
.catalog h1 {text-transform: none; text-align: center; margin-bottom: 40px}
.catalog .desc {margin: 40px auto; line-height: 1.7; font-size: small; max-width: 60%; text-align: center}
.catalog.group h1 {margin-bottom: 80px}
.product-wrapper {position: relative; font-weight: 500}
.product-wrapper .brand {position: absolute; bottom: 10px; left: 10px; text-align: right; z-index: 10; filter: grayscale(1) brightness(0)}

.product-wrapper .brand.neicha {height: 22px}
.product-wrapper .brand.oclair {height: 22px}
.product-wrapper .brand.lagom {height: 21px}
.product-wrapper .brand.puluk {height: 19px}
.product-wrapper .brand.eyelash-maker {height: 16px}
.product-wrapper .brand.amino-lifting {height: 21px}
.product-wrapper .brand.beauty-wave {height: 18px}
.product-wrapper .brand.vetus {height: 17px}
.product-wrapper .brand.brona {height: 17px}
.product-wrapper .brand.fall-in-the-volume {height: 14px}
.product-wrapper .brand.excellent {height: 20px}
.product-wrapper .brand.laenita {height: 20px}


.product-wrapper .brand img {position: static; margin-left: auto; width: unset !important}
.product-wrapper.out-of-stock .bottom-part, .product-wrapper.out-of-stock .top-part a, .product-wrapper.out-of-stock .top-part .stickers {opacity: 0.2}
.product-wrapper .out-of-stock-plate {position: absolute; top: 0; display: none; right: 0; bottom: 0; left: 0; margin: auto; width: 120px; height: 30px; line-height: 30px; text-align: center; background: #1f2628; color: #fff; z-index: 10; font-size: 10px; text-transform: uppercase; letter-spacing: 1.4px;}
.product-wrapper.out-of-stock .out-of-stock-plate {display: block}
.product-wrapper .stickers {position: absolute; z-index: 1; top: 10px; left: 10px; font-size: 11px; text-align: center; width: 40px}
.product-wrapper .stickers div {width: 100%; position: relative; height: 40px; line-height: 40px; color: #fff; margin-bottom: -10px}
.product-wrapper .stickers div svg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; margin: auto}
.product-wrapper .stickers div:nth-of-type(even) svg {transform: rotateY(180deg)}
.product-wrapper .top-part {margin-bottom: 20px; overflow: hidden; display: block; position: relative; height: 0px; padding-bottom: 100%}
.product-wrapper .img {height: 100%; width: 100%; position: absolute; left: 0px; top: 0px}
.product-wrapper .img:before {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03); z-index: 1; content: ''; pointer-events: none}
.product-wrapper img {width: 100%; height: 100%; position: absolute}
.product-wrapper .cat-name {font-size: 10px; text-transform: uppercase; line-height: 1.45; letter-spacing: 1.4px; display: block; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2}
.product-wrapper .name-block {margin-bottom: 15px; font-size: 17px; line-height: 28px; display: block; word-break: break-word}
.product-wrapper .price-block {font-size: 20px; height: 24px; line-height: 24px}
.product-wrapper .price-block .old-price {color: #a0a0a0; margin-right: 5px}
.product-wrapper .bottom-part {display: block}
.product-wrapper .text:hover .name-block {color: #acc9b8}
.product-wrapper .mg-add-to-favorites, .product-wrapper .mg-remove-to-favorites {position: absolute; width: 35px; cursor: pointer; height: 35px; top: 0px; right: 0px; justify-content: center; z-index: 10}
.product-wrapper .mg-add-to-favorites {color: #b3b3b3}
.product-wrapper .mg-add-to-favorites svg, .product-wrapper .mg-remove-to-favorites svg {width: 15px; height: 15px}
.product-wrapper .mg-add-to-favorites:hover, .product-wrapper .mg-remove-to-favorites {color: #f4be9a}

.product-wrapper .hover-button {position: absolute; bottom: -40px; left: 0px; width: 100%}
.product-wrapper .hover-button {bottom: 0px}

/* .product-wrapper:nth-of-type(4n+1), .product-wrapper:nth-of-type(4n+2) {text-align: right} */
.product-wrapper .buttons-block {position: absolute; bottom: -50px; left: 0px; right: 0px; opacity: 0; transition: 250ms; z-index: 10}
/* CATALOG */

.slider-more {position: relative; font-weight: 500}
.slider-more .top-part {margin-bottom: 20px; display: block; position: relative; height: 0px; padding-bottom: 100%}
.slider-more .img {height: 100%; flex-direction: column; display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0px}
.slider-more b {font-size: 20px; line-height: 24px; margin-bottom: 15px; display: block}
.slider-more .link {font-size: 11px; line-height: 16px; letter-spacing: 1.4px; text-transform: uppercase}
.slider-more svg {width: 16px; height: 10px; transform: rotateZ(180deg); display: inline-block; vertical-align: middle; margin-left: 10px}
.slider-more:hover .link {color: #f4be9a}

.reviews-count {background: #ebebeb; padding: 5px}

/* ORDER */
.body__order main .max {padding: 0px 10vw}
.body__order .left-part {width: 50%}
.body__order .step-1 {display: flex; flex-direction: column}
.body__order .step-1 .title {order: 1}
.body__order .step-1 .alert {order: 2}
.body__order .step-1 .delivery-details-list {order: 3}
.body__order .step-1 .form-list {order: 4; margin-top: 20px}
.body__order .left-part .title {font-weight: 500; font-size: 30px; line-height: 1.1; letter-spacing: -.4px; margin-bottom: 20px}
.body__order .left-part .title.step-2, .body__order .left-part .title.step-3 {margin-top: 60px}
.body__order .left-part .title span {margin-right: 50px; font-size: 18px}
.body__order .right-part {width: calc(50% - 80px)}
.body__order .right-part .title {font-size: 25px; font-weight: 500; line-height: 1.1; letter-spacing: -.4px; margin-bottom: 30px}
.body__order .right-part .title span {font-size: 14px}
.body__order .right-part .title + a {position: relative; font-size: 9px; border-bottom: 1px solid #c2a283; font-weight: 500; color: #c2a283; text-transform: uppercase; letter-spacing: 1.4px; margin-bottom: 30px}
.body__order .right-part .title + a:hover{color: #000; border-color: #000}

.body__order .product-cart {padding: 25px 30px; background: #f9f9f9; position: sticky; position: -webkit-sticky; top: 80px}
.delivery-details-list, .payment-details-list {width: 100%; margin-top: 20px; position: relative; display: grid; grid-gap: 1px; grid-template-columns: repeat(3,1fr)}
.delivery-details-list label, .payment-details-list label {height: 120px; padding: 12px 14px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; position: relative; background: #fff; border: 1px solid #e6e6e6; width: 100%}
.delivery-details-list li {margin-bottom: 10px}
.delivery-details-list li:nth-of-type(3n + 2) label, .payment-details-list li:nth-of-type(3n + 2) label {margin-left: -2px}
.delivery-details-list li:nth-of-type(3n + 3) label, .payment-details-list li:nth-of-type(3n + 3) label {margin-left: -4px}
.delivery-details-list label span {width: auto}
.delivery-details-list label:after, .payment-details-list label:after {content: ''; position: absolute; top: -2px; bottom: -2px; z-index: 10; right: -2px; left: -2px; border: 3px solid #000; opacity: 0; transition: 250ms}
.kcdek-delivery-address-user-show.kcdek-delivery-address, .kcdek-delivery-address-user-show.kcdek-delivery-time {font-size: 12px; margin-top: 0.5rem;}

.delivery-details-list label.active, .payment-details-list label.active {z-index: 20}
.delivery-details-list label.active:after, .payment-details-list label.active:after {opacity: 1 !important}
.delivery-details-list label .deliveryName {font-weight: 500; font-size: 16px; line-height: 1; margin-bottom: 2px; text-transform: none; display: block}
.delivery-details-list label .deliveryDesc {font-size: 12px; line-height: 17px; opacity: 0.5}


.delivery-details-list label .deliveryPrice, .delivery-details-list label .deliveryCurrency {font-weight: 500; font-size: 14px}
.delivery-details-list .delivery-period {font-size: 12px; display: none !important; position: absolute; right: 10px}
.delivery-details-list input[type=radio], .payment-details-list input[type=radio] {display: none}
.checkout-btn {margin: 40px 0px 10px 0px}
.delivery-addition-info {margin-top: 20px; margin-bottom: 40px; display: block}
.payment-details-list li.notify {grid-column: span 3; color: #FF003D}
.delivery-addition-info .link {text-transform: uppercase; font-size: 11px; line-height: 1.5; letter-spacing: 1.4px; font-weight: 500}
.delivery-addition-info .link:hover {color: #ea6951}

/* .payment-details-list:hover label:after {opacity: 0 !important} */
/*
.payment-details-list hr {position: absolute; left: -1px; top: -1px; height: 102px; width: calc((100% + 4px)/3); border: 3px solid #000; content: ''; opacity: 0; transition: left 300ms; z-index: 20; pointer-events: none; margin: 0; background: none}
.payment-details-list:hover hr {opacity: 1}

.payment-details-list li:nth-of-type(1):hover ~ hr {left: -1px} 
.payment-details-list li:nth-of-type(2):hover ~ hr {left: calc((100% + 4px)/3 - 4px)} 
.payment-details-list li:nth-of-type(3):hover ~ hr {left: calc((100% + 4px)*2/3 - 6px)} 
*/

.sdek-choose-samovivoz {margin-top: 20px; margin-bottom: 40px}
.sdek-pvz-info {border: none !important; margin: none !important}
input[name="courier-error"] {display: none}
span.icon-payment-7 {display: none}

.payment-form-block {margin: 40px 0px}
.payment-details-list .desc {margin-top: 4px; display: block; text-transform: uppercase; font-size: 8px; height: 32px; font-weight: 500; line-height: 13px; letter-spacing: 1.4px}

.mg-notice.type-html .h1-like {width: 100%; font-weight: 500; line-height: 1; font-size: 30px; margin-bottom: 20px; padding-right: 40px}

.total-price-block .line + .line {margin-top: 5px}
.total-price-block .line.price-total {margin-top: 25px; display: block; text-align: right; font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: 1.4px}
.total-price-block .line.price-total strong {font-size: 20px; margin-top: 5px; display: block}
.total-price-block .line .name {color: #7f7f7f; white-space: nowrap; margin-right: 5px; font-size: 14px}
.total-price-block .line .value {white-space: nowrap; margin-left: 5px}
.total-price-block .line .separator {background: linear-gradient(90deg,#7f7f7f 0,#7f7f7f 25%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0)); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x}

.product-cart tr {display: flex; position: relative; padding: 20px 0px; align-items: flex-start}
.product-cart .img-cell {width: 100px; flex-shrink: 0; margin-right: 20px; position: relative}
.product-cart .img-cell img {width: 100px; height: 100px}
.product-cart .img-cell .count {position: absolute; bottom: 0; right: 0px; font-size: 10px; font-weight: 500; display: none}
.product-cart td {display: block}
.product-cart .cat-name {overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 4px; text-transform: uppercase; font-size: 8px; font-weight: 500; line-height: 13px; letter-spacing: 1.4px}
.product-cart .prop-position {margin-top: 4px; display: inline-block; margin-right: 15px; text-transform: uppercase; font-size: 8px; font-weight: 500; line-height: 13px; letter-spacing: 1.4px}
.product-cart .name-cell {width: calc(100% - 80px); position: relative; max-width: 230px; font-size: 14px; line-height: 120%; font-weight: 500}
.product-cart .name-cell .property {letter-spacing: 1.4px; text-transform: uppercase; font-size: 9px; line-height: 1.2; margin-top: 10px; display: block}
.product-cart .name-cell:hover {color: #ea6951}
.product-cart .price-cell {font-size: 15px; margin-top: 5px; font-weight: 500}
.product-cart .price-cell .one {opacity: 0.5; font-size: 12px}
.product-cart .deleteItemFromCart {width: 15px; height: 30px; display: block; margin-left: 15px}
/* ORDER */


/* PAGINATION */
.c-pagination .allPages,
.mg-pager .allPages {
    margin: 10px 0;
    text-align: center;
}

.c-pagination ul,
.mg-pager ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.mg-pager li {display: block}
.c-pagination ul a,
.mg-pager li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 32px;
    margin: 4px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #666;
    border-radius: 3px;
    background: #dadada;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .c-pagination ul a,
    .mg-pager li > a {
        width: 30px;
        height: 26px;
    }
}

.c-pagination ul a:hover,
.c-pagination ul a.active,
.mg-pager li > a:hover,
.mg-pager li > a.active {
    color: #fff;
    background: #5b3f97;
}

.c-pagination ul a:active,
.mg-pager li > a:active {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.mg-pager .linkPage:focus {
    outline: none;
}

.mg-pager, .pager {margin-top: 80px}
.mg-pager .allPages {display: none!important}
.mg-pager li > a {background: #fff; border-radius: 0; border: 1px solid #000; color: #000}
.mg-pager li > a:hover, .mg-pager li > a.active {border-radius: 0; background-color: #1f2628; border: 1px solid #1f2628}
/* PAGINATION */


/* STATIC */
.static.max {padding: 0px 10vw}
.static .left-part {width: 40%; text-align: right; padding-right: 10%}
.static .left-part .page-menu {font-size: 14px; margin-top: 130px; font-weight: 500; line-height: 1.4; position: sticky; position: -webkit-sticky; top: 150px}
.static .left-part .page-menu li + li {margin-top: 16px}
.static .left-part .page-menu li:hover a, .static .left-part .page-menu li.active a {color: #ea6951}
.static .right-part {width: 60%; font-size: 13px; line-height: 1.7}
.static .right-part table img {width: 250px}
.static h1 {line-height: 110%; letter-spacing: -.2px; margin-bottom: 60px}
.static h2 {margin-top: 40px; line-height: 1.1; font-size: 22px}
.static h3 {margin-top: 20px}
.static .right-part a, .static.text a, .seo a, .description-part a {color: #ea6951}
.static .right-part a:hover, .static.text a:hover, .seo a:hover, .description-part a:hover {text-decoration: underline}
.static .right-part a.whatsapp {display: inline-block; vertical-align: middle; margin-left: 5px; color: #4caf50}
.static .brands .item {display: block}
.static .brands .item + .item {margin-top: 15px}
.static .brands .item:hover {color: #ea6951}
.static .left-part .page-menu li + li {margin-top: 16px}
.static .right-part ul:not(.form-list) li, .seo li, .static.text li {position: relative; padding-left: 16px; display: block}
.static .right-part ul:not(.form-list) li:before, .seo li:before, .static.text li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #000}
.static iframe, .static .all-shops-map {filter: grayscale(100%)}
.static p + iframe, .static p + p, .static p + ul, .static ul + p, .static p + img, .static img + p {margin-top: 10px}
.static iframe:hover, .static .all-shops-map:hover {filter: grayscale(0%)}
.static .right-part .contact-page-messengers {margin-top: 10px}
.static .right-part .contact-page-messengers a {margin-right: 10px; color: #000}
.static .right-part .contact-page-messengers a.wa:hover {color: #ea6951}
.static .right-part .contact-page-messengers a.vi:hover {color: #ea6951}
.static .right-part .contact-page-messengers a.tg:hover {color: #ea6951}
.static td, .static th {padding: 10px; border: 1px solid rgba(0,0,0,0.1)}

.coworking table tr {display: flex; justify-content: space-between; flex-wrap: wrap}
.coworking table td:first-of-type {width: calc(40% - 50px)}
.coworking table td:last-of-type {width: calc(60% - 50px)}
.coworking img {width: 100% !important; height: unset !important}

.coworking li + li {margin-top: 5px}
.coworking li {position: relative; padding-left: 16px}
.coworking li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 8px; background: #000}

/* STATIC */


/* FILTER */
.apply-filter-line {margin: 40px 0; text-align: center}
.apply-filter-line svg {width: 10px; height: 10px}
.apply-filter-line .apply-filter-title {font-size: 17px; font-weight: 500; margin-bottom: 30px}
.apply-filter-line .filter-tags {gap: 20px; align-items: flex-end; justify-content: center}
.apply-filter-line .filter-values {gap: 10px}
.apply-filter-line .apply-filter-item-value, .apply-filter-line .filter-price-range {background: #1f2628; color: #fff; padding: 0 10px; border-radius: 1px; font-size: 13px; display: flex; gap: 10px; align-items: center; height: 30px}
.apply-filter-line .filter-property-name {display: block; margin-bottom: 10px; font-weight: 500; font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; text-align: left}
.apply-filter-line .apply-filter-item-value:hover, .apply-filter-line .filter-price-range:hover {background: #ea6951}
.apply-filter-line .refreshFilter {color: #888; font-size: 13px; height: 30px; line-height: 30px}
.apply-filter-line .refreshFilter:hover {color: #1f2628}

.show-filter {font-size: 11px; text-transform: uppercase; letter-spacing: 1.3px; display: flex; justify-content: center; align-items: center; gap: 10px}
.show-filter svg {width: 20px; height: 20px; transform: rotateZ(90deg)}
.mg-filter-item {margin: 0 5px; text-align: left; position: relative; margin-bottom: 17px}
.mg-filter-item .mg-filter-title {padding-bottom: 14px; padding-right: 20px; font-weight: 500; font-size: 11px; letter-spacing: 1.4px; 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; border-bottom: 1px solid rgba(0,0,0,0.1)}
.mg-filter-item .mg-filter-title svg {width: 5px; height: 8px; transition: 250ms}
.mg-filter-item:hover .mg-filter-title, .mg-filter-item.active .mg-filter-title {color: #ea6951}
.mg-filter-item .mg-filter-title.active svg {transform: rotateZ(90deg)}
.mg-filter-item.disabled {opacity: 0.1; pointer-events: none}
/* .mg-filter-item:hover {opacity: 1} */
.mg-filter-item .mg-filter-list {display: none; padding: 20px 0px; top: 100%; z-index: 10; background: #fff; font-weight: 500}
.mg-filter-item .value-name {font-size: 13px; cursor: pointer; display: inline-block; width: calc(100% - 23px); vertical-align: top}
.mg-filter-item li:hover .value-name {color: #888}
.mg-filter-item li + li {margin-top: 14px}
.mg-filter-item input[type=checkbox] {margin-top: -6px}
/* .mg-filter-item input[type=checkbox]:checked + span:before, .mg-filter-item input[type=radio]:checked + span:before {top: 6px; left: 2px; content: ''; display: inline-block; margin-right: 10px; background-color: #000; width: 6px; height: 6px} */
.filter-buttons {display: flex; justify-content: center; align-items: center; gap: 30px; color: #888; font-size: 13px; margin-top: 20px; flex-wrap: wrap}
.filter-buttons .link {cursor: pointer}
.filter-buttons .link:hover {color: #1f2628}
.mg-filter-item .remove {position: absolute; width: 10px; height: 10px; right: 0px; top: -2px; display: none; cursor: pointer}
.mg-filter-item .remove svg {width: 8px; height: 8px}
.mg-filter-item.active .remove {display: flex; align-items: center; justify-content: center; background: #1f2628; border-radius: 50%; width: 15px; height: 15px; color: #fff}
.mg-filter-item .remove:hover {background: #ea6951}
.mg-filter-head, .mg-filter-body, .mg-filter {display: inline}
.price-slider-list li input[type=text] {padding-left: 25px}
.price-slider-list li {position: relative}
.price-slider-list li span {position: absolute; left: 0px; top: 17px}
.price-slider-list li + li {margin-top: 0px}
.ui-slider .ui-slider-handle {background: #fff; top: -9px; height: 20px; width: 20px; border: 1px solid #000; border-radius: 50%}
.ui-slider-horizontal {height: 2px; background: #b3b3b3; margin-top: 15px}
.ui-slider .ui-slider-range {background: #000}
.mg-filter-item .mg-filter-list .disabled-prop .value-name {pointer-events: none; opacity: 0.3; color: inherit}
.filter-preview span {position: absolute; top: -60px; left: 0; padding: 10px; background: #f7f7f7; display: none !important; width: 100%; text-align: center; font-size: 14px; letter-spacing: 0.5px}
.filter-preview a {color: #ea6951; text-decoration: underline}
.filter-form .button {width: 190px}
/* FILTER */


/* SPOILER */
.spoiler-title {margin-top: 20px; padding: 10px; background: #f7f7f7; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; cursor: pointer; position: relative; transition: 250ms}
.spoiler-title:after {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url("data:image/svg+xml,<svg viewBox='0 0 10 10' width='10' height='10' xmlns='http://www.w3.org/2000/svg'><path d='M5.75 5.75V10h-1.5V5.75H0v-1.5h4.25V0h1.5v4.25H10v1.5H5.75z'/></svg>") no-repeat; transition: 250ms; content: ''; width: 10px; height: 10px}
.spoiler-title.active {background: #b3b3b3}
.spoiler-title.active:after {transform: translateY(-50%) rotateZ(45deg)}
.spoiler-content {margin-top: 10px; background: #f7f7f7; display: none; margin-top: 10px; padding: 20px}
.spoiler-toggle {display: none}
.content {line-height: 1.6}
.content p + img, .content img + p, .content p + ul, .content ul + p, .content p + p {margin-top: 10px}
.content p + .s-video, .content img + .s-video, .content ul + .s-video, .content .s-video + .s-video, .content .s-video + p, .content .s-video + img, .content .s-video + ul {margin-top: 10px}
.content li {position: relative; padding-left: 16px; display: block}
.content li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #000}
.content a {color: #ea6951}
.content a:hover {text-decoration: underline}
/* SPOILER */


/* FOOTER */
.rating {text-align: center; display: flex; gap: 30px; font-size: 13px; line-height: 1}
.rating .title {margin-bottom: 10px; display: none}
.rating .item {display: flex; align-items: center; color: #fff; flex-wrap: wrap; width: 100px}
.rating .item .yandex {width: 100%; height: 20px; margin-bottom: 5px}
.rating .item .market {width: 100%; height: 20px; margin-bottom: 5px}
.rating .item .zoon {width: 100%; height: 20px; margin-bottom: 5px}
.rating .item .star {width: 13px; height: 13px; color: #f6c707; margin-right: 1px}
.rating .item .num {font-weight: 500; margin-left: 5px; font-size: 15px}

.whatsapp-scroll-help {background: #f4be9a; cursor: pointer; border-radius: 50%; width: 90px; height: 90px; position: sticky; position: -webkit-stickty; z-index: 900; margin: -90px 3vw 20px auto; bottom: 20px}
.whatsapp-scroll-help .inner {position: relative; width: 100%; height: 100%}
.whatsapp-scroll-help .messengers {position: absolute; bottom: 90px; left: 20px; width: 50px; display: none}
.whatsapp-scroll-help .messengers a {height: 50px; width: 50px; margin-bottom: 10px; justify-content: center}
.whatsapp-scroll-help .messengers a.wa:hover {color: #ea6951}
.whatsapp-scroll-help .messengers a.vi:hover {color: #ea6951}
.whatsapp-scroll-help .messengers a.tg:hover {color: #ea6951}

.whatsapp-scroll-help .img-svg {position: absolute; left: 0px; top: 0px; width: 23px; height: 23px; right: 0px; bottom: 0px; margin: auto}
.whatsapp-scroll-help:hover {background: #ea6951}
footer {background: #1f2628; color: #fff; margin-top: 70px}
footer .social {width: 300px}
footer .social .icon {height: 30px; justify-content: center; font-size: 11px}
footer .social .icon.whatsapp svg {margin-right: 5px}
footer .top-part {line-height: 52px; height: 52px; text-align: center; font-size: 15px}
footer .logo {height: 45px; width: 140px}
footer .top-part ul a {opacity: 0.3}
footer .top-part ul a:hover {opacity: 1}
footer .top-part li + li {margin-left: 40px}
footer .contacts-block a + a {margin-left: 40px}
footer .middle-part {border-top: 1px solid rgba(255,255,255,0.1); height: 120px}
footer .middle-part .payments {width: 300px}
footer .bottom-part {font-size: 11px; padding-bottom: 30px; opacity: 0.3; text-align: center}
footer .bottom-part .copyright {margin-bottom: 10px}
footer .bottom-part a {text-decoration: underline}
footer .bottom-part a + a {margin-left: 10px}

.subscribe:before {position: absolute; z-index: -1; background: #F7F7F7; top: 0; right: 0; bottom: 0; content: ''; width: 80%; height: 100%}
.subscribe {width: 65%; margin: 0px auto; padding: 60px 0 70px; margin-bottom: 120px; position: relative; margin-top: 120px}
.subscribe .text {width: 40%; margin: 0px 10%; line-height: 1.6}
.subscribe .img {height: 254px; width: 40%}
.subscribe .title {margin-top: -15px; margin-bottom: 19px; font-size: 40px; line-height: 1; letter-spacing: -.2px; font-weight: 500}
.subscribe form {margin-top: 15px}
.subscribe .button {width: 100%; margin-top: 30px}
/* FOOTER */

.invalid input {border-color: #f00}

/* DADATA */
.suggestions-hint{
    display: none!important;
}

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

.product-details-block .mg__prop_p_radio label.proactive {border-color: #1f2628; color: #1f2628}

.product-details-block .mg__prop_p_radio label.proactive.active {border-color: #1f2628; background: #1f2628; color: #fff}

/* SWIPER EFFECT */
.swiper-cover {
    display: inline-block;
    z-index: 100;
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 1000px;
    transition: left .5s ease;
}

.swiper-cover.active {
    left: 0!important;
}

/* Block variants */
.block-variants {
    display: none;
}
.block-variants input[type=radio] {width: 20px; height: 20px; display: inline-block; border: 1px solid red}
.block-variants input[type=radio]:checked {background: red}

.scrollup {position: absolute; text-align: center; color: #a0a0a0; left: 0px; bottom: 130px; cursor: pointer; width: 90px; display: block; transition: 250ms}
.scrollup:hover {color: #f4be9a}

.gallery {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px}

.modal-slider {position: fixed; background: #fff; z-index: 9000; left: 0px; width: 100%; top: 0px; height: 100%; overflow-y: auto; padding: 0px 10vw}
.modal-slider img {margin: 0px auto}
.modal-slider .inner {width: calc(90% - 70px); margin-left: auto; position: relative; padding: 110px 0px}
.modal-slider .small-images {position: fixed; left: 10%; width: 70px}
.modal-slider .small-images .item {width: 70px; height: 70px; position: relative; display: block}
.modal-slider .small-images .item:before {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03); z-index: 1; content: ''}
.modal-slider .small-images .item + .item {margin-top: 10px}
.modal-slider .big-images {position: relative}
.modal-slider .big-images .item:before {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.03); z-index: 1; content: ''}
.modal-slider .big-images .item + .item {margin-top: 45px}

.modal-slider h1 {font-size: 45px; text-transform: none; margin-top: -25px; position: absolute; line-height: 1.1; letter-spacing: -.2px; left: 50%; width: 50%; z-index: 10}
.modal-slider .cat-name {left: 50%; width: 50%; font-size: 11px; margin-top: -50px; position: absolute; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 500; z-index: 10}
.modal-slider .big-images .item img {width: 100%; background: #fff}

.modal-slider .close {width: 20px; height: 20px; margin: 0px 0px 0px auto; position: fixed; right: 40px; top: 40px; z-index: 100}
.modal-slider .close:hover {color: #f4be9a}


@media screen and (min-width:1024px) {
  .mg-news-details h1 {font-size: 40px; margin-bottom: 30px; margin-top: 20px; margin-left: 40px; width: calc(100% - 80px)}
  .mg-news-details:not(.promo) h1 {position: relative; text-align: center; margin-top: -50px; background: #ebebeb; padding: 25px; box-shadow: 0 0 12px rgb(0 0 0 / 20%)}
.delivery-details-list label:hover:after, .payment-details-list label:hover:after {opacity: 0.2}
.mg-news-details .date-time {display: flex; justify-content: space-between; opacity: 0.5; align-items: center}
.mini-help:hover .text {display: block}


}



@media screen and (min-width:1441px) {
.product-details-block .product-slider {margin-left: 0vw}
.max {padding: 0px}
}

@media screen and (max-width:1279px) {
.filter-form .inner {max-width: 800px}
.by-4 {grid-template-columns: repeat(3,1fr)}
.js-pager, #p4-lazyload, .mg-pager, .filter-error {grid-column: span 3}
header .top-menu > li > a, header .top-menu > li > span {padding: 19px 12px}
}


@media screen and (min-width:1024px) {
  .mg-news-details .max .right-part {padding: 0 40px 0 40px; max-width: 1060px; margin: 0 auto; position: relative}
.product-details-block .product-status .not-max .left-part {position: sticky; position: -webkit-sticky; top: 150px}
.product-details-block .swiper-slide .js-zoom-img img {display: none}
.modal-slider .big-images .item {position: relative; height: calc(100vh - 150px)}
.modal-slider .big-images .item:hover img {opacity: 0}
.product-wrapper:hover .buttons-block {bottom: 0px; opacity: 1}


header .top-menu > li > a:after, header .top-menu > li > span:after {height: 2px; position: absolute; bottom: 0px; left: 20px; right: 20px; content: ''; background: transparent}
header .top-menu > li:hover > a:after, header .top-menu > li.active > a:after, header .top-menu > li:hover > span:after, header .top-menu > li.active > span:after {background: #000} 
header .top-menu > li:hover > a#page-12:after, header .top-menu > li.active > a#page-12:after {background: #FF003D} 

header .logo {display: block; height: 45px; width: 140px}
.top-menu ul li:hover {color: #000}

.top-menu .has-sub:hover > .sub-menu {display: block; transform: translateX(0px); opacity: 1; visibility: visible; pointer-events: auto}


.product-details-block .product-slider .swiper-slide:not(.video) {cursor: url("data:image/svg+xml,<svg viewBox='0 0 35 35' width='35' height='35' xmlns='http://www.w3.org/2000/svg'><polygon points='18.3,10.5 16.8,10.5 16.8,16.7 10.5,16.7 10.5,18.2 16.8,18.2 16.8,24.5 18.3,24.5 18.3,18.2 24.5,18.2 24.5,16.7 18.3,16.7'/><path d='M17.5,0C7.9,0,0,7.9,0,17.5C0,27.1,7.9,35,17.5,35S35,27.1,35,17.5C35,7.9,27.1,0,17.5,0z M17.5,33.5c-8.8,0-16-7.2-16-16 c0-8.8,7.2-16,16-16s16,7.2,16,16C33.5,26.3,26.3,33.5,17.5,33.5z'/></svg>"), auto;}
}

@media screen and (max-width:1023px) {
  .mini-help.active .text {display: block}
  .mg-news-details h1 {margin-top: 40px; margin-bottom: 20px}
  .mg-news-details .date-time {margin-top: 20px}
  .mg-news-details .time {font-size: 11px; color: #888; font-weight: 400; line-height: 1.2; margin-top: 5px}
.mg-news-details .time svg {width: 15px; height: 15px}
	.modal-slider .big-images .item {position: relative; height: auto}
.scrollup {width: 70px; bottom: 100px; font-size: 12px}

body {font-size: 15px}
.body__noindex main {padding-top: 110px}
.tablet-show {display: block}
.tablet-hide {display: none !important}
h1, .promo-slider .text b, .home-slider .inner .title, .search input[type=search], .compilation-block .left-part .title {font-size: 50px}
header .top-menu > li > a, header .top-menu > li > span {padding: 10px 20px}
header .bottom-part.hide {top: -12px}
.by-4 {grid-template-columns: repeat(2,1fr)}
.js-pager, #p4-lazyload, .mg-pager, .filter-error {grid-column: span 2}
.product-wrapper .name-block, .promo-slider .date, .modal .modal-title span, .mg-main-news-item .date-block, .product-wrapper .price-block, .slider-more b, .total-price-block .line.price-total strong {font-size: 18px}
.product-details-block h1 {font-size: 20px}
.subscribe .title {font-size: 30px}
.product-details-block .product-status .right-part {padding: 0px 3vw}
.product-details-block .description .left-part {display: none}
.product-details-block .description .right-part {width: 100%}
.product-details-block .description {padding: 0px; margin-top: 40px}
.product-details-block .share {margin-bottom: 0px}
footer .top-part li + li {margin-left: 30px}
.payments, footer .logo {display: none}
footer .flex-center {justify-content: center}
footer .top-part {height: unset}
footer .contacts-block {width: 100%; border-top: 1px solid rgba(255,255,255,0.1)}
footer .middle-part {height: 60px}
header .mobile-menu-icon svg {width: 25px; height: 25px; margin-right: 10px}
header .mobile-menu-icon.active {color: #ea6951}
header .logo {height: 40px; width: 125px; display: block}
header .select-city {font-size: 16px; background: #f7f7f7; margin: 20px -20px 0 -20px; padding: 20px}
header .select-city .phones a {display: block; margin-bottom: 20px}
header .select-city .messengers a {width: 32px; height: 32px; margin-right: 10px}
header .logo span {display: inline-block; font-size: 10px; margin-left: 15px; width: 250px; line-height: 1.2}
header .bottom-part {top: 90px !important; font-size: 18px; font-weight: 500; z-index: 9000; background: #fff; height: calc(100% - 90px); text-align: left; left: -100%; transition: 250ms !important; padding-top: 20px; overflow-y: auto; text-transform: unset}
header .bottom-part.show {left: 0px}
header .bottom-part li {width: 100%}

.modal-slider {padding: 0px 3vw}
.modal-slider .small-images {left: 3%}
.modal-slider .inner {width: calc(97% - 70px)}

/* header .has-sub .level-1 {display: none; transform: translateX(-30px); transition: 250ms; height: calc(100% - 60px); top: 0px; z-index: 1000; padding: 20px; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; }
header .has-sub ul {padding-left: 0px; transition: 250ms}
header .has-sub .level-1.show, header .has-sub .level-1 li.active > .sub-menu {display: block; transform: translateX(0px); opacity: 1; visibility: visible; pointer-events: auto; background: #fff; z-index: 100; width: 100%}
header .has-sub .level-1 li a {color: #000; font-size: 16px} */

.top-menu > .has-sub {position: unset}
.top-menu .sub-menu {display: none; transition: 250ms; transform: translateX(-30px); height: 100%; top: 0px; z-index: 1000; padding: 20px; position: absolute; overflow-y: auto; left: 0px; width: 100%; opacity: 0; pointer-events: none; background: #fff}
.top-menu .has-sub:hover .sub-menu {display: none}
.top-menu .has-sub .sub-menu li a, .top-menu .has-sub .sub-menu li span {font-size: 16px; padding: 9px 20px 9px 0; line-height: 1.2}
.top-menu .has-sub .sub-menu.show {display: block; transform: translateX(0px); opacity: 1; visibility: visible; pointer-events: auto; z-index: 100}
.top-menu .sub-menu li {width: 100%}
.top-menu .sub-menu:hover {color: #000}

.top-menu li.menu-back {text-align: center; margin-bottom: 20px}
.top-menu li.menu-back a {font-size: 18px !important; line-height: 1 !important; text-align: center !important; position: relative}
.top-menu li.menu-back svg {left: 0px; transform: rotate(180deg)}
.categories > ul {margin: 0px}
.categories .level-2 {left: 0px}
.categories .level-3 {left: 0px}
.top-menu svg {width: 7px; height: 12px}

header .top-menu > li > a, header .top-menu > li > span {padding: 11px 0px}
header .icons-block .icon svg {width: 25px; height: 25px}
header .icons-block .icon + .icon {margin-left: 25px}
}

@media screen and (max-width:767px) {
  .show-filter {border-top: 1px solid rgba(0,0,0,0.1); height: 50px; line-height: 48px; margin: 30px -20px 0px -20px; padding: 0px 20px; border-bottom: 1px solid rgba(0,0,0,0.1); justify-content: unset}

  .comment-info {font-size: 13px}
  .body__noindex main {padding-top: 80px}
  header .bottom-part {top: 62px !important; height: calc(100% - 62px)}
  header .bottom-part:after {display: none}
  nav[aria-label="Breadcrumb"] {overflow-x: auto; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; display: flex; white-space: nowrap}
  .bread-crumbs {display: flex}
  .bread-crumbs:before, .bread-crumbs:after {content:''; flex-shrink: 0; width: 20px; height: 20px}
  nav[aria-label="Breadcrumb"]::-webkit-scrollbar {display: none}
  .bread-crumbs a {font-size: 12px}
body.lock {position: fixed}
.description-part {width: 100%}
.closest-products-part {width: 100%}
.closest-products-part a {margin-bottom: 0; margin-top: 20px}
.mobile-hide {display: none !important}
.mobile-show {display: block}
.mg-notice.type-html {width: unset; right: 3vw; font-size: 13px}
.mg-notice.type-html .h1-like {font-size: 30px}
header .logo {width: 95px}
.product-details-block .triggers .flex-inline {justify-content: space-between}
.product-details-block .triggers .trigger {width: calc(50% - 10px)}
.max, .static.max, .not-max, .body__order main .max, .body__personal .max {padding: 0px 20px}
h1, .home-slider .inner .title, .search input[type=search], .compilation-block .left-part .title, .mg-news-details h1 {font-size: 30px}
.static h2 {font-size: 22px}
.static h3 {font-size: 16px; line-height: 1.2}
.static .right-part {font-size: 14px}
.button, .filter-form .button {height: 40px; line-height: 40px; width: 100%}
.home-slider .inner .button svg {margin-top: 12px}
.static .right-part, .modal-search .right-part {width: 100%}
.modal {width: 100%; right: -100%}
.modal .inner, .modal-auth .inner {padding: 59px 20px; width: 100%}
.modal-search {top: 60px; height: calc(100% - 60px); padding: 0px}
.modal .close, .filter-form .close, .modal-slider .close {top: 20px; right: 20px}
.home-slider {margin-top: 60px}
.home-slider .inner {padding: 40px 20px; height: 370px; min-height: unset; justify-content: space-between}
.home-slider .swiper-slide .contain-50 {background-size: cover}
header .top-part {background: #f7f7f7; border-bottom: 1px solid #f2f2f2}
header .top-part .not-max {height: 60px}
.cats .item {width: 150px; padding: 10px}
.coupon-msg {position: static; margin: 10px 0}
.cats .item .title {font-size: 11px}
.cats .swiper-wrapper {padding-bottom: 25px}
.modal-slider .inner {width: 100%; padding: 50px 0px}
.modal-slider .cat-name {left: 0px; width: 100%; padding: 0px 20px; margin-top: -25px}
.modal-slider {padding: 0px}
.modal-slider h1 {margin-bottom: -20px; padding: 0px 20px; left: 0px}
.product-details-block .triggers {margin-bottom: 40px}
.promo-slider .title {padding-left: 20px; font-size: 20px}
.promo-slider .text b {margin-bottom: 13px; font-size: 20px}
.subscribe {width: 100%; padding: 20px; margin: 60px 0px}
.subscribe:before {width: 100%}
.subscribe .img {width: 100%; height: unset}
.subscribe .text {width: 100%; margin: 0px; padding: 20px 20px 0px 20px}
.filter-preview span {position: fixed; top: 0; font-size: 12px; text-align: left; padding: 20px; z-index: 990}
.tab-links {font-size: 10px}
.tab-link + .tab-link {margin-left: 15px}
#mg-product-comments-rating form button {width: 100% !important; margin-top: 10px}
.catalog h1 {max-width: unset; text-align: left; margin: 0}
.catalog .desc {max-width: unset; text-align: left; margin: 30px 0}
.products-wrapper {margin: 0px -20px; display: flex; justify-content: space-between; flex-wrap: wrap; grid-gap: 0px;}
.products-wrapper .product-wrapper {width: calc(50% - 10px); margin-top: 30px}
.product-wrapper .text {padding: 0 12px; display: block}
.product-wrapper .cat-name {font-size: 8px; margin-bottom: 3px}
.cats .swiper-button-prev, .cats .swiper-button-next {bottom: 41px}
.cats .swiper-button-prev {left: -10px}
.cats .swiper-button-next {right: -10px}
.cats-slider {padding: 0 20px}
header .icons-block {width: unset}
.product-wrapper .name-block, .promo-slider .date, .modal .modal-title span, .mg-main-news-item .date-block, .product-wrapper .price-block, .slider-more b, .total-price-block .line.price-total strong {font-size: 13px; line-height: 1.3}
.mg-main-news-item .date-block {width: 100%; display: flex; align-items: center; justify-content: space-between; order: 1; margin-top: 0; margin-bottom: 10px}
.mg-main-news-item .date-block br {display: none}
.mg-main-news-item .time {margin-top: 0}
.product-details-block .product-status .left-part {width: 100%; height: auto !important}
.product-details-block .product-status .right-part {padding: 0px; width: 100%}
.product-details-block h1 {margin-top: 20px}
.product-details-block .mg-add-to-favorites, .product-details-block .mg-remove-to-favorites {width: 40px; height: 40px}
.product-details-block .addToCart {width: calc(100% - 45px)}
.product-details-block .product-slider {margin-left: -20px; margin-right: -20px; margin-top: -20px}

.product-wrapper .top-part {overflow: unset; margin-bottom: 15px}
.product-wrapper .buttons-block {opacity: unset; left: unset; right: 10px; bottom: -15px}
.product-wrapper .addToCart, .product-wrapper .product-info {font-size: 0; width: 30px; height: 30px; background-image: url(../images/cart.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 15px; border-radius: 50%}

footer .top-part li {width: 100%}
footer .top-part li + li {margin-left: 0px}

.mg-main-news-item, .mg-main-news-item:nth-of-type(3n) {width: 100%}
.mg-main-news-item .text {padding: 0; font-size: 13px}
.mg-main-news-item .text .flex-nowrap {flex-wrap: wrap; -webkit-flex-wrap: wrap}
.mg-main-news-item .text b {font-size: 22px; margin-right: 0; width: 100%; order: 2}
.whatsapp-scroll-help {width: 70px; height: 70px; position: fixed; margin: unset; right: 20px; bottom: 20px}
.whatsapp-scroll-help .img-svg {width: 20px; height: 20px}
footer .social .icon + .icon {margin-left: 10px}
footer .contacts-block {border-top: 0px; font-size: 14px}
footer .contacts-block a + a {margin-left: 20px}
.promo-form {width: 100%}
footer .bottom-part {line-height: 1.3; font-size: 10px}

.apply-filter-line {margin: 20px 0; text-align: left}
.apply-filter-line .filter-tags {justify-content: unset}
.apply-filter-line .apply-filter-item-value, .apply-filter-line .filter-price-range {font-size: 12px}
.apply-filter-line .filter-property-name {font-size: 8px}
.apply-filter-line .refreshFilter {font-size: 12px}

.body__order .left-part {width: 100%; order: 2}
.body__order .product-cart {padding: 20px; margin: 0 -20px 50px -20px}
.body__order .left-part .title.step-2, .body__order .left-part .title.step-3 {margin-bottom: 50px}
.body__order .right-part .title {font-size: 20px}
.body__order .right-part .title + a {margin-top: 7px}
.body__order .right-part {width: 100%; order: 1}
.delivery-details-list, .payment-details-list {display: flex; flex-wrap: wrap}
.delivery-details-list li, .payment-details-list li {width: calc(50% - 1px)}
.delivery-details-list li:not(:nth-of-type(3n+1)) label, .payment-details-list li:not(:nth-of-type(3n+1)) label {margin-left: 0px}
.delivery-details-list li:nth-of-type(2n) label, .payment-details-list li:nth-of-type(2n) label {margin-left: -2px}
.delivery-details-list label, .payment-details-list label {height: 130px}
.mg-news-details .max {padding: 0 3vw}
.body__order .left-part .title {font-size: 20px}
.body__order .left-part .title span {margin-right: 20px}
header.order-header {height: 60px; line-height: 60px}
input[type=text], input[type=tel], input[type=email], input[type=password] {height: 40px; line-height: 39px; font-size: 13px}
.form-list select {font-size: 13px}
.total-price-block .line.price-total {display: none}
.mg-filter-item {display: block; width: 100%}
.mg-filter-item:hover .mg-filter-list {display: none}
.mg-filter-item.active .mg-filter-list {display: block}
.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 {gap: 20px; padding: 20px; background: #fff; position: fixed; bottom: 0; left: 0; width: 100%}

.form-address-list {grid-template-columns: 100% !important}

.by-4-slider .title {font-size: 20px; padding-left: 20px}
.modal-search .max + .max {margin-top: 20px}
.modal-search .left-part {width: 100%; margin-bottom: 40px}
.modal .modal-title {font-size: 30px}
.modal-cart .free-delivery-progress {height: 2px}
.promo-form {margin-bottom: 20px}
.wraper-fast-result {margin-top: 50px}
.search .fast-links {margin-top: 50px}
.modal-search .brands {margin-top: 50px}
.mg-news-details .left-part {width: 100%}
.mg-news-details .right-part {width: 100%}

.coworking table td:first-of-type {width: 100%}
.coworking table td:last-of-type {width: 100%}


.modal-cart .img-cell, .product-cart .img-cell {width: 60px; height: 60px}
.modal-cart .name-cell, .product-cart .name-cell {width: calc(100% - 80px); padding-top: 40px; font-size: 14px}
.modal-cart .img-cell .count {display: none}
.modal-cart .price-cell {position: static; display: flex; padding-left: 80px; gap: 10px; width: 100%; font-size: 15px; flex-wrap: wrap}
.modal-cart .count-cell, .product-cart .count-cell {left: 80px}
.product-cart .price-cell {position: static; display: flex; gap: 10px; width: 100%; font-size: 15px; flex-wrap: wrap}
header.order-header .back {font-size: 0}

.product-cart .count-cell {position: absolute; right: 30px; top: 20px; width: 100px; transition: 250ms}


.catalog-slider .swiper-button-prev {right: 70px; top: 5px}
.catalog-slider .swiper-button-next {right: 20px; top: 5px}
.promo-slider .swiper-button-next {right: 20px}
.promo-slider .swiper-button-prev {right: 70px}

.product-wrapper .out-of-stock-plate {font-size: 8px; height: 20px; line-height: 20px; width: 100px}
.promo-slider {margin: 60px 0px}
.product-details-block .brand {bottom: 40px; right: 0}
.product-details-block .brand .neicha {height: 22px}
.product-details-block .brand .oclair {height: 22px}
.product-details-block .brand .lagom {height: 21px}
.product-details-block .brand .puluk {height: 19px}
.product-details-block .brand .eyelash-maker {height: 16px}
.product-details-block .brand .amino-lifting {height: 21px}
.product-details-block .brand .beauty-wave {height: 18px}
.product-details-block .brand .vetus {height: 17px}
.product-details-block .brand .brona {height: 17px}
.product-details-block .brand .fall-in-the-volume {height: 14px}
.product-details-block .brand .excellent {height: 20px}
.product-details-block .brand .laenita {height: 20px}

.product-wrapper .brand.neicha {height: 11px}
.product-wrapper .brand.oclair {height: 11px}
.product-wrapper .brand.lagom {height: 11px}
.product-wrapper .brand.puluk {height: 9px}
.product-wrapper .brand.eyelash-maker {height: 8px}
.product-wrapper .brand.amino-lifting {height: 11px}
.product-wrapper .brand.beauty-wave {height: 9px}
.product-wrapper .brand.vetus {height: 8px}
.product-wrapper .brand.brona {height: 8px}
.product-wrapper .brand.fall-in-the-volume {height: 7px}
.product-wrapper .brand.excellent {height: 10px}
.product-wrapper .brand.laenita {height: 10px}


.tags a {margin-left: 0; margin-right: 10px; margin-top: 10px; display: block}


.similar-articles .title {font-size: 20px; padding-left: 0; text-align: left}
.similar-articles .grid {gap: 12px; grid-template-columns: repeat(2,1fr)}
.name-cell .out {font-size: 9px; height: 16px; line-height: 16px; bottom: -16px}
.prop-item {font-size: 14px}
.product-details-block .prop-string .separator {background-position: 2px 18px}

.order-history-list table tr {display: block}
.order-history-list table tr + tr {margin-top: 20px}
.order-history-list table td {display: block; padding: 0 10px; font-size: 14px}

.kcdek-map__custom-controllers-selects-all-inputs .kcdek-map__custom-controllers-selects__title:first-of-type {display: block !important}
.kcdek-map-delivery__wrapper .kcdek-map__custom-controllers-selects__title {width: auto !important; font-size: 13px !important}
.kcdek-map-delivery__wrapper .kcdek-map__custom-controllers-selects__title-wrapper {justify-content: flex-start !important}
.kcdek-map__custom-controllers-selects-all-inputs .kcdek-map__custom-controllers-selects__title:first-of-type:after {content: 'и'; margin-left: 5px}
}












.item.modal-slider-link.active {
    border: 1px solid #000;
    opacity: 1;
}
.item.modal-slider-link.active {

}
.item.modal-slider-link {
    opacity: 0.5;
}
.item.modal-slider-link:hover {
    opacity: 1;
}
.item.modal-slider-link.active {
  border: 1px solid #000;
}

#p4-lazyload {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
}

/* .product-price {
	display: none;
} */
.menee-900 {
    display: none;
}

.menee-900.show {
    display: block;
}

.ui-autocomplete {
    background: #fff;
    border: 1px solid #ddd;
}

.ui-autocomplete li {
    cursor: pointer;
}
.right-part .button {
    font-size: 11px;
    height: auto;
}
.item.js-zoom-img, .big-images {
    background-repeat: no-repeat;
    z-index: 12;
}
/*.big-images {
    background: rgba(0,0,0,0.03);
}*/
.product-status .left-part .bread-crumbs {
  max-width: 80%; text-align: left; line-height: 1.3
}
.bread-crumbs__item .last-crumb {
    color: #7d7d7d;
}


/* dev */
.dev .product-details-block .block-variants {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffff73;
    left: 0;
    z-index: 500;
    padding: 30px;
    display: block;
    backdrop-filter: blur(5px);
}
.dev table.variants-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-around;
    flex-direction: row;
}
.dev .variants-table tr.c-variant__row {
    min-width: 200px;
    position: relative;
    margin-bottom: 10px;
}
.dev .variants-table tr.c-variant__row:before {
    content: attr(data-count);
    font-size: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    text-align: center;
    line-height: 20px
}
.dev .variants-table label.c-form {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    pointer-events: none;
}
.dev span.c-variant__name.variantTitle {
    font-size: 14px;
    padding-left: 5px;
}
.dev .block-variants input[type=radio] {
    border-radius: 50%;
}
.dev .c-variant__row.active:before {
    color: white;
}
/* dev */
/* grid-num="1" */
.variants-grid[data-grid-num="1"] label {
    border: 1px solid #1f2628;
    color: black;
}

.variants-grid[data-grid-num="1"] label.active {
    color: white;
    background-color: #1f2628;
}

/*
.variants-grid[data-grid-num="1"] label:not(.proactive) {
    opacity: 0.5;
}
*/

.variants-grid .is-analog .tip {display: block;}
.variants-grid .tip {position: absolute; display: none; top: 50%; top: 0; transform: translateX(-50%) translateY(-50%); font-size: 11px; z-index: 0; left: 50%}
.variants-grid .tip i {font-weight: 500; width: 15px; height: 15px; text-align: center; line-height: 15px; border-radius: 50%; background: #f4be9a; color: #fff; display: block; font-size: 10px}
.variants-grid .tip:hover {z-index: 100}
.variants-grid .tip .text {padding: 10px; font-weight: 300; white-space: nowrap; display: none; background: #f7f7f7; color: #1f2628; position: absolute; top: -35px; left: 50%; transform: translateX(-50%)}
.variants-grid .tip .text:before {position: absolute; bottom: -5px; left: 50%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f7f7f7; content: ''; margin-left: -5px}
/* .variants-grid .non-avail .tip {display: block} */
.variants-grid .tip:hover .text {display: block}


/* grid-num="2" */
.variants-grid[data-grid-num="2"] label.proactive {
    border: 1px solid #1f2628;
}

.variants-grid[data-grid-num="2"] label:not(.proactive) {
    pointer-events: none;
    opacity: 0.25;
    width: 0;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border: none;
}


/* grid-num="3" */
.variants-grid[data-grid-num="3"] label:not(.proactive) {
    pointer-events: none;
    opacity: 0.25;
    width: 0;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.variants-grid[data-grid-num="3"] label.non-avail {
    border: 1px solid rgb(224, 223, 223);
    color: rgb(224, 224, 223);
    position: relative;
}

.variants-grid[data-grid-num="3"] label.non-avail:before {
    content: '';
    opacity: 0.3;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polygon fill='%23dddddd' points='18.5,2.5 17.5,1.5 10,8.9 2.5,1.5 1.5,2.5 8.9,10 1.5,17.5 2.5,18.5 10,11.1 17.5,18.5 18.5,17.5 11.1,10'/></svg>");
    background-repeat: no-repeat; background-repeat: no-repeat; background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.variants-grid[data-grid-num="3"] label.proactive.non-avail {
    opacity: 1;
}


.image-wrap .active {
	display: block;
}


/*
.bloglink {
    color: #ea6951;
	font-weight: 500;
	font-size: 18px;
}

.blogparagraph {
    font-size: 18px;
}

.blogbulletlist {
	font-size: 20px;
	margin: 20px;
	list-style-type: none;
}
.bloglistelement {
	font-size: 20px;
}

.blogtags {margin: 40px 0px 40px 0px; color: #adcab8}

.blogsubtitle {
	font-size: 25px;
	color: #9bb257;
	font-style: italic;
}
.blogheader2 {
	margin: 40px 0px 15px 0px;
}
.blogtableofcontents {list-style-type: none;margin: 40px 0px 40px 0px;}
*/