@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pts55f.woff2') format('woff2'),
	url('../fonts/pts55f.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pts56f.woff2') format('woff2'),
	url('../fonts/pts56f.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: block;
}


@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pts75f.woff2') format('woff2'),
	url('../fonts/pts75f.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: block;

}


@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pts76f.woff2') format('woff2'),
	url('../fonts/pts76f.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: block;

}


@font-face {
	font-family: 'Franklin Gothic Medium';
	src: url('../fonts/framd.eot');
	src: local('Franklin Gothic Medium'), url('../fonts/framd.woff') format('woff'),
	url('../fonts/framd.ttf') format('truetype'),
	url('../fonts/framd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}





/* GLOBAL */
* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none}
html, body {width: 100%}
body {font-family: 'Franklin Gothic Medium', sans-serif; line-height: 1.5; background: #fafafa; font-size: 18px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; overflow-x: hidden; padding-top: 0px !important}
body.lock {overflow: hidden}
a {color: inherit; text-decoration: none; cursor: pointer}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: block}
iframe {width: 100%; border: none; margin-top: 15px}
table {width: 100%; border-collapse: collapse}
label {display: block; position: relative}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; transition: 300ms; font-family: inherit; font-size: inherit; color: inherit; display: block}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.flex {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-nowrap {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap}
.flex-center {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items:center}
.flex-inline {display: flex; display:-webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.contain-0 {background-position: 0% 50%; background-repeat: no-repeat; background-size: contain}
.contain-50 {background-position: 50% 50%; background-repeat: no-repeat; background-size: contain}
.contain-100 {background-position: 100% 50%; background-repeat: no-repeat; background-size: contain}
.w-30 {width: calc(100%/3)}
.w-40 {width: 40%}
.w-50 {width: 50%}
.w-60 {width: 60%}
.mobile-show {display: none}
.tablet-show {display: none}
.admin-bar {position: fixed !important; top: auto !important; bottom: 0px}
.admin-bar__item_template, .admin-context {display: none !important}
.admin-bar .admin-bar__item:first-of-type {margin-right: auto}
.fastEdit, .modalOpen, .modalOpenPlugin {border: 1px solid #f33977 !important; background-color: transparent !important; background-image: url(../images/edit.svg) !important; background-position: right 4px top 4px !important; background-repeat: no-repeat !important; background-size: 15px !important}
li {display: block}
.level-2, .level-3 {display: none; line-height: 1.2; border: 1px solid #cfcece; margin-top: -1px; border-top: none; padding: 12px 35px; position: absolute; background: #fff; color: dd1356; padding: 20px; left: 0; top: 100%}
li.has-sub {position: relative}
li.has-sub:hover > ul {display: block}
svg * {transition: 300ms}
svg {fill: currentColor}
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(47, 61, 71, 0.5); z-index: 9000}
.loader svg {animation: rotate 2s linear infinite; width: 50px; height: 50px; transform: rotate(0); transform-origin: center center; bottom: 0; top: 0; left: 0; position: fixed; right: 0; margin: auto}
.loader svg circle {stroke-dasharray: 40,200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: #fff}
@keyframes rotate{100%{transform:rotate(360deg)}}
@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
/* GLOBAL */


/* BASIC */
.max {padding: 0px 20px; max-width: 1680px; margin: 0px auto}
main {min-height: calc(100vh - 160px); padding-top: 210px; padding-bottom: 60px}
.alert {background: #dd1356; color: #fff; font-weight: 700; padding: 0px 10px; line-height: 30px; height: 30px; text-align: center; font-size: 12px}
.alert.success {background: green}
.button, .sendComment {background-color: #dd1356; color: #fff; border: 1px solid #f33977; border-radius: 4px; line-height: 48px; height: 50px; display: block; cursor: pointer; text-align: center; font-size: 16px; transition: 300ms; margin-top: 20px; width: 100%; max-width: 660px}
.button:hover, .sendComment:hover {background-color: #f33977}
.link {text-decoration: underline; transition: 300ms}
.link:hover {color: #f33977}
.link + .link {margin-left: 10px}
h1, h2, h3 {font-family: 'Franklin Gothic Medium', sans-serif; font-weight: 400}
h1 {font-size: 32px; margin-bottom: 20px}
h2 {font-size: 26px; margin-top: 20px}
h3 {margin-top: 20px}
hr {margin: 20px 0px; height: 1px; border: none; background: #dd1356}
b, strong, th {font-weight: 400}

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 #cfcece; padding: 0px; background-color: transparent; border-radius: 0px; height: 42px; line-height: 41px}
select {display: block; width: 100%; font-size: 15px; border: none; border-bottom: 1px solid #000; padding: 0px; background-color: transparent; border-radius: 0px; height: 39px; line-height: 38px}
textarea {display: block; width: 100%; border:1px solid #cfcece; padding: 10px; 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: #f33977}
input[type=checkbox] {display: inline-block; vertical-align: middle; width: 13px !important; height: 13px; margin-right: 10px !important; position: relative; border-radius: 0px; margin-left: 4px; border:1px solid #fff; transition: 300ms}
input[type=checkbox]:before {border:1px solid #cfcece; content: ''; display: block; width: 15px; height: 15px; position: absolute; top:-3px; left: -3px}
input[type=radio] {display: inline-block; vertical-align: middle; width: 13px !important; height: 13px; margin-right: 10px !important; position: relative; margin-left: 4px;  border-radius: 50%; border:none; transition: 300ms}
input[type=radio]:before {border:1px solid #cfcece; content: ''; display: block; width: 17px; height: 17px; position: absolute; top:-3px; left: -3px; border-radius: 50%} 
input[type=radio]:checked, input[type=checkbox]:checked {background: #f33977}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {border-color: #f33977}
input.check:valid {background-image: url(../images/ui-svg/ok.svg); background-position: right, 10px 50%; background-size: 16px; background-repeat: no-repeat}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset}
select {background: url(../images/a-down.svg) 100% 19px no-repeat; background-size: 10px}
/* BASIC */

.mg-slide__image {display: block !important}

/* MODAL */
.modal {z-index: 3000; position: fixed; width: 600px; height: 600px; padding: 30px; background: #fff; font-size: 14px; top: 0; right: 0; margin: auto; display: none; left: 0; bottom: 0}
.modal .button {width: 100%}
.modal .title {margin-bottom: 40px; font-size: 20px; font-weight: 500; line-height: 1; text-align: center}
.layer {position: fixed; width: 100%; top: 0px; left: 0px; background: rgba(47, 61, 71, 0.5); z-index: 2000; height: 100%; display: none}
.modal-cart .overflow-y {max-height: calc(100% - 150px); margin-bottom: 40px; height: 100%}
.promo-form {width: 100%; position: relative; margin: 40px 0px 10px 0px}
.promo-form button {position: absolute; right: 0px; border: none; top: 10px; font-size: 0px; background: url(../images/icon-a-right.svg) 50% 50% no-repeat; width: 24px; height: 24px}
.wrapper-modal-mg-non-available {display: none}
.modal-cart .cart-table td.count-cell {padding-left: 30px}
.modal-cart .cart-table td.price-cell {padding-left: 20px; text-align: center}
.wrapper-modal-back-ring {height: 222px}
.close {position: absolute; right: 30px; display: block; top: 30px; color: #787878; width: 20px; height: 20px; cursor: pointer}
.close:hover {color: #dd1356}
.wrapper-modal-mg-buy-click .button, .wrapper-modal-mg-non-available .button, .wrapper-modal-back-ring .button {height: 42px; line-height: 42px; width: 209px; border-radius: 5px}
.wrapper-modal-mg-buy-click .agreement, .wrapper-modal-mg-non-available .agreement, .wrapper-modal-back-ring .agreement {width: calc(100% - 235px)}
.content-modal-mg-buy-click, .content-modal-mg-non-available, .content-modal-back-ring {margin-bottom: 20px}
.modal .mg-product-img {width: 92px; height: 92px}
.modal .text {width: calc(100% - 210px); font-size: 12px}
.wrapper-modal-mg-buy-click .code, .wrapper-modal-mg-non-available .code {color: #6F7F89}
.modal hr {margin: 20px -50px; height: 1px; background: #e6e6e6}
.wrapper-modal-mg-buy-click .mg-price-buy-click, .wrapper-modal-mg-non-available .mg-price-non-available {width: 92px; font-size: 16px; font-weight: 500}
.modal .error {position: absolute; top: 204px; right: 50px}

.modal-auth label, .modal-auth .button {width: 100%}
.modal-auth .link {font-size: 12px; font-weight: 500}
.modal-auth .button {margin: 40px 0px}
.modal-auth .registration-form, .modal-auth .forgot-form {display: none}
.modal-auth .agreement {position: absolute; bottom: 40px; left: 40px; right: 40px}

.modal h2.success {background: url(../images/icon-payment-ok.svg) 0% 50% no-repeat; background-size: 30px; padding-left: 54px; display: block; margin-bottom: 30px}


.modal-filter .overflow-y {max-height: calc(100vh - 280px); overflow-y: auto}
/* MODAL */

.virtual-try-on {width: 70%; margin: 0px auto 20px auto}
.virtual-try-on .main-image-container {position: relative; width: calc(100% - 180px)}
.virtual-try-on .main-image {width: 100%; display: block}
.virtual-try-on .main-image-container .element {position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 100%}
.virtual-try-on .elements {width: 160px; background: #f6f6f6; padding: 10px; overflow-y: auto}
.virtual-try-on .elements a {height: 90px; color: #fff; display: block; border: 1px solid #787878}
.virtual-try-on .elements a.active {border-color: #dd1356}
.virtual-try-on .elements a img {width: 100%; display: block}
.virtual-try-on .elements a + a {margin-top: 10px}	



/* FILTER */
.apply-filter-line {margin-bottom: 40px; 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; 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 {border-top: 1px solid rgba(0,0,0,0.1); font-size: 11px; text-transform: uppercase; height: 50px; line-height: 48px; margin: 30px -20px 0px -20px; padding: 0px 20px; border-bottom: 1px solid rgba(0,0,0,0.1)}
.filter-form {text-align: center; position: relative; margin-bottom: 60px; z-index: 500}
.filter-form .inner {max-width: 1100px; margin: 0px auto}
.mg-filter-item {margin: 0 5px; text-align: left; position: relative; margin-bottom: 17px}
.mg-filter-item .title {padding-bottom: 14px; padding-right: 20px; font-weight: 500; border-bottom: 1px solid #000; position: relative; display: flex; flex-shrink: 0; justify-content: space-between; align-items: center; width: 100%; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.mg-filter-item:hover .title, .mg-filter-item.active .title {color: #dd1356}
.mg-filter-item.disabled {opacity: 0.1; pointer-events: none}
/* .mg-filter-item:hover {opacity: 1} */
.range-field {display: none}
.mg-filter-item ul {display: none; top: 100%; z-index: 10; background: #fff; position: absolute; left: -20px; width: 240px; max-height: 380px; box-shadow: 0 5px 15px rgba(0,0,0,.15); overflow-y: auto; padding: 28px 20px; font-weight: 500; /*text-transform: lowercase*/}
.mg-filter-item:hover ul {display: block}
.mg-filter-item .value-name {font-size: 13px; cursor: pointer; display: inline-block; width: calc(100% - 35px); 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}
.filter-buttons {display: flex; width: 100%; justify-content: center; align-items: center; gap: 40px; color: #888; font-size: 13px; text-transform: lowercase; flex-wrap: wrap}
.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-item {position: relative}
.mg-filter-head, .mg-filter-body, .mg-filter, .filter-form {display: flex; align-items: start; flex-wrap: wrap; justify-content: center; column-gap: 40px}
.filter-select {width: 180px}
.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; text-transform: lowercase; 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: 250px}
/* FILTER */


/* CONTENT */
.content p + p, .content ul + p {margin-top: 15px}
.content ul {margin-left: 30px}
.content li {padding-left: 20px; position: relative; margin-top: 15px}
.content li:before {content: ''; display: block; background: #6c6668; border-radius: 50%; width: 5px; height: 5px; position: absolute; top: 10px; left: 0px}
.content p a, .content li a {color: #f33977; text-decoration: underline}
/* CONTENT */


/* BREAD-CRUMBS */
.bread-crumbs {display: inline-block; font-size: 13px; font-weight: 400; margin-bottom: 40px; color: #787878}
.bread-crumbs a {transition: 300ms}
.bread-crumbs a:hover {color: #f33977}
.bread-crumbs .separator {display: inline-block; vertical-align: middle; margin: 0px 5px}
/* BREAD-CRUMBS */


/* SEARCH */
.search-line {position: relative; height: 80px; line-height: 80px}
.search {position: absolute; left: 0px; width: 100%; display: none; background: #fff; height: 50px; top: 0px}
.search input[type=search] {background: transparent; border: none; border-bottom: 1px solid #cfcece; line-height: 49px; height: 50px; width: 100%; padding: 0px}
.search button {position: absolute; cursor: pointer; height: 35px; color: #fff; background: #f33977; border: none; top: 10px; right: 0px; padding: 0px 15px; line-height: 35px}
.search button svg {width: 16px; display: inline-block; vertical-align: middle; margin-right: 10px}
.fast-result-img {width: 50px}
.fast-result-info {width: calc(100% - 60px)}
.wraper-fast-result {background: #fff}
/* SEARCH */


/* TABS */
.tab {display: none}
.tab.active {display: block}
.tab-link {border-bottom: 1px solid #cfcece; padding: 10px 30px}
.tab-link.active {border-bottom: 2px solid #f33977}
/* TABS */


/* HEADER */
header {font-family: 'Franklin Gothic Medium', sans-serif}
header .logo {width: 210px}
header .top-part {color: #fff; background: #dd1356; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1000}
header .top-part .max {height: 50px}
header .page-menu li {display: block; text-transform: uppercase; font-size: 16px}
header .page-menu li:hover {color: #dd1356}
header .page-menu li + li {margin-left: 50px}
header .bottom-part {background: #fff; position: absolute; top: 50px; left: 0px; width: 100%; border-bottom: 1px solid #f4f4f4; z-index: 1000}
header .bottom-part.fixed {top: 0px; position: fixed}
header .bottom-part .max {height: 109px}
header .contacts-block {align-items: center}
header .phone {font-size: 18px}
header .phone + .phone:before {content: ''; height: 22px; width: 1px; background: #fff; margin: 0px 18px; display: inline-block; vertical-align: middle}
header .email {margin-left: 30px; text-decoration: underline}
header .contacts-block a {display: block}
header .icons .icon {position: relative; text-transform: uppercase; font-size: 14px}
header .icons .icon:hover, header .icons .icon.active {color: #fff200}
header .icons .icon svg {width: 16px; display: inline-block; vertical-align: middle; margin-right: 5px}
header .icons .icon + .icon {margin-left: 35px}
header .icons .icon .title {transition: 300ms}
/* HEADER */


/* CATALOG-MENU */
.catalog-menu-button {transition: 300ms; line-height: 14px; cursor: pointer; height: 14px; position: relative; text-transform: uppercase; padding-left: 35px}
.catalog-menu-button:hover, .catalog-menu-button.active {color: #dd1356}
.catalog-menu-button span {background: #dd1356; height: 2px; position: absolute; width: 20px; left: 0px}
.catalog-menu-button span:nth-of-type(1) {top: 2px}
.catalog-menu-button span:nth-of-type(2) {top: 50%; margin-top: -1px}
.catalog-menu-button span:nth-of-type(3) {bottom: 2px}

.menu {position: relative}
.menu-wrapper {display: none; position: absolute; padding: 0; margin: 0; width: 300px; border: 1px solid #cfcece; border-top: 0px; left: 0; top: 62px; background-color: #fff; z-index: 200}
.catalog-menu li a {display: block; padding: 12px 35px; color: #5a5a5a; font-size: 16px; line-height: 120%; text-decoration: none;}
.catalog-menu li:hover > a {background-color: #ffeef4; color: #dd1356;}
.catalog-menu li.has-sub {position: relative}
.catalog-menu li.has-sub svg {width: 16px; height: 16px; transform: rotateZ(-90deg); position: absolute; top: 14px; right: 16px}
.catalog-menu .level-2 {position: absolute; top: 0px; left: 100%; background: #ffeef4}
.catalog-menu .level-2 > li a {padding: 8px 16px; white-space: nowrap}
.catalog-menu .level-2 li a:hover {}
.catalog-menu .level-3 {display: none !important}
/* CATALOG-MENU */


.sub-cats {margin-bottom: 40px; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 40px; grid-row-gap: 10px}
.sub-cats a {font-size: 14px; transition: 300ms; position: relative; padding-left: 20px}
.sub-cats a:hover {color: #dd1356}
.sub-cats a:before {content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #dd1356; border-bottom: 4px solid transparent; left: 0px; top: 7px}



/* HOME */
.mg-slider-wrap {margin-bottom: 45px !important}
.swiper-pagination-bullet {border: none !important}
.swiper-pagination-bullet-active {background: #fff !important}
.cat-prev {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px}
.cat-prev__item {display: flex; padding: 10% 10px; align-items: center; justify-content: center; position: relative; color: #e7188d; transition: all .3s ease; font-size: 22px; text-decoration: none; text-transform: uppercase; background-size: cover!important}
.cat-prev__item:hover {color: #ffffff;}
.cat-prev__item:hover::before {content: ''; display: block;	position: absolute;	left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.6);}
.cat-prev__item-1 {background: url(../images/wallpaper.jpg);}
.cat-prev__item-2 {background: url(../images/roller.jpg);}
.cat-prev__item-3 {background: url(../images/stikers.jpg);}
.cat-prev__item-4 {background: url(../images/order.jpg);}
.cat-prev__item-5 {background: url(../images/busness.jpg);}
.cat-prev__item-6 {background: url(../images/assets.jpg);}
.cat-prev__item > span {display: block; width: calc(100% - 40px); border: rgba(255,255,255,0.8) solid 3px; padding: 4px; border-radius: 2px; z-index: 1;}
.cat-prev__item span span {display: flex; min-height: 59px; text-align: center; padding: 0 20px; background: rgba(255,255,255,0.8); align-items: center; justify-content: center;}
.cat-prev__item:hover span {border-color: rgba(231,24,141,0.8)}
.cat-prev__item:hover span span {background-color: rgba(231,24,141,0.8)}
main h2 {text-align: center; margin-bottom: 20px; text-transform: uppercase; color:#656060; margin-top: 40px}
/* HOME */


.mg-gallery-list {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; margin: 40px 0}
.mg-gallery-list-notify img {margin-right: 10px; vertical-align: middle; display: inline-block; width: 30px}

.body__catalog .cat-prev {margin-bottom: 40px}
.body__catalog .cat-prev__item {height: 0px; padding-bottom: 100%}
.body__catalog .cat-prev__item > span {position: absolute; top: 50%; margin-top: -30px; left: 20px; right: 20px}

/* CATALOG */
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px}
.product-wrapper {position: relative; display: flex; background: #fff; flex-direction: column; justify-content: space-between; border: #f4f4f4 solid 1px; transition: 300ms}
.product-wrapper:hover {border-color: #cfcece}
.product-wrapper:hover .name {color: #dd1356}
.product-wrapper .name {font-weight: bold; display: block; height: 45px; line-height: 20px; color: #4e4f50}
.product-wrapper .text {font-size: 17px;  display: flex; flex-direction: column; justify-content: space-between; padding: 20px 20px 30px 20px}
.product-wrapper .text .vendor {color: #b6b3b3;  font-size: 13px; text-align: right; margin-bottom: 5px}
.product-wrapper .text .product-tag { font-style: italic; color: #878889; font-size: 14px;}
.product-wrapper .text .product-count {position: absolute; bottom: 20px; font-size: 13px; color: #b6b3b3;}
.product-wrapper .price-block .product-price {color: #ff618d; font-size: 22px; margin-bottom: 8px; line-height: 20px;}
.product-wrapper .old-price {font-size: 16px}
.product-wrapper .button {width: 100px; height: 35px; line-height: 33px; margin: 0px 0px 0px auto; border-radius: 4px; font-size: 14px; cursor: pointer}
.product-wrapper .img {height: 0; padding-bottom: 62%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer}
.product-wrapper .img img {display: block; border: none; width: 100%; top: 0; left: 0; object-fit: contain; position: absolute; height: 100%}
.product-wrapper .block-variants {margin-bottom: 20px}
.product-wrapper .stickers {position: static} 
.product-wrapper .stickers .sticker {margin-bottom: 10px}
.product-wrapper .stickers .sale {display: none; right: 0; top: 0; }
.product-wrapper .stickers .new {position: absolute; left: 0; top: 0; width: 66px; height: 66px; background: linear-gradient(to left top, transparent 50%, #8abb0d 50%); font-size: 0}
.product-wrapper .stickers .new::after {display: block; content: 'Новинка';  width: 66px; height: 66px; text-transform: uppercase; transform: rotate(-45deg); font-size: 11px; color: #ffffff; text-transform: uppercase; text-align: center; padding-top: 12px; box-sizing: border-box}

.product-wrapper .stickers .hit {position: absolute; right: 0; top: 0; width: 66px; height: 66px; background: linear-gradient(to right top, transparent 50%, #E7188D 50%); font-size: 0}
.product-wrapper .stickers .hit::after {display: block; content: 'Хит';  width: 66px; height: 66px; text-transform: uppercase; transform: rotate(45deg); font-size: 16px; color: #ffffff; text-transform: uppercase; text-align: center; padding-top: 6px;}
.product-wrapper .mg-remove-to-favorites {position: absolute; right: 120px; bottom: 37px; width: 20px; height: 20px;}
.product-wrapper .mg-add-to-favorites {position: absolute; right: 140px; bottom: 37px; width: 20px; height: 20px;}
.product-hits .product-wrapper .stickers .new {display: none;}
.product-new .product-wrapper .stickers .hit {display: none;}
.catalog .left-part {width: 300px}
.catalog .right-part {width: calc(100% - 400px)}	
.pager {text-align: center; margin-top: 60px}
.pager li {display: inline-block}
.pager li + li {margin-left: 10px}
.pager li a, .pager li span {display: block; padding: 0px 10px; line-height: 30px; height: 30px}
.pager li.current a {background: #dd1356; color: #fff}
.product-hits .swiper-pagination, .product-new .swiper-pagination {width: 100%; text-align: center}
.swiper-pagination-bullet {margin-right: 10px; border: 1px solid #7f7f7f; background: transparent;}
.swiper-pagination-bullet-active {background-color: #7f7f7f;}
.button-big {margin: 45px auto 0px auto}

/* CATALOG */

/* PREORDER */
.preorder ul {padding-left: 40px;}
.preorder ul li {display: list-item;}
.preorder p, .preorder ul, .preorder li {font-weight: 300; font-family: 'PT Sans';}
.preorder p, .preorder ul {margin-bottom: 20px;}
.preorder a {color: #dd1356; text-decoration: underline;}
.preorder h1 {color: #000000;}

/* DELIVERY */
.hidden	{display: none;}
.s-delivery .page-title {text-align: center;}
.s-delivery hr {height: 2px; width: 35%; border: none; margin: 20px auto;}
.s-delivery  {border: 1px solid #ED81A8; margin: 20px 0;	padding: 40px; position: relative;}
.s-delivery .section-title {text-align: left; font-size: 20px; text-transform: uppercase;	margin: 0 0 40px;	position: relative; line-height: 1;}
.s-delivery .section-title:before {display: block; position: absolute; content: '';	left: -45px; top: -6px;	width: 40px; height: 30px; background-color: #DE1156;}
.delivery-pay-wrap {display: flex; flex-wrap: wrap;}
.delivery-pay__item {width: calc(100% / 3); text-align: center; cursor: pointer;}
.delivery-pay__item-icon {border: 1px solid #D8D8D8;	border-radius: 65px; display: inline-block; height: 130px; width: 130px; padding: 15px; white-space: nowrap; text-align: center; transition: transform .3s ease}
.delivery-pay__item-icon:hover {transform: scale(1.1);}
.delivery-pay__item-icon:before {content: '';	display: inline-block; height: 100%; vertical-align: middle;}
.delivery-pay__item-icon img {display: inline-block;	vertical-align: middle;}
.delivery-pay__item-title {color: #868585; font-size: 1.2em; text-transform: uppercase;}
.s-delivery p, .s-delivery ul, .s-delivery li {font-weight: 300; font-family: 'PT Sans';}
.s-delivery .return {text-transform: uppercase; margin-bottom: 20px;}

/*BUSINESS*/
.business .page-title {text-transform: uppercase; font-size: 32px; font-weight: bold; margin: 26px 0;}
.business-service-wrap {color: #6c6668; margin: 16px 0;}
.business-service__item {width: 25%;}
.business-service__item-title {font-size: 19px; text-decoration: underline; text-transform: uppercase; margin: 16px 0;}
.business p, .business ul, .business li {font-weight: 300; font-family: 'PT Sans';}
.business p {margin-bottom: 20px;}
.business .tels a {color: #dd1356;} 
.business a {text-decoration: underline; font-weight: bold;}
.business a:hover {text-decoration: none;}
.business .tels {text-align: center;}
.business .tels ul {display: table; width: 100%; margin: 16px 0;}
.business .tels ul li {display: table-cell; border-color: #aaa; border-style: solid; border-width: 0; margin: 0; box-sizing: content-box; width: 50%;}
.business .tels ul li:nth-of-type(1) {padding-right: 16px; border-right-width: 1px;	text-align: right;}
.business .tels ul li:nth-of-type(2) {padding-left: 16px; border-left-width: 1px;	text-align: left;}
.downloads {padding-left: 40px; margin-bottom: 32px;}
.downloads-link {width: 22%}
.downloads a {display: inline-block; width: calc(100% - 88px);}
.downloads-link-icon {display: inline-block;}
.futures__item {width: 46%; margin: 0 1.5%; vertical-align: top; color:#6c6668}
.futures__item-title {font-size: 32px;font-weight: bold;text-transform: uppercase; margin: 32px 0;}

.fast-links {margin-bottom: 40px}
.fast-links a {background: #b6b3b3; display: block; color: #fff; padding: 0px 10px; border-radius: 1px; height: 30px; line-height: 30px; margin-left: 20px}
.fast-links li.active a {background: #dd1356}
.show-hidden-catalog {background: #dd1356; width: 100%; color: #fff; max-width: 400px; margin: 40px auto 0px auto; display: block; text-align: center; border-radius: 4px; height: 40px; line-height: 40px}
.hidden-catalog {display: none}
/* PRODUCT */
.product-thumb-slider {margin-top: 30px}
.product-thumb-slider .swiper-slide {height: 40px; background-size: 100%; background-repeat: no-repeat; background-position: 50% 100%; display: flex; align-items: flex-end; justify-content: center}
.product-thumb-slider .swiper-slide img {height: 100%; object-fit: contain; width: 100%}

.main-product-image {width: 600px; position: relative; margin-bottom: 30px}
.main-product-image .swiper-slide {justify-content: center}
.main-product-image .title {font-size: 12px; text-align: center; margin-top: 10px}
.product-details-block .buy-block {width: calc(100% - 640px)}
.product-details-block .price {font-size: 32px; color: #dd1356}
.product-details-block .old-price {opacity: 0.5}

.variants-table {margin: 20px 0px; max-height: 200px}
.variants-table .variant-tr .img {width: 40px; height: 40px; display: block; margin: 5px 0px}
.variants-table .variant-tr label {width: 100%; cursor: pointer; display: flex;  margin-top: 10px}
.variants-table .variant-tr input[type=radio]{  margin-top: 4px;}
.variants-table .variant-tr input[type=radio] + span {font-weight: 400; font-size: 13px; display: inline-block; max-width: calc(100% - 30px);}
.variants-table .variant-tr input[type=radio]:checked + span {color: #dd1356}

.comment-post {border: none; padding: 0px}
.available {font-size: 14px; padding: 8px 0px; }
.prop-item { padding: 8px 0px; transition: 300ms; font-size: 14px}
.prop-item:hover {background: #fafafa}
.prop-name {width: 40%}
.prop-spec {width: 60%}
.product-slider  .swiper-slide { height: 478px; background: #fff; padding-bottom: 52px}
.variants-table .variant-tr input[type=radio] + span  {}
.variants-table .variant-tr .variantTitle {}
.cart_form-wrapper .default-price {margin-left: 15px;}

.buy-block.right-part h1{border-bottom: 1px solid #f7f5f5; padding-bottom: 10px;}
.c-variant__value {display: flex;  align-items: center; }
.c-variant__price  {    white-space: nowrap;}
/* PRODUCT */

.cart_form {width: 100px}
.amount_change {margin: 20px 0px}
.amount_change input[type=text] {width: 48px; display: block; text-align: center; height: 28px; line-height: 28px; border: none; padding: 0px}
.amount_change a {display: block; border: 1px solid #dd1356; width: 24px; height: 24px; text-align: center; transition: 300ms; line-height: 22px}
.amount_change a:hover {color: #fff; background: #f33977; border-color: #f33977}
.product-cart .remove-cell .deleteItemFromCart {font-size: 12px; transition: 300ms; display: block; line-height: 22px; text-align: center; margin-left: 10px; width: 24px; height: 24px; border: 1px solid #787878; color: #787878}
.product-cart .remove-cell .deleteItemFromCart:hover {color: #f33977; border-color: #f33977}
.variants-table tbody {display: flex; flex-wrap: wrap}
.variants-table tbody  .variant-tr {width: 24%; margin-right: 1%; margin-bottom: 10px;}
.variants-table tbody  .variant-tr td {flex-direction: column}
.variants-table .variant-tr .img {width: 100%; height: 75px}
.variants-table .variant-tr .img img {width: 100%; height: 75px}
.lupa-img-and-text {display: flex; align-items: center}
.left-part .lupa-img-and-text {    margin-left: 110px;}
.lupa-img-and-text img {margin-right: 10px; width: 35px;}
.prop-name-articul { width: auto; color: #f29ec4; font-size: 22px;}
.align-center {align-items: center }
.prop-spec-articul { font-size: 22px; width: auto; margin-left: 5px;}

/* CART */
.product-cart td {padding: 10px 0px}
.product-cart .cart-img {width: 100px; height: 100px; display: block; padding-right: 10px}
.product-cart .cart-img img {margin: 0px auto}
.product-cart .price-cell {color: #787878; font-size: 17px}
.product-cart .prop-position {opacity: 0.5; font-size: 14px}
/*.total-price-block {margin-top: 20px; padding-top: 20px; border-top: 1px solid #dd1356; margin-bottom: 20px}*/
.total-price-block .total-sum {font-size: 24px; margin-left: 5px; vertical-align: middle}
/* CART */


/* ORDER */
.agreement-container {margin-top: 20px; font-size: 14px; text-align: center}
.agreement-container a {color: #f33977; text-decoration: underline}
.checkout-form-wrapper .left-part {width: 60%}
.checkout-form-wrapper .right-part {width: calc(40% - 60px)}
.form-list li {display: block; padding-top: 20px; position: relative}
.form-list.flex li {width: calc(50% - 15px)}
.form-list .placeholder {color: #787878; font-size: 13px; font-weight: 400; position: absolute; left: 0px; top: 10px; z-index: -1}
.form-list input:focus + .placeholder {color: #f33977}
.delivery-details-list label {border: 1px solid #cfcece; padding: 10px; margin-top: 10px; border-radius: 4px; cursor: pointer}
.delivery-details-list label:hover {border-color: #dd1356}
.delivery-details-list label input {display: none}
.delivery-details-list label.active {background: #dd1356; color: #fff; border-color: #dd1356; cursor: pointer}
.delivery-details-list li {width: calc((100% - 30px)/2)}
/* ORDER */



/* PERSONAL */
.tab-links {margin-bottom: 40px}
.order-history-list .item td.name-cell {width: 60%}
.order-history-list .left-part {width: 320px}
.order-history-list .date {margin: 10px 0px}
.order-history-list .right-part {width: calc(100% - 320px)}
.order-history-list .order-status {background: #dd1356; padding: 0px 15px; font-size: 13px; color: #fff; height: 22px; line-height: 22px; display: inline-block}
.order-history-list .order-total {margin-top: 20px; padding: 10px 0px 0px 0px !important; border-top: 1px solid #f33977; font-size: 14px !important}
.order-history-list .item + .item {border-top: 1px solid #EBF1F4; margin-top: 26px; padding-top: 26px}
.order-history-list .buttons {text-align: right}
.order-history-list .item + .item {border-top: 1px solid #E0E0E0}
.order-history-list .title {width: 250px}
.order-history-list .item .details {font-size: 12px; width: calc(100% - 280px)}
.order-history-list .status {font-weight: 500}
.order-history-list .total {font-size: 12px; margin-left: 20px}
.order-history-list .total span {display: inline-block; width: 200px; text-align: right}
.order-history-list .total b {width: 100px; margin-left: 10px; display: inline-block}
.order-history-list .total-block {display: flex; justify-content: flex-end}
.order-history-list .info {background: #F8FBFC; padding: 20px 22px 20px 15px; margin-top: 10px; font-size: 12px; font-weight: 500; line-height: 20px}
.order-history-list .info .delivery-type {background: url(../images/icon-poi.svg) 0% 0% no-repeat; padding-left: 32px; margin-bottom: 20px}
.order-history-list .info .payment-type {background: url(../images/icon-payment.svg) 0% 0% no-repeat; padding-left: 32px}
.order-number {margin-top: 0px}
/* PERSONAL */

/* CONTACTS */
.s-contacts .button {margin: 0 0 0 auto; text-transform: uppercase; text-decoration: underline; max-width: 180px; border-radius: 0; height: 60px; line-height: 58px; color: #ffffff;}
.s-contacts .button:hover {text-decoration: none;}
.s-contact-title {font-size: 19px; margin: 19px 0; font-weight: bold;}
.s-contacts p, .s-contacts ul, .s-contacts li {font-weight: 300; font-family: 'PT Sans';}
.s-contacts p, .s-contacts ul {margin-bottom: 20px; color: #6c6668;}
.s-contacts a {color: #dd1356; text-decoration: underline;}
.s-contacts span {font-weight: bold;}
.s-contacts__item:first-child {padding-right: 20px;}
/* CONTACTS */

/* FOOTER */
footer {background: #fff; border-top: 1px solid #f4f4f4; padding: 50px 0px; color: #777474}
footer .grid {display: grid; grid-template-columns: repeat(4,auto); grid-gap: 40px}
footer .belka {display: block; width: 90px; filter: contrast(0); transition: 400ms; margin-top: 25px}
footer .belka:hover {filter: contrast(1)}
footer .footer-column:first-of-type ul {display: grid; grid-template-columns: auto auto; column-gap: 20px}
footer .footer-column .title {text-transform: uppercase; font-size: 17px; margin-bottom: 30px; color: #000}
footer li {display: block; margin-bottom: 10px; font-size: 14px}
footer li a {display: block; padding: 0}
footer li a:hover {color: #dd1356; text-decoration: none;}
footer .logo {width: 170px; height: 53px; background: url(../images/logo_footer.svg) no-repeat center center; background-size: contain; margin-bottom: 25px; display: block;}
footer .contacts a {font-size: 14px; margin-bottom: 10px; display: inline-block}
footer .contacts a:hover {color: #f33977}
/* FOOTER */

@media screen and (max-width:1679px) {
  body {font-size: 16px}
  main {padding-top: 160px}
  .menu-wrapper {top: 46px}
  .product-wrapper .text {font-size: 16px}
  .max {max-width: 1340px}
  header .page-menu li {font-size: 15px}
  header .top-part .max {height: 35px}
  header .bottom-part {top: 35px}
  header .bottom-part .max {height: 79px}
  header .page-menu li + li {margin-left: 25px}
  header .logo {width: 170px}
}

@media screen and (max-width:1279px) {
body {font-size: 15px}
header .page-menu li + li {margin-left: 20px}
header .logo {width: 150px}
.cat-prev__item {font-size: 20px}
.search-line {width: calc(100% - 340px)}
}

@media screen and (max-width:1023px) {
body {font-size: 14px}
  header .logo {width: 120px}
  .search-line {width: unset}
  header .page-menu li {font-size: 11px}
  .catalog-menu-button {font-size: 11px; padding-left: 30px}
  .main-product-image, .product-details-block .buy-block {width: calc(50% - 10px)}
.tablet-hide {display: none !important}
.tablet-show {display: block}
.by-3, .by-4 {grid-template-columns: repeat(2, 1fr); grid-gap: 20px}
header .page-menu li + li {margin-left: 10px}
.page-menu {margin-right: -20px; position: relative}
.page-menu:after {position: absolute; right: 0px; top: 0px; position: absolute; width: 20px; height: 100%; content: ''; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)}
.page-menu .level-1 {overflow-x: auto; flex-wrap: nowrap; white-space: nowrap}
.page-menu .level-1:after {width: 20px; height: 20px; display: block; flex-shrink: 0; content: ''}
.page-menu .level-1::-webkit-scroll {display: none}
.cat-prev {grid-template-columns: repeat(2, 1fr)}
.variants-table {max-height: none}
}

@media screen and (max-width:767px) {
h1 {font-size: 24px}
h2 {font-size: 18px}
.by-3, .by-4 {grid-template-columns: 1fr}
main {padding-top: 110px; min-height: calc(100vh - 110px)}
.mobile-hide, .bread-crumbs {display: none !important}
.mobile-show {display: block}
.checkout-form-wrapper .left-part {width: 100%}
.checkout-form-wrapper .right-part {width: 100%}
header .logo {width: 120px}
.catalog .left-part {position: fixed; width: 100%; display: none; background: #fff; z-index: 1000; top: 0px; left: 0px; height: 100%; padding: 20px; overflow-y: auto}
.catalog .right-part {width: 100%}
footer .footer-column {width: 100%}
footer {padding: 30px 0px}
.cat-prev {grid-template-columns: 1fr}
.cat-prev__item {height: 70px; font-size: 18px}
.cat-prev__item span {padding: 3px; border: rgba(255,255,255,0.8) solid 2px}
.cat-prev__item span span {min-height: 40px}
.tab-link {padding: 10px 7px; width: 100%; flex-grow: 1}
.tab-links {justify-content: space-between; flex-wrap: nowrap; text-align: center; overflow-x: auto; margin-bottom: 20px}
.tab-links::-webkit-scrollbar {display: none}
.form-list.flex li {width: 100%}
.order-history-list .left-part {width: 100%}
.order-history-list .right-part {width: 100%}
.menu {position: static}
.menu-wrapper {top: 100%; width: 100%; max-height: calc(100vh - 135px); overflow-y: auto}
.catalog-menu-button {width: 20px; padding: 0px; height: 18px}
.search-line {position: absolute; width: 255px}
.menu-wrapper li a {padding: 10px 15px; font-size: 16px; color: #5a5a5a; display: block}
header .bottom-part .max {height: 59px}
.menu-wrapper li + li, header .page-menu li + li {margin-left: 0px}
header .page-menu li {text-transform: none; width: 100%}
.page-menu .level-1 {flex-wrap: wrap; overflow: inherit; width: 100%; margin-right: 0px}
.product-wrapper .img {margin-bottom: 0px; padding: 0px; height: auto}
.product-wrapper .text .product-count {position: static; font-size: 12px}
.business-service__item {width: 100%}
.content ul {margin-left: 15px}
main h2 {margin-bottom: 15px}
.futures__item {width: 100%}
.catalog-menu li.has-sub svg {display: none}
.menu-wrapper li:hover a {background-color: #ffeef4; color: #dd1356}
.sub-cats {grid-template-columns: repeat(2, 1fr)}
.product-details-block .buy-block {width: 100%}
.main-product-image {width: 100%; margin-bottom: 20px}
.modal {width: 100%; height: 100%; padding: 20px}
.delivery-details-list li {width: 100%}
.product-wrapper .button {line-height: 1; height: auto; text-decoration: underline; font-size: 12px; background: none; color: #b6b3b3; width: auto; display: inline-block; border-radius: 0px; border: none; margin: 0px}
.product-wrapper .text {font-size: 13px}
.product-wrapper .price-block .product-price {text-align: left; margin-bottom: 0px; line-height: 1; font-size: 16px}
.product-wrapper .mg-add-to-favorites, .product-wrapper .mg-remove-to-favorites {position: static; display: block}
.product-wrapper {padding: 10px; flex-direction: row; align-items: center}
.icons {width: 100%}
.product-wrapper .name {height: auto; font-weight: 400; margin-bottom: 5px}
.product-wrapper .img {width: 100px; height: 100px}
.product-wrapper .text {width: calc(100% - 110px); display: block}
.product-wrapper .img img {max-height: 100px}
.h-block {margin-bottom: 20px}
.h-block h1 {width: calc(100% - 30px); margin-bottom: 0px}
.h-block .filter-icon {width: 20px; height: 20px; background: url(../images/icon-filter.svg) 50% 50% no-repeat; background-size: contain}
.close {top: 20px; right: 20px; width: 15px; height: 15px}
.filter-preview {display: none !important}
.product-wrapper .stickers .hit, .product-wrapper .stickers .new {width: 46px; height: 46px}
.product-wrapper .stickers .hit::after, .product-wrapper .stickers .new::after {width: 46px; height: 46px; font-size: 12px; padding-top: 2px}
.catalog-slider .swiper-wrapper {overflow: initial; display: block !important}
.catalog-slider .product-wrapper + .product-wrapper {margin-top: 10px}
.button-big {margin: 20px auto 0px auto}
.mg-slider-wrap {margin-bottom: 20px !important}
.downloads-link {width: 100%}
.downloads-link + .downloads-link {margin-top: 10px}
.downloads {padding-left: 0px; margin-bottom: 0px}
.downloads-link-icon {width: 40px}
.downloads a {width: calc(100% - 45px)}
.futures__item-title {font-size: 18px}
.mg-slider-wrap {display: none}
  .main-product-image .product-slider {width: 100%}
  .virtual-try-on {width: 100%}
  .virtual-try-on .main-image-container {width: 100%}
  .virtual-try-on .elements {width: 100%; display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
  .virtual-try-on .elements a {width: 49%; margin-bottom: 6px; }
  .virtual-try-on .elements a + a {margin-top: 0;}
  .virtual-try-on   .elements.overflow-y  {height: auto!important; }
}

.original {
	height: 0 !important;
}

.product-slider .element {
	pointer-events: none;
  object-fit: contain;
	position: absolute;
	bottom: 0;
	z-index: 100;
	height: auto;
	width: 100%;
	max-width: 100%;
}

.cart_form-wrapper  {
	display: flex;
	align-items: center;
}

.cart_form, .default-price {
	display: inline-block;
}

.product .product-status-list {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.product .product-status-list li {
	margin-right: .5rem;
}

.boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 10px;
}

.boxes li {
	display: inline-block;
	width: 24%;
	margin-right: 5px;
	margin-bottom: 5px;
}

.box {
	display: inline-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding: 7px;
	border: 1px solid #dd1356;
	cursor: pointer;
	width: 100%;
}

.box.active {
	background: #dd1356;
	color: #fff;
}

.boxes .img {
	margin-bottom: 3px;
}

.box input {
	display: none;
}

@media screen and (max-width:767px) {
	.mg-gallery-list {display: grid; grid-template-columns: repeat(2,1fr);}
	.boxes li {
		width: 48%;
	}
  .product-slider .swiper-slide {height: auto}
  footer .grid {grid-template-columns: 1fr;}
}



.mg-slide__btn {
	display: block !important;
    /* position: absolute!important; */
    /* right: 0 !important; */
    /* top: 1rem !important; */
    margin-top: -17rem !important;
    margin-left: 57rem !important;
    width: 40% !important;
    padding-left: 0px !important;
    padding-right: 0 !important;
}

/* Tinkoff Window */

.tinkoff-lock {
	overflow: hidden;
}

.tinkoff-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 10000;
	justify-content: center;
	align-items: center;
}

.tinkoff-overlay.active {
	display: flex;
}

.tinkoff-window {
	display: inline-block;
	width: 340px;
	height: 310px;
	background: #fff;
	border-radius: 5px;
}

.tinkoff-window__inner {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 20px;
}

.tinkoff-window__inner .tinkoff-image {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.tinkoff-window__inner .tinkoff-header {
	margin-top: 5px;
	width: 100%;
	text-align: center;
}

.by-via-tinkoff, .send-via-tinkoff {
	background-color: transparent;
	color: #dd1356;
}

.by-via-tinkoff:hover, .send-via-tinkoff:hover {
	color: #fff;
}

.dv-product-navigation {display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 24px 0; padding: 16px 0; border-top: 1px solid #ddd}
.dv-product-navigation a {text-decoration: underline; text-underline-offset: 4px; padding: 8px 0}
.dv-product-navigation :focus-visible {outline: 2px solid #b70d48; outline-offset: 3px}
/* DIVINO catalogue: retain native form and request semantics. */
.dv-applied-filters {display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 20px}
.dv-applied-filters a {padding: 8px 12px; border: 1px solid #b70d48; border-radius: 4px; font-size: 14px; background: #fff}
.dv-catalog-navigation {margin: 8px 0 20px; padding: 16px; border: 1px solid #e4d9de; border-radius: 4px; background: #fff}
.dv-catalog-navigation h2 {font-size: 20px; margin: 0 0 10px}
.dv-catalog-navigation ul {display: flex; flex-wrap: wrap; gap: 8px}
.dv-catalog-navigation a {display: block; padding: 8px 12px; border: 1px solid #ddd; border-radius: 3px; font-size: 15px}
.dv-catalog-navigation p {font-size: 14px; color: #555; margin-top: 12px}
.dv-catalog :focus-visible {outline: 2px solid #b70d48; outline-offset: 3px}
.dv-filter-toggle {display: none; padding: 10px; border: 1px solid #b70d48; background: #fff; border-radius: 4px; cursor: pointer; min-height: 44px}
.dv-catalog-filters {scroll-margin-top: 180px}
.dv-catalog .mg-filter-item.dv-filter-expanded ul, .dv-catalog .mg-filter-item:focus-within ul {display: block}
@media (max-width: 767px) {
  .dv-filter-toggle {display: block; margin-bottom: 12px; width: 100%; text-align: left}
  .dv-catalog .filter-form {display: block; margin-bottom: 20px; z-index: 500}
  .dv-catalog .mg-filter-head {justify-content: flex-start}
  .dv-catalog .filter-select {width: 100%}
  .dv-catalog .wrapper-field {width: 100%}
  .dv-catalog .filter-form .filter-buttons {gap: 12px}
  .dv-catalog.dv-filter-enhanced:not(.dv-filter-open) .mg-filter-body,
  .dv-catalog.dv-filter-enhanced:not(.dv-filter-open) .filter-buttons {display: none}
  .dv-catalog .mg-filter-body, .dv-catalog .mg-filter {display: block; width: 100%}
  .dv-catalog .mg-filter-item ul {position: static; width: 100%; max-height: 280px; padding: 16px; margin-top: 4px; box-shadow: none; border: 1px solid #ddd}
  .dv-catalog .mg-filter-item:hover:not(.dv-filter-expanded):not(:focus-within) ul {display: none}
  .dv-catalog .mg-filter-item .title {min-height: 44px; align-items: center; padding-bottom: 0}
}

/* DIVINO navigation: native links/forms, responsive progressive enhancement. */
.dv-header .bottom-part .max {height: 112px; gap: 16px; flex-wrap: nowrap}
.dv-header .logo {flex: 0 0 145px}
.dv-nav {flex: 1; min-width: 0; font-size: 15px; line-height: 1.4}
.dv-nav-toggle, .dv-nav-mobile {display: none}
.dv-nav-primary, .dv-nav-secondary {display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0}
.dv-nav a {display: inline-block; padding: 7px 0}
.dv-nav a:hover, .dv-nav a[aria-current] {color: #b70d48; text-decoration: underline; text-underline-offset: 5px}
.dv-nav-primary {font-size: 17px}
.dv-nav-help {font-size: 14px; margin-top: 2px}
.dv-nav-help summary {cursor: pointer; color: #666; width: fit-content}
.dv-nav-secondary {gap: 0 16px}
.dv-nav-secondary ul {padding-left: 16px}
.dv-nav-search.search-line {position: relative; width: 280px; flex: 0 1 280px; height: auto; line-height: normal}
.dv-nav-search .search {position: relative; display: block !important; height: auto; top: auto}
.dv-nav-search form {position: relative; display: flex; align-items: center; gap: 8px}
.dv-nav-search .search input[type=search] {width: 100%; min-width: 0; height: 44px; line-height: normal; padding: 8px; font-size: 14px}
.dv-nav-search .search button {position: static; flex: 0 0 44px; height: 44px; line-height: normal; padding: 8px; font-size: 0}
.dv-nav-search .search button svg {width: 20px; margin: 0 auto}
.dv-header .icon-search {display: none}
.dv-nav-search .wraper-fast-result {position: absolute; top: 100%; left: 0; right: 0; max-height: 50vh; overflow-y: auto; z-index: 1100}
.dv-nav :focus-visible, .dv-nav-search :focus-visible {outline: 2px solid #b70d48; outline-offset: 3px}
@media (max-width: 1100px) {
  .dv-header .bottom-part .max {height: auto; min-height: 110px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px}
  .dv-nav {flex: 0 0 auto; margin-left: auto}
  .dv-nav-toggle {display: block; min-height: 44px; padding: 8px 16px; background: #fff; border: 1px solid #b70d48; border-radius: 4px; cursor: pointer}
  .dv-nav-panel {position: absolute; top: 100%; left: 0; width: 100%; max-height: calc(100vh - 145px); overflow-y: auto; background: #fff; padding: 16px 20px; border-bottom: 1px solid #ddd; box-shadow: 0 8px 12px #0002; z-index: 1200}
  .dv-nav.dv-nav-enhanced .dv-nav-panel:not(.is-open) {display: none}
  .dv-nav .dv-nav-mobile {display: block}
  .dv-nav .dv-nav-desktop {display: none}
  .dv-nav h2 {font-size: 18px; margin: 0 0 4px}
  .dv-nav-primary, .dv-nav-secondary {display: block; font-size: 16px}
  .dv-nav li a {padding: 9px 0; min-height: 42px}
  .dv-nav-help {border-top: 1px solid #ddd; margin-top: 10px; padding-top: 12px}
  .dv-nav-help summary {font-size: 18px; color: #222}
  .dv-nav-search.search-line {position: relative; width: 100%; flex: 0 0 100%; order: 3}
  .dv-header .logo {flex-basis: 120px}
  .dv-header ~ main {padding-top: 175px}
}
/* Keep both checkout and continue controls inside the existing cart modal. */
.modal[data-modal="modal-cart"] .overflow-y {max-height: calc(100% - 270px)}
@media (max-width: 767px) {
  .modal[data-modal="modal-cart"] .img-cell {display: none}
}