:root{
	--font: "Geologica", sans-seri;
	/*--font-second: "Mulish", serif;*/
	--text-color: #1C1C1C;
	--text-color-hover: #7A6E96;
	--white-color:  #fff;
	--grey-color: #A6A6A6;
	--button-color: #BAA0D8;
	--button-color-hover: #7A6E96;
	--button-color-disabled: #D7D7D7;
	--secondary-color: #E63946;
	--separator-color: #F7F7F7;
	--separator-second-color: #D7D7D7;
	--unit-spacing: 100px 0;
	--primery-background: #F7F7F7;
	--primery-background-second: #F3E6E9;
	--primery-background-third: #FAF7FA;
	--primery-background-forth: #F7F7F7;
	--primery-background-fifth: #F7FAF8;
	--primery-background-sixth: #FAF9F7;
}


:root{
	--pad-y: 18px;
	--pad-x: 24px;
	--logo: 90px;
	--gap: 24px;
	--nav-fz: 14px;
}


:root{
	--h: 60px;
	--bg: #b79be8;
	--txt: #fff;
	--shadow: 0 8px 28px rgba(183,155,232,.45);
	--rad: 999px; /* стартовый круг */
}

.qty-liquid{
	position: absolute;
	right: 15px;
	bottom: -30px;
	display: inline-grid;
	place-items: center;
	height: var(--h);
	width: var(--h);
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	z-index: 9;
}
label.b-switch:has(input:checked) .toggle-btn {
	background-color: #baa0d8;
}
.pill{
	position:absolute; inset:0;
	background: var(--bg);
	border-radius: var(--rad);
	box-shadow: var(--shadow);
	overflow: hidden;
}

/* небольшая «жидкая вспышка» */
.blob{
	position:absolute; left:50%; top:50%;
	width: 60%; height: 60%;
	background: rgba(255,255,255,.18);
	border-radius: 50%;
	transform: translate(-50%,-50%) scale(0);
	pointer-events: none;
}

.fab{
	position: relative; z-index: 2;
	width: var(--h); height: var(--h);
	border: 0; border-radius: 50%;
	background: transparent; color: var(--txt);
	display:grid; place-items:center; cursor:pointer;
}
.i-plus,.i-minus{ width:23px; height:23px; fill:var(--txt); }

.controls{
	position: absolute;top: 0; bottom: 0;margin: auto; z-index:2; display:none;
	align-items:center; gap: 14px; padding: 0 14px;
	color: var(--txt);
}
.controls .btn{
	width:36px; height:36px; border-radius:999px; border:0;
	background: transparent; color: var(--txt);
	display: flex; align-items: center; justify-content: center; cursor:pointer;padding: 0;
}
.count{
	min-width: 20px; text-align:center;
	font-size: 18px;
}

.qty-liquid.is-open .controls{ display:flex; }

/* hover/active */
.fab:hover, .controls .btn:hover { filter: brightness(1.05); }
.controls .btn:active { transform: scale(.96); }

/* Базовая «двухрядная» сетка */
.header{
	position: sticky; top:0; z-index:1000;
	backdrop-filter: blur(8px); background:rgba(255,255,255,.85);
	padding: 40px 0 30px;
	transition: all .25s;
}
.header__grid{
	display:grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-areas:
    "loc  logo  icons"
    ".    nav   .";
	grid-template-rows: auto auto;   /* явно 2 строки */
	align-items:center;
	gap:24px;
}
.header__location{ grid-area: loc; font-size:12px; color:#666;
	transition: opacity .25s, transform .25s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.logo{
	grid-area: logo;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo img{ width:var(--logo); object-fit:contain;
	transition: width .25s, height .25s, transform .25s;
	display: block;
}
.icon-navigation{
	grid-area: icons;
	justify-self:end;
	display:flex;
	gap:14px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.icon-navigation svg{ width:20px; height:20px; display:block; }

.header__nav{ grid-area: nav; transition: transform .28s ease, opacity .28s ease; }
.header__nav ul{
	display:flex;
	gap:28px;
	justify-content:center;
	flex-wrap:wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header__nav a{ font-size:var(--nav-fz); color:#222; text-decoration:none; }

/* ===== СХЛОПНУТО: всё в один ряд ===== */
.header.is-condensed{
	--pad-y: 10px; --logo: 69px; --gap: 16px; --nav-fz: 13px;
	background:rgba(255,255,255,.92);
	padding: 29px 0;
}
.header.is-condensed .header__grid{
	display:flex;                     /* <-- вместо grid */
	align-items:center;
	gap:16px;
	padding-bottom:0;                 /* чтобы точно не было «воздуха» */
}
.header.is-condensed .header__location{
	opacity:0; transform: translateY(-8px); pointer-events:none;display: none;
}
.header.is-condensed .logo{ order:1; }
.header.is-condensed .header__nav{ order:2; flex:1; }
.header.is-condensed .icon-navigation{ order:3; }

/* Подъём меню в строку и мягкое «сведение» */
.header .header__nav{ transform: translateY(0); }
.header.is-condensed .header__nav{ transform: translateY(0); }

/* меньше движения при системной настройке */
@media (prefers-reduced-motion: reduce){ *{transition:none !important;} }


*{
	box-sizing: border-box;
}
body{
	margin: 0;
	font-family: var(--font);
	color: var(--text-color);
	overflow-x: hidden;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
main{
	flex: 1;
}
img{
	max-width: 100%;
}
a:hover{
	color: var(--text-color-hover);
}
.text-center{
	text-align: center;
}
.unit-spacing{
	margin: var(--unit-spacing);
}
.container-padding{
	padding: 0 60px;
}
.title-spacing{
	margin-bottom: 40px;
}
.container{
	max-width: 100%;
	margin: 0 auto;
	padding: 0 60px;
}
.full-width{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.h1, h1{
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	text-transform: uppercase;
}
h1.big-size{
	font-weight: 500;
	font-size: 50px;
	line-height: 120%;
	text-transform: uppercase;
	text-align: right;
	color: #1c1c1c;
}
.product-slide__heading .section-link span{
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	text-transform: uppercase;
}
.product-slide__heading .section-link{
	color: #1C1C1C;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 20px;
}
.product-slide__heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}
body:has(.shadow.active){
	overflow: hidden;
}
.shadow.active{
	opacity: 1;
	visibility: visible;
}
.shadow{
	background-color: #6B6B6B66;
	backdrop-filter: blur(5px);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1002;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
}
.banner-title{
	font-size: 80px;
	font-weight: 500;
	line-height: 80px;
}
.btn{
	font-weight: 500;
	line-height: 32px;
	color: var(--white-color);
	background-color: var(--button-color);
	transition: all .2s linear;
	max-width: max-content;
	padding: 16px;

	cursor: pointer;
	border: none;
	text-align: center;
	display: block;
	text-decoration: none;
}
.btn:hover{
	background-color: var(--button-color-hover);
	color: #fff;
}
.btn-disabled{
	background-color: var(--button-color-disabled);
}
.btn-disabled:hover{
	background-color: var(--button-color-disabled);
}
.btn-border{
	border: 1px solid var(--grey-color);
	background-color: transparent;
	color: var(--text-color);
	cursor: pointer;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.gap--32{
	gap: 32px;
}
.gap--9{
	gap: 9px;
}
.flex-row--4 > *{flex: 0 0 25%}
.flex-row--3 > *{flex: 0 0 33.333%}
.flex-row--2 > *{flex: 0 0 50%;}
.flex-row--2.gap--32 > *{
	flex: 0 0 calc(50% - 16px);
	max-width: calc(50% - 16px);
}


.flex-row--3.gap--32 > *{
	flex: 0 0 calc(33.333% - 22px);
	max-width: calc(33.333% - 22px);
}
.flex-row--4.gap--9 > *{
	flex: 0 0 calc(25% - 7px);
	max-width: calc(25% - 7px);
}
.flex-row--4.gap--32 > *{
	flex: 0 0 calc(25% - 24px);
	max-width: calc(25% - 24px);
}



.flex--row-reverse{
	flex-direction: row-reverse;
}
.align-center{
	align-items: center;
}
.justify-between{
	justify-content: space-between;
}
.checkbox{
	position: relative;
	padding-left: 36px;
	cursor: pointer;
	transition: all .2s linear;
}
.checkbox:before{
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #F7F7F7;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	transition: all .2s linear;

}

.checkbox:has(input:checked):before{
	box-shadow: inset 0 0 0 6px #7A6E96;
}
.checkbox input{
	display: none;
}
#success-modal .hystmodal__window {
	max-width: 400px;
	padding: 17px 0;
	width: 90%;
}
.success-modal__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100px;
	margin: 0 auto 20px;
}
.success-modal__title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}
.success-modal__text {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
.success-modal__btn {
	display: block;
	margin: 0 auto;
	padding: 10px 24px;
	font-size: 16px;
	border: none;
	background: #000;
	color: #fff;
	border-radius: 6px;
	cursor: pointer;
}
.checkbox-text{
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	display: block;
	color: var(--text-color);
	transition: all .2s linear;
	cursor: pointer;
	padding-left: 36px;
}
.checkbox-text:before{
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #F7F7F7;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.checkbox-text.checked:before,
.checkbox-text:has(:checked):before{
	box-shadow: inset 0 0 0px 6px #7A6E96;
}
.checkbox-text input{
	display: none;
}
.checkbox-color{
	display: flex;
	align-items: center;
	gap: 13px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	position: relative;
}
.checkbox-color input{
	display: none;
}
.checkbox-color__color:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 4px solid transparent;
	transition: all .2s linear;
}
.checkbox-color__color{
	width: 48px;
	flex: 0 0 48px;
	position: relative;
	height: 48px;
	border: 1px solid transparent;
	transition: all .2s linear;
}
.checkbox-color:has(:checked) .checkbox-color__color:before{
	border-color: var(--white-color);
}
.checkbox-color:has(:checked) .checkbox-color__color{
	border-color: var(--button-color);
}
.checkbox-color__text span{
	color: var(--grey-color);
	margin-left: 8px;
}

.accordion{
	border-bottom: 1px solid var(--separator-second-color);
}
.accordion__item__title:after{
	content: '';
	background-image: url(/upload/icon/down-small.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: transform .2s linear;
}
.accordion__item.active .accordion__item__title:after{
	transform: rotate(180deg);
}
.accordion__item__title{
	padding: 20px 0;
	border-top: 1px solid var(--separator-second-color);
	cursor: pointer;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}
.accordion__item__content{
	display: none;
}
.accordion__item__content a{
	color: var(--text-color);
}
.accordion__item__content a:hover{
	color: var(--text-color-hover);
}
.accordion__item.active .accordion__item__content{
	display: block;
	animation: showBlock 0.5s linear forwards;
	padding-bottom: 10px;
}
.showcase {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	margin: 60px 0 90px;
}
.showcase__item {
	flex: 0 0 104px;
	text-decoration: none;
}
.showcase__item span{
	font-weight: 500;
	font-size: 14px;
	line-height: 12px;
	text-align: center;
	display: block;
	color: #1c1c1c;
}
.showcase__item__image {
	border: 2.5px solid #D7D7D7;
	border-radius: 150px;
	padding: 6px;
	height: 134px;
	object-fit: cover;
	width: 100%;
}
.banner-textarea{
	position: relative;
	max-width: max-content;
}
.banner-textarea__title{
	font-weight: 500;
	font-size: 45px;
	line-height: 56px;
	text-transform: uppercase;
}
.banner-textarea__info p{
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	margin: 0;
}
.banner-textarea__info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 43px;
	color: #5E2943;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	max-width: 553px;
	right: 0;
}
.swiper .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background-color: #F7F7F7;
	opacity: 1;
	margin: 0 5px;
}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--button-color);
}
.breadcrumbs {
	margin: 24px 0;
}
.breadcrumbs ol{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}
.breadcrumbs ol li{
	font-size: 12px;
	font-weight: 200;
	line-height: 13px;
	color: #333333;
}
.breadcrumbs ol li:not(:last-child):after{
	content: '/';
	margin-left: 2px;
}
.breadcrumbs ol li a{
	text-decoration: none;
	color: var(--grey-color);
}
.breadcrumbs ol li a:hover{
	color: var(--text-color-hover);
}

.header:has(.menu-section.active){
	z-index: 1000;
}
.header-top{
	background-color: #1E1E1E;
	padding: 8px 0;
	color: var(--white-color);
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
}
.header-top__menu{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 24px;
}
.header__title {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 1.63333px;
	text-transform: uppercase;
	font-weight: 400;
	position: absolute;
	left: 0;
	right: 0;
}
.header__link-catalog {
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	border-bottom: 1px dashed;
	text-align: right;
	text-decoration: none;
	transition: color .2s linear;
	position: relative;
	z-index: 1;
}
.header__bottom.header-bottom:has(.header__title) .logo {
	position: relative;
	z-index: 1;
}
.header-mobile__navigation > div {
	display: flex
;
	align-items: center;
	gap: 2px;
	color: #fff;
}
.header-mobile__navigation__wishlist{
	align-items: center;
	display: flex;
	gap: 5px;
	text-decoration: none;
}
.header-mobile.white-bg-header .header-mobile__navigation > div, .header-mobile.white-bg .header-mobile__navigation > div{
	color: #333;
}
.header-mobile__navigation > div span {
	font-size: 12px;
}
.header-mobile__navigation > a {
	display: flex
;
	align-items: center;
}
.header__link-catalog:hover{
	color: var(--text-color-hover);
}
.header-top__tel,
.header-top__menu a{
	text-decoration: none;
	color: var(--white-color);
}
.header-top__tel{
	text-decoration: none;
	color: var(--text-color);
	font-size: 18px;
	font-weight: 500;
}
.header-bottom{
	padding: 21px 0;
	background-color: #fff;
	border: 1px solid var(--separator-color);
}
.header-bottom .column-left{
	gap: 64px;
}
.header-bottom__menu > ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 24px;
}

.header-bottom__menu ul a{
	font-size: 13px;
	font-weight: 400;
	line-height: 32px;
	color: var(--text-color);
	text-decoration: none;
}
.header-bottom__menu .menu-section.active{
	display: block;
	animation: showBlock 0.5s linear forwards;
}
.header-bottom__menu .menu-section{
	position: absolute;
	z-index: 99;
	background-color: var(--white-color);
	left: 0;
	right: 0;
	top: 82px;
	list-style: none;
	margin: 0;
	padding: 42px 0;
	display: none;
}
.menu-section__list {
	flex: 0 0 50%;
}
.menu-section__banner{
	flex: 0 0 50%;
}
.menu-section__banner{
	display: flex;
	gap: 32px;
}
.menu-section__banner__item span{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 8px;
	display: block;
	color: var(--text-color);
}
.menu-section__banner__item img{
	display: block;
	width: 324px;
	height: 480px;
	object-fit: contain;
}
.menu-section__list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.menu-section__list ul{
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 0 0 calc(50% - 12px);
}
.menu-section__list ul li:not(:last-child){
	margin-bottom: 16px;
}
.menu-section__list ul li a{
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}
.menu-section__list ul .link-more a{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}
.menu-section__list ul .heading a{
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: var(--text-color);
	display: block;
}
.header-bottom__nav{
	gap: 24px;
	align-items: center;
}
.header-bottom__nav .icon-wrapper{
	display: block;
	color: var(--text-color);
	position: relative;
}
.header-bottom__nav .icon-wrapper span {
	position: absolute;
	width: 18px;
	height: 18px;
	background-color: #1e1e1e;
	color: #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	bottom: 4px;
	right: -5px;
}
.header-bottom__nav .icon-wrapper .icon {
	width: 30px;
	height: 30px;
	stroke: currentColor;
	fill: none;
	transition: stroke 0.3s;
}
.header-bottom__nav .icon-wrapper.active .icon,
.header-bottom__nav .icon-wrapper:hover .icon{
	stroke: currentColor;
	color:  var(--button-color-hover) !important;
}



.header-mobile{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: transparent;
	/*background: linear-gradient(180deg, rgb(0 0 0 / 86%) 40%, rgba(0, 0, 0, 0) 100%);*/
	transition: all .2s linear;
}
.header-mobile.white-bg-header,
.header-mobile.white-bg{
	background-color: #fff;
}
.header-mobile.filter-open .header-mobile__search input,
.header-mobile.cart-open .header-mobile__search input,
.header-mobile.catalog-open .header-mobile__search input{
	border-color: var(--button-color);
	color: var(--text-color);
	background-image: url(/upload/icon/search-icon-black.svg);
}
.header-mobile.white-bg-header .header-mobile__navigation path,
.header-mobile.white-bg .header-mobile__navigation path,
.header-mobile.white-bg-header .catalog-button path,
.header-mobile.white-bg-header.catalog-button path,
.header-mobile.white-bg .catalog-button path,
.header-mobile.white-bg-header .search-icon path,
.header-mobile.white-bg .search-icon path{
	stroke: #333;
	transition: all .2s linear;
}

.header-mobile.filter-open .header-mobile__navigation path,
.header-mobile.cart-open .header-mobile__navigation path,
.header-mobile.catalog-open .header-mobile__navigation path,
.header-mobile.filter-open .catalog-button path,
.header-mobile.cart-open .catalog-button path,
.header-mobile.catalog-open .catalog-button path{
	stroke: var(--button-color);
}
.header-mobile.filter-open,
.header-mobile.cart-open,
.header-mobile.catalog-open{
	background-color: var(--white-color);
}
.header-mobile.white-bg-header .header-mobile__search input{
	border-color: var(--button-color);
	background-image: url(/upload/icon/search-icon-black.svg);
	color: var(--text-color);
}
.catalog-open .catalog-button .line1 {
	transform: rotate(45deg) translate(5px, -5px);
}

.catalog-open .catalog-button .line2 {
	opacity: 0;
}

.catalog-open .catalog-button .line3 {
	transform: rotate(-45deg) translate(-10px, -1px) scaleX(1.6);
}

.header-mobile__top {
	position: relative;
	height: 48px;
	padding: 8px 0;
}
.header-mobile__top .column-left.flex{
	gap: 10px;
	align-items: center;
}
.header-mobile__top .logo-mobile{
	position: absolute;
	top: 1px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 140px;
	height: 50px;
}
.header-mobile__top .logo-mobile img{
	width: 100%;
	height: 100%;
}
.header-mobile__top > .flex {
	justify-content: space-between;
	align-items: center;
}
.header-mobile__search {
	margin-top: 8px;
}
.header-mobile__search input {
	width: 100%;
	background-color: transparent;
	background-image: url(/upload/icon/search-icon.svg);
	background-repeat: no-repeat;
	background-position: 12px center;
	border: 1px solid #fff;
	padding-left: 40px;
	height: 40px;
	color: #fff;
	font-size: 16px;
}

.header-bottom__nav .icon-wrapper.cart-button span{
	cursor: pointer;
}
.header-bottom__nav .icon-wrapper.cart-button:hover span{
	color: #fff;
	background-color: #3970e6;
}
.header-bottom__nav .icon-wrapper span{
	transition: all .2s linear;
}
.cart-button .icon{
	cursor: pointer;
}
.cart{
	position: fixed;
	right: 0;
	background-color: var(--white-color);
	padding: 32px;
	max-width: 645px;
	z-index: 1000;
	display: none;
	top: 0;
	bottom: 0;
	height: 100%;
	overflow: auto;
}
.cart.active{
	display: block;
	animation: showBlock 0.5s linear forwards;
}
.cart:hover{
	color: var(--text-color);
}
.cart__heading{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--separator-second-color);
}
.cart__title{
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}
.cart__title span{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: var(--grey-color);
	margin-left: 8px;
}
.cart__close{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	background-image: url(/upload/icon/x.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 26px;
	cursor: pointer;
}
.cart__body{
	max-height: 598px;
	overflow: auto;
	padding-right: 8px;
}
.cart__body.clear-basket-mobile {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cart__body__clear-basket {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.cart__body__clear-basket .icon {
	fill: transparent;
	stroke: var(--primery-background-forth);
	opacity: .1;
}
.cart__body__clear-basket span {
	font-size: 20px;
}
.cart__body::-webkit-scrollbar-track
{
	border: 1px solid #D9D9D9;
	background-color: #fff;
}

.cart__body::-webkit-scrollbar
{
	width: 8px;
	background-color: #fff;
}

.cart__body::-webkit-scrollbar-thumb
{
	background-color: #D9D9D9;
}

.cart-product{
	padding: 16px 0;
	border-bottom: 1px solid var(--separator-second-color);
	display: flex;
	gap: 24px;
}
.cart-product__image{
	flex: 0 0 153px;
}
.cart-product__image img{
	width: 153px;
	height: 200px;
	object-fit: contain;
}
.cart-product__name{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 8px;
}
.cart-product__size {
	margin-bottom: 8px;
}
.cart-product__size,
.cart-product__count{
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	color: var(--grey-color);
}
.cart-product__price{
	margin-top: 16px;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}
.cart-product__content {
	display: flex;
	flex-direction: column;
}
.cart-product__content .flex{
	flex: 1;
	justify-content: space-between;
	align-items: flex-end;
}
.cart-product__wishlist{
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	padding-right: 32px;
	background-image: url(/upload/icon/wisthlist.svg);
	background-repeat: no-repeat;
	background-position: right center;
}
.cart-product__delete{
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--grey-color);
}
.cart-product__delete span{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}
.cart-product__delete svg{
	width: 16px;
	height: 16px;
	stroke: currentColor;
	fill: none;
	transition: stroke 0.3s;
}
.cart__total {
	margin: 24px 0;
}
.cart__total ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.cart__total ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
}
.cart__total ul li span.old{
	text-decoration-line: line-through;
	margin-right: 8px;
}
.cart__buttons{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.cart__buttons .link{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: solid;
	padding: 8px 0 0;
	color: #333;
}
.cart__buttons .btn{
	width: 100%;
	max-width: 100%;
}

.footer{
	padding: 100px 0;
}
.footer .flex {
	justify-content: space-between;
}
.footer-top{
	padding: 32px 0;
	border-top: 1px solid var(--separator-color);
}
.footer .column-right,
.footer .column-left{
	flex: 0 0 50%;
}

.footer .subscribe{
	max-width: 328px;
	margin-bottom: 32px;
}

.subscribe .processing-consent:before,
.subscribe .processing-consent:after{
	display: none;
}
.subscribe .checkbox span{
	padding-left: 0;
}
.subscribe__title{
	font-weight: 400;
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 9px;
}
.subscribe__form{
	position: relative;
	margin-bottom: 8px;
	display: flex;
	gap: 5px;
}
.subscribe__form input{
	width: 100%;
	border: none;
	font-size: 14px;
	transition: all .2s linear;
	background-color: #F7F7F7;
	font-weight: 300;
	line-height: 14px;
	height: 40px;
	padding: 0 20px;
}
.subscribe__form input:focus{
	outline: none;
	border-color: var(--button-color-hover);
}
.subscribe__form input::placeholder{
	color: #999999;
}
.subscribe__form button {
	width: 38px;
	border: none;
	background-color: #F7F7F7;
	cursor: pointer;
}
.processing-consent{
	font-weight: 400;
	font-size: 7px;
	line-height: 150%;
	text-transform: uppercase;

}
.footer-top .column-right{
	display: flex;
	flex-wrap: wrap;
	gap: 140px;
}
.footer__title{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 24px;
}
.footer__menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer__menu ul li:not(:last-child){
	margin-bottom: 8px;
}
.footer__menu ul li a{
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: var(--text-color);
	transition: all .2s linear;
}
.footer__menu ul li a:hover{
	color: var(--text-color-hover);
}
.social a{
	text-decoration: none;
}
.social .icon-wrapper{
	display: block;
}
.social .icon-wrapper {
	color: var(--text-color);
}

.social .icon-wrapper:hover {
	color: var(--button-color-hover);
}
.social .icon-wrapper .icon {
	width: 34px;
	height: 34px;
	fill: currentColor;
	stroke: none;
	display: block;
	transition: fill 0.3s;
}
.social .icon-wrapper:hover .icon{
	fill: currentColor;
	color:  var(--button-color-hover) !important;
}
.social__title{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 8px;
}
.social .flex{
	gap: 12px;
}
.footer-contacts .footer__title{
	margin-bottom: 16px;
}
.footer-contacts{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.footer-contacts__tel{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--text-color);
	transition: all .2s linear;
	text-decoration: none;
}
.footer-contacts__tel:hover{
	color: var(--text-color-hover);
}
.footer-contacts .time{
	font-size: 14px;
	font-weight: 300;
	line-height: 16px;
}
.footer-contacts .callback-button:hover{
	color:var(--text-color-hover);
}
.footer-contacts .callback-button{
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	text-align: left;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	cursor: pointer;
}
.footer-contacts__mail{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--text-color);
	transition: all .2s linear;
	text-decoration: none;
}
.footer-contacts__mail:hover{
	color: var(--text-color-hover);
}
.footer-copyright{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.footer-copyright .column-left{
	font-size: 12px;
	font-weight: 400;
	line-height: 120%;
}
.footer-copyright .column-right .docs li{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}
.footer-copyright .column-right .docs li.company a{
	color: var(--text-color-hover);
}
.footer-copyright .column-right .docs a{
	text-decoration: none;
	color: var(--text-color);
	transition: all .2s linear;
}
.footer-copyright .column-right .docs a:hover{
	color: var(--text-color-hover);
}
.footer-copyright .column-right .docs{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 24px;
}


.catalog-mobile{
	position: fixed;
	max-width: 100%;
	height: 100vh;
	width: 100%;
	padding: 0 16px 100px;
	top: 0;
	left: 0;
	bottom: 0;
	min-height: 100%;
	background-color: var(--white-color);
	z-index: 99;
	overflow: auto;
	transform: translateX(-100%);
	transition: all .2s
	linear;
}
.catalog-mobile.active{
	transform: translateX(0);
}
.catalog-mobile__item__title {
	font-weight: 400;
	font-size: 17px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.catalog-mobile__item {
	margin-bottom: 30px;
}

.catalog-mobile ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.catalog-mobile ul li a{
	text-decoration: none;
	color: var(--text-color);
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
}
.catalog-mobile ul li.has-menu li:first-child{
	margin-top: 5px;
}
.catalog-mobile ul li.has-menu li{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-transform: none;
	padding: 5px 0;
}
.catalog-mobile ul li.has-menu a:after{
	content: '';
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path fill='%231C1C1C' d='M10.9024 6.22891L5.98506 1.31153C5.78433 1.112 5.5128 1 5.22977 1C4.94674 1 4.67521 1.112 4.47449 1.31153C4.37408 1.41113 4.29438 1.52962 4.23999 1.66017C4.1856 1.79072 4.15759 1.93075 4.15759 2.07217C4.15759 2.2136 4.1856 2.35363 4.23999 2.48418C4.29438 2.61473 4.37408 2.73322 4.47449 2.83281L9.40258 7.73948C9.503 7.83908 9.5827 7.95756 9.63709 8.08812C9.69148 8.21867 9.71948 8.35869 9.71948 8.50012C9.71948 8.64155 9.69148 8.78158 9.63709 8.91213C9.5827 9.04268 9.503 9.16117 9.40258 9.26076L4.47449 14.1674C4.27275 14.3677 4.15886 14.64 4.15785 14.9243C4.15685 15.2086 4.26882 15.4816 4.46913 15.6834C4.66945 15.8851 4.94169 15.999 5.22599 16C5.51028 16.001 5.78332 15.889 5.98506 15.6887L10.9024 10.7713C11.5043 10.1687 11.8424 9.35183 11.8424 8.50012C11.8424 7.64842 11.5043 6.83154 10.9024 6.22891Z'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .2s linear;
}
.catalog-mobile__item.visible-list > ul > li.active {
	display: block;
}

.catalog-mobile__item.visible-list > ul > li {
	display: none;
}
.catalog-mobile ul.subcategory li a:after{
	display: none;
}
.order__stage textarea {
	font-size: 16px;
	line-height: 18px;
	padding: 18px 16px;
}
.catalog-mobile ul li.has-menu > a:after{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path fill='%231C1C1C' d='M10.9024 6.22891L5.98506 1.31153C5.78433 1.112 5.5128 1 5.22977 1C4.94674 1 4.67521 1.112 4.47449 1.31153C4.37408 1.41113 4.29438 1.52962 4.23999 1.66017C4.1856 1.79072 4.15759 1.93075 4.15759 2.07217C4.15759 2.2136 4.1856 2.35363 4.23999 2.48418C4.29438 2.61473 4.37408 2.73322 4.47449 2.83281L9.40258 7.73948C9.503 7.83908 9.5827 7.95756 9.63709 8.08812C9.69148 8.21867 9.71948 8.35869 9.71948 8.50012C9.71948 8.64155 9.69148 8.78158 9.63709 8.91213C9.5827 9.04268 9.503 9.16117 9.40258 9.26076L4.47449 14.1674C4.27275 14.3677 4.15886 14.64 4.15785 14.9243C4.15685 15.2086 4.26882 15.4816 4.46913 15.6834C4.66945 15.8851 4.94169 15.999 5.22599 16C5.51028 16.001 5.78332 15.889 5.98506 15.6887L10.9024 10.7713C11.5043 10.1687 11.8424 9.35183 11.8424 8.50012C11.8424 7.64842 11.5043 6.83154 10.9024 6.22891Z'/></svg>");
}
.catalog-mobile .visible-list ul li.has-menu.active > a{
	padding-left: 36px;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
}
.catalog-mobile .visible-list ul li.has-menu.active > a:after{
	transform: rotate(180deg);
	left: 0;
	right: auto;
}
.catalog-mobile ul li.color-red a{
	color: var(--secondary-color);
}

.catalog-mobile ul li a span{
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.catalog-mobile ul li a img{
	width: 40px;
	height: 40px;
	object-fit: contain;
	border-radius: 100%;
	border: 0.3px solid var(--primery-background-second);
}
.catalog-mobile > ul{
	padding: 16px 0;
}
.catalog-mobile > ul > li:first-child{
	border-top: 1px solid var(--separator-second-color);
}
.catalog-mobile > ul > li {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	padding: 8px 0;
	border-bottom: 1px solid var(--separator-second-color);
}
.catalog-mobile .subcategory{
	display: none;
	padding-left: 36px;
}
.catalog-mobile .visible-list .subcategory{
	display: block;
}
.catalog-mobile__helper{
	margin-top: 20px;
}
.catalog-mobile__helper__title {
	margin-bottom: 11px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}
.catalog-mobile__helper__text {
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: var(--grey-color);
	margin-bottom: 15px;
}
.catalog-mobile__helper .flex {
	gap: 10px;
}
.profile-link a,
.personal__menu a{
	text-decoration: none;
	color: var(--text-color);
}
.bx-authform .btn {
	width: 100% !important;
	display: block;
	padding: 10px 0;
	min-width: -webkit-fill-available;
}
.profile-link a:hover,
.personal__menu a:hover{
	color: var(--text-color-hover);
}
.catalog-mobile__helper .flex a{
	flex: 1 0 calc(50% - 5px);
	display: flex;
}
.catalog-mobile__helper__item div span{
	display: block;
	text-transform: uppercase;
	color: var(--text-color);
	font-size: 12px;
	line-height: 12px;
}
.catalog-mobile__helper__item div span:first-child {
	margin-bottom: 6px;
	font-weight: 300;
	font-size: 9px;
	line-height: 10px;
}
.catalog-mobile__helper__item {
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f7f7f7;
	gap: 12px;
	flex: 0 0 calc(50% - 5px);
	text-decoration: none;
}

ul.catalog-mobile__social {
	flex-direction: row;
}
.catalog-mobile > ul.catalog-mobile__social > li a{
	font-size: 12px;
}
.catalog-mobile > ul.catalog-mobile__social > li {
	border: none !important;
	padding: 0;
}

.main-banner {
	position: relative;
}
.main-banner .swiper {
	height: 591px;
}
.main-banner .swiper img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-banner .banner-title{
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	text-align: center;
	color: var(--white-color);
}
.main-banner--mobile{
	display: none;
}
.main-banner__text-container{
	position: absolute;
	bottom: 100px;
	left: 60px;
	right: auto;
	display: flex;
	flex-direction: column;
}
.main-banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 60px;
	left: 60px;
	width: auto;
}
.main-banner__text-container span{
	font-weight: 500;
	font-size: 30px;
	color: #fff;
	line-height: 120%;
}
.main-banner__text-container a{
	color: var(--white-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.banners{
	margin: var(--unit-spacing);
}
.banners__item picture{
	max-height: 100%;
	height: 100%;
}
.banners__item img{
	height: 100%;
	max-height: 100%;
	object-fit: contain;
	mix-blend-mode: darken;
}
.banners__item__info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.banners__item__title{
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: var(--text-color);

}
.banners__item__link{
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	color: var(--text-color);
}
.banners__item{
	background-color: var(--primery-background);
	height: 520px;
	text-decoration: none;
}
.banners__item:first-child img{
	mix-blend-mode: darken;
}
.banners__item:last-child{
	flex-direction: row-reverse;
}
.banners__item:first-child{
	background-color: var(--primery-background-second);
}
.catalog-grid{
	margin: var(--unit-spacing);
}
.catalog-grid__title{
	margin-bottom: 40px;
}
.catalog-item__image img{
	display: block;
	mix-blend-mode: darken;
}
.catalog-item{
	text-decoration: none;
}
.catalog-item__name{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	color: var(--text-color);
}
.catalog-item__image{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
}
.catalog-grid > .flex:last-child:not(:first-child){
	margin-top: 38px;
}
.catalog-grid .flex > .flex > .catalog-item .catalog-item__image{height: 424px;}
.catalog-grid .flex > .flex > .catalog-item:first-child .catalog-item__image{background-color: var(--primery-background-second)}
.catalog-grid .flex > .flex > .catalog-item:nth-child(2) .catalog-item__image{background-color: var(--primery-background-sixth)}
.catalog-grid .flex > .flex > .catalog-item:nth-child(3) .catalog-item__image{background-color: var(--primery-background-fifth)}
.catalog-grid .flex > .flex > .catalog-item:nth-child(4) .catalog-item__image{background-color: var(--primery-background-forth)}
.catalog-grid > .flex > .catalog-item:first-child .catalog-item__image{height:912px; background-color: var(--primery-background-third);}

.catalog-item__image img{
	mix-blend-mode: darken;
}
.catalog-item__image{
	background-color: var(--primery-background-forth);
	transition: all .2s linear;
}
.catalog-item:hover .catalog-item__image{
	background-color: var(--primery-background-second);
}

.product-card__image{
	position: relative;
	margin-bottom: 25px;
}
.product-card__image .image-main video,
.product-card__image .swiper .swiper-slide video{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-color: transparent;
}
.product-card__image .image-main img,
.product-card__image .swiper .swiper-slide img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	min-height: 100%;
	line-height: 40px;
	text-align: center;
	background: #d8d8d8;
	mix-blend-mode: darken;
}
.product-card__image .image-main,
.product-card__image .swiper .swiper-slide{
	position: relative;
	padding-top: 122%;
	overflow: hidden;
	background-color: var(--primery-background-forth);
}
.product-card__image .images-list a {
	flex: 1 0 auto;
}
.heading-title .link-back{display: none}
.product-card__image .images-list > *.active:after{
	background-color: #fff;
	opacity: .6;
}
.product-card__image .images-list > *:after{
	content: '';
	height: 3px;
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	background-color: transparent;
	transition: all .2s linear;
}
.product-card__image .images-list > *{
	position: relative;
}
.product-card__image .images-list {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
}
.product-card__image.video:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 68px;
	height: 68px;
	background-image: url(/upload/icon/icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
	pointer-events: none;
}
.product-card__image video{
	width: 100%;
	position: relative;
}
.product-card__image img{
	display: block;
	width: 100%;
}

.product-card__wishlist {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18" fill="none"><path fill="%23F3E6E9" d="M18.3932 1.76381C16.218 -0.587618 12.6795 -0.587618 10.5049 1.76381L9.99982 2.30965L9.49503 1.76381C7.32046 -0.587936 3.78163 -0.587936 1.60706 1.76381C-0.52336 4.06749 -0.537194 7.71908 1.57498 10.258C3.50142 12.5728 9.18303 17.5739 9.42409 17.7855C9.58774 17.9294 9.78465 17.9994 9.98039 17.9994C9.98687 17.9994 9.99334 17.9994 9.99952 17.9991C10.202 18.0093 10.406 17.9342 10.575 17.7855C10.816 17.5739 16.4982 12.5728 18.4252 10.2576C20.5371 7.71908 20.5233 4.06749 18.3932 1.76381ZM17.1125 8.98041C15.6105 10.7847 11.4818 14.506 9.99952 15.8265C8.51723 14.5063 4.38944 10.7854 2.88772 8.98073C1.41427 7.20984 1.40043 4.68781 2.85564 3.11425C3.59885 2.31093 4.57487 1.90894 5.5509 1.90894C6.52692 1.90894 7.50295 2.31061 8.24615 3.11425L9.35639 4.31479C9.48855 4.4577 9.65515 4.543 9.82998 4.57292C10.1137 4.6388 10.4216 4.55318 10.6424 4.31511L11.7532 3.11425C13.2399 1.50728 15.6582 1.5076 17.144 3.11425C18.5992 4.68781 18.5854 7.20983 17.1125 8.98041Z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 28px;
	height: 28px;
	transition: all .2s linear;
}
.product-card__wishlist.in-wishlist{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18" fill="none"><path fill="%23F3E6E9" d="M10.5049 1.76368C12.6794 -0.587461 16.2175 -0.587454 18.3926 1.76368C20.5227 4.06737 20.5367 7.71925 18.4248 10.2578C16.4976 12.573 10.8153 17.5735 10.5742 17.7852C10.4264 17.9152 10.2522 17.9894 10.0752 17.999H9.98049C9.78475 17.999 9.5875 17.929 9.42385 17.7852C9.18039 17.5714 3.50025 12.5721 1.57424 10.2578C-0.537636 7.71898 -0.52378 4.06728 1.60647 1.76368C3.78104 -0.588058 7.32057 -0.588058 9.49514 1.76368L10 2.30958L10.5049 1.76368Z"/></svg>');
}
.product-card__wishlist svg{
	display: none;
	transition: all .2s linear;
}
.product-card__wishlist:hover{
	transform: scale(1.1);
}
.product-card__wishlist:hover svg path{
	fill: var(--button-color-hover-opacity);
}
.product-card__wishlist.active svg path{
	fill: var(--button-color-hover);
}
.product-card__wishlist{
	position: absolute;
	top: 16px;
	right: 16px;
	cursor: pointer;
	z-index: 1;
}
.product-card__label{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.product-card__label .hit .hit__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	padding: 5px 10px;
	color: #1C1C1C;
	background-color: #B9E2D3;
}
.product-card__label .hit {
	display: flex;
}
.product-card__label .text {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 13px;
	background-color: #F3E6E9;
	border-radius: 0;
}
.product-card__label .hit .text {
	background-color: #B9E2D3;
}
.product-card__label .sale .text {
	background-color: var(--secondary-color);
	color: #fff;
}
.section-bg-pink{
	background-color: #F3E6E9;
	padding: 60px 0;
}
.section-bg-grey{
	background-color: #F7F7F7;
	padding: 60px 0;
}

.circle-cards-list .product-card__wishlist,
.circle-cards-list .product-card__label{display: none}
.circle-cards-list .product-card__image .image-main, .circle-cards-list .product-card__image .swiper .swiper-slide{
	padding-top: 100%;
	border-radius: 100%;
}
.circle-cards-list .qty-liquid {
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
}

.full-width.section-bg-pink,
.full-width.section-bg-grey {
	margin-top: 100px;
	margin-bottom: 100px;
}
.full-width.section-bg-pink .unit-spacing,
.full-width.section-bg-grey .unit-spacing{
	margin: 0;
}
.product-card__label .hit .hit__rating {
	padding: 5px 4px;
	background: #E4F5F1;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
}
.product-card__name{
	display: block;
	text-decoration: none;
	color: var(--text-color);
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-card__price{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	text-transform: lowercase;
}
.product-card__price .new{
	color: #1C1C1C;
}
.product-card__price .old{
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	text-transform: lowercase;

	color: #999999;
	text-decoration: line-through;
}
.product-card__color-list{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	margin-bottom: 6px;
}
.product-card__color-list span{
	width: 8px;
	height: 8px;
	border: .5px solid transparent;
}
.product-card__color-list span.active{
	border-color: var(--grey-color);
}
.gallery-grid a{
	position: relative;
	text-decoration: none;
}

.gallery-grid a span{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	color: var(--white-color);
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	text-shadow: 0 0 15px #000000;
}
.gallery-grid a.white-img span{
	/*color: var(--text-color);*/
}


.outfit{
	text-decoration: none;
}
.outfit:hover .outfit__image{
	background-color: var(--primery-background-second);
}
.outfit__image{
	position: relative;
	padding-top: 150%;
	overflow: hidden;
	background-color: var(--primery-background-forth);
	transition: all .2s linear;
}
.outfit__image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	min-height: 100%;
	line-height: 40px;
	text-align: center;
	mix-blend-mode: darken;
	object-fit: contain;
	max-height: 100%;
}
.outfit__name{
	margin-top: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--text-color);
}
.hystmodal__window--form {
	width: 440px;
	max-width: 100%;
	background: linear-gradient(216.25deg, #FFFFFF 0%, #F3F3F3 100%), #FCFCFC;
	box-shadow: 0px 0px 6px rgba(51, 66, 94, 0.5);
}
.loginblock__h1 {
	margin-bottom: 30px;
	color: #2E3C56;
	font-weight: 600;
	font-size: 26px;
	line-height: 36px;
}
.formitem {
	padding-bottom: 24px;
	position: relative;
}
.formitem input {
	outline: none;
	background: #FFFFFF;
	box-shadow: inset 0 0 0 100px #fff;
	border: 1px solid #DDE0E6;
	box-sizing: border-box;
	color: #484c53;
	font-size: 15px;
	line-height: 26px;
	padding: 15px 20px;
	box-sizing: border-box;
	display: block;
	width: 100%;
}
.button {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: inherit;
	font-size: 18px;
	line-height: 20px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	background: none;
}
.formsubmit .button {
	width: 100%;
	height: 56px;
	font-weight: 500;
}
.hystmodal--simple .hystmodal__window {
	position: relative;
	overflow: visible;
	border-radius: 4px;
	padding: 30px 30px;
}
.button:hover {
	background-color: var(--button-color-hover);
	color: #fff;
}
.hystmodal__styled button {
	background-color: #000;
	color: #fff;
	border: none;
	font-weight: bold;
	margin: 1em 0;
	padding: 10px 30px;
}
.buy-1-click{
	cursor: pointer;
}
.buy-1-click__product__info {
	flex: 1;
}
.buy-1-click__product__price .old {
	text-decoration-line: line-through;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--grey-color);
}
.buy-1-click__product__price .new {
	color: var(--secondary-color);
}
.buy-1-click__product__price {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	display: flex;
	gap: 10px;
	font-family: var(--font-second);
	color: var(--text-color);
	margin-bottom: 24px;
	flex-direction: column;
}
div#buy-1-click .hystmodal__window {
	padding: 15px;
}

.buy-1-click__product__name {
	font-size: 18px;
	color: var(--text-color);
	text-decoration: none;
	font-weight: 600;
	margin-bottom: 15px;
}
.buy-1-click__product__info .flex > span span {
	margin-left: 8px;
	color: var(--grey-color);
}
.buy-1-click__product__info .flex {
	gap: 5px;
	flex-direction: column;
}
.buy-1-click__product__info .flex > span {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;

}

.buy-1-click__product {
	display: flex;
	gap: 20px;
}
.buy-1-click__product__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.buy-1-click__product__image {
	flex: 0 0 90px;
	height: 140px;
}
div#buy-1-click form {
	margin-top: 20px;
}
div#buy-1-click form button{
	max-width: none;
	width: 100%;
	padding: 7px 0;
}
div#buy-1-click form .processing-consent{
	margin: 10px 0;
}
div#buy-1-click form .flex{
	gap: 10px;
}
div#buy-1-click form .flex label {
	flex: 1;
}
div#buy-1-click form .flex label input{
	outline: none;
	background: #FFFFFF;
	box-shadow: inset 0 0 0 100px #fff;
	border: 1px solid #DDE0E6;
	box-sizing: border-box;
	color: #484c53;
	font-size: 15px;
	line-height: 26px;
	padding: 5px 20px;
	box-sizing: border-box;
	display: block;
	width: 100%;
}
div#buy-1-click form .flex label span {
	display: block;
	font-size: 13px;
}
.bottom-nav{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 -3px 4px 0 #0000000D;
	padding: 10px 0 15px;
	display: flex;
	z-index: 99;
}
.bottom-nav a{
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	justify-content: center;
	color: #999999;
	transition: all .2s linear;
	text-decoration: none;
	position: relative;
}
.bottom-nav a span.counter{
	background-color: #BAA0D8;
	font-weight: 500;
	font-size: 8px;
	text-align: center;
	color: #fff;
	min-width: 14px;
	height: 14px;
	border-radius: 14px;
	line-height: 13px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	transform: translate(10px, -3px);
	border: 1px solid #fff;
	max-width: max-content;
}
.bottom-nav a.active svg path{
	fill: #BAA0D8;
}
.bottom-nav a.active{
	color: #BAA0D8;
}

.search-panel{
	display: flex;
	gap: 5px;
	margin: 26px 0;
}
.search-panel__form input{
	width: 100%;
	height: 44px;
	font-weight: 300;
	font-size: 14px;
	line-height: 14px;
	padding: 0 16px;
	border: none;
	background-color: #F7F7F7;
}
.search-panel__form input::placeholder{
	color: #999;
}
.search-panel__form{
	flex: 1;
}
.search-panel__filter,
.search-panel__wishlist{
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F7F7F7;
}
.catalog-mobile ul li a {
	font-weight: 300;
	font-size: 14px;
	line-height: 120%;
}


.product-added {
	position: fixed;
	z-index: 999;
	text-decoration: none;
	display: flex;
	background-color: #fff;
	padding: 16px;
	top: 150px;
	right: 50px;
	gap: 10px;
	transition: all .2s linear;
}
.product-added__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mobile-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 36px 0 16px;

	--color-location: #1C1C1C;
	--color-location-current: #999999;
	--color-bonus: #FFFFFF;
	--background-bonus: #7A6E96;
}
.homepage .mobile-header {
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 9;
	top: 20px;
	left: 16px;
	right: 16px;
	--color-location: #fff;
	--color-location-current: #f7f7f7;
	--color-bonus: #7A6E96;
	--background-bonus: #FFFFFF;
}
.profile-menu {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1002;
	transform: translate(100%, 0);
	transition: all .2s
	linear;
	padding: 16px 16px 100px;
}
.profile-menu__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.min-profile {
	display: flex;
	align-items: center;
	gap: 16px;
}
.min-profile__image {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
}
.min-profile__name {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.min-profile__name span:first-child {
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
}
span.min-profile__review {
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2210%22%20viewBox%3D%220%200%2013%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.32034%200L7.73947%203.80026L12.3313%203.80041L8.61654%206.14924L10.0353%209.94959L6.32034%207.601L2.60534%209.94959L4.02414%206.14924L0.30934%203.80041L4.90121%203.80026L6.32034%200Z%22%20fill%3D%22%23FFE040%22/%3E%3C/svg%3E");
}
.notification-icon {
	position: relative;
}
.notification-icon span {
	position: absolute;
	font-weight: 500;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	min-width: 14px;
	height: 14px;
	border-radius: 14px;
	background-color: #7A6E96;
	color: #fff;
	top: -5px;
	right: -5px;
}
.profile-menu__buttons > * {
	border: 1.5px solid #7A6E96;
	height: 44px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	justify-content: center;
	color: #7A6E96;
	cursor: pointer;
}
.profile-menu__orders {
	flex: 1;
}
.profile-menu__wishlist {
	flex: 0 0 44px;
}
.profile-menu__buttons {
	display: flex;
	gap: 5px;
	margin-bottom: 30px;
}
.profile-menu__title {
	font-weight: 500;
	font-size: 17px;
	line-height: 22px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.profile-menu__list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.profile-menu__list ul a span.notification-count{
	font-weight: 500;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	min-width: 14px;
	height: 14px;
	border-radius: 14px;
	background-color: #7A6E96;
	color: #fff;
}
.profile-menu__list ul a span.count-bonus{
	background-color: #7A6E96;
	padding: 2px 10px 2px 27px;
	font-weight: 500;
	font-size: 10px;
	line-height: 20px;
	color: #fff;
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.46432C4.32273 8.39915 4.64286 12.5715 4.64286 12.5715C4.64286 12.5715 4.96298 8.39915 9.28571 7.46432C4.96298 6.52949 4.64286 2.35718 4.64286 2.35718C4.64286 2.35718 4.32273 6.52949 0 7.46432Z' fill='white'/%3E%3Cpath d='M6.5 3.28571C8.66125 3.79643 8.82143 6.07143 8.82143 6.07143C8.82143 6.07143 8.98161 3.79643 11.1429 3.28571C8.98161 2.775 8.82143 0.5 8.82143 0.5C8.82143 0.5 8.66125 2.775 6.5 3.28571Z' fill='white'/%3E%3C/svg%3E");
}
.profile-menu__list ul a {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	padding: 16px 0;
	color: #1c1c1c;
	text-decoration: none;
	border-bottom: 1.5px solid #F7F7F7;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.02151%205.57751L1.90242%200.332302C1.69346%200.119464%201.4108%200%201.11616%200C0.821521%200%200.538854%200.119464%200.329895%200.332302C0.225362%200.438535%200.142393%200.564924%200.0857721%200.704178C0.0291514%200.843433%200%200.992796%200%201.14365C0%201.29451%200.0291514%201.44387%200.0857721%201.58313C0.142393%201.72238%200.225362%201.84877%200.329895%201.955L5.46013%207.18878C5.56466%207.29501%205.64763%207.4214%205.70425%207.56066C5.76087%207.69991%205.79003%207.84927%205.79003%208.00013C5.79003%208.15099%205.76087%208.30035%205.70425%208.4396C5.64763%208.57886%205.56466%208.70525%205.46013%208.81148L0.329895%2014.0453C0.119885%2014.2589%200.00131592%2014.5493%200.000270155%2014.8526C-0.000775612%2015.1558%200.115789%2015.4471%200.324319%2015.6622C0.532849%2015.8774%200.816264%2015.9989%201.11222%2016C1.40817%2016.0011%201.69241%2015.8816%201.90242%2015.668L7.02151%2010.4228C7.64807%209.77996%208%208.90862%208%208.00013C8%207.09164%207.64807%206.2203%207.02151%205.57751Z%22%20fill%3D%22%231C1C1C%22/%3E%3C/svg%3E");
}

.mobile-header__city__current {
	font-weight: 500;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	color: var(--color-location-current);
}
.homepage .mobile-header__city__button{
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5.21125%203.51075L7.83385%200.951212C7.94027%200.846733%208%200.705399%208%200.55808C8%200.41076%207.94027%200.269427%207.83385%200.164947C7.78073%200.112681%207.71754%200.0711964%207.64791%200.0428861C7.57828%200.0145757%207.5036%20-2.16982e-08%207.42817%20-2.49953e-08C7.35275%20-2.82924e-08%207.27806%200.0145757%207.20844%200.042886C7.13881%200.0711964%207.07562%200.112681%207.0225%200.164947L4.40561%202.73007C4.35249%202.78233%204.2893%202.82382%204.21967%202.85213C4.15004%202.88044%204.07536%202.89501%203.99993%202.89501C3.92451%202.89501%203.84982%202.88044%203.7802%202.85213C3.71057%202.82382%203.64738%202.78233%203.59426%202.73007L0.97737%200.164947C0.870536%200.0599424%200.725338%200.000657643%200.573716%200.000134753C0.422094%20-0.000388137%200.276469%200.0578941%200.168877%200.162159C0.0612855%200.266424%200.000539762%200.408132%203.79039e-06%200.556108C-0.000532181%200.704084%200.0591869%200.846207%200.166021%200.951212L2.78862%203.51075C3.11002%203.82403%203.54569%204%203.99993%204C4.45418%204%204.88985%203.82403%205.21125%203.51075Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
}
.homepage .mobile-header__bonus{
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%207.25172C4.26731%208.18102%204.58333%2012.3286%204.58333%2012.3286C4.58333%2012.3286%204.89935%208.18102%209.16667%207.25172C4.89935%206.32242%204.58333%202.1748%204.58333%202.1748C4.58333%202.1748%204.26731%206.32242%200%207.25172Z%22%20fill%3D%22%237A6E96%22/%3E%3Cpath%20d%3D%22M6.41669%203.09784C8.55023%203.60553%208.70835%205.86707%208.70835%205.86707C8.70835%205.86707%208.86648%203.60553%2011%203.09784C8.86648%202.59015%208.70835%200.328613%208.70835%200.328613C8.70835%200.328613%208.55023%202.59015%206.41669%203.09784Z%22%20fill%3D%22%237A6E96%22/%3E%3C/svg%3E");

}
.mobile-header__city__button {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-location);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 13px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21125 3.51075L7.83385 0.951212C7.94027 0.846733 8 0.705399 8 0.55808C8 0.41076 7.94027 0.269427 7.83385 0.164947C7.78073 0.112681 7.71754 0.0711964 7.64791 0.0428861C7.57828 0.0145757 7.5036 0 7.42817 0C7.35275 0 7.27806 0.0145757 7.20844 0.042886C7.13881 0.0711964 7.07562 0.112681 7.0225 0.164947L4.40561 2.73007C4.35249 2.78233 4.2893 2.82382 4.21967 2.85213C4.15004 2.88044 4.07536 2.89501 3.99993 2.89501C3.92451 2.89501 3.84982 2.88044 3.7802 2.85213C3.71057 2.82382 3.64738 2.78233 3.59426 2.73007L0.97737 0.164947C0.870536 0.0599424 0.725338 0.000657643 0.573716 0.000134753C0.422094 -0.000388137 0.276469 0.0578941 0.168877 0.162159C0.0612855 0.266424 0.000539762 0.408132 0 0.556108C-0.000532181 0.704084 0.0591869 0.846207 0.166021 0.951212L2.78862 3.51075C3.11002 3.82403 3.54569 4 3.99993 4C4.45418 4 4.88985 3.82403 5.21125 3.51075Z' fill='%231C1C1C'/%3E%3C/svg%3E");
}
.mobile-header__bonus {
	background-color: var(--background-bonus);
	padding: 2px 10px 2px 27px;
	font-weight: 500;
	font-size: 10px;
	line-height: 20px;
	color: var(--color-bonus);
	border-radius: 25px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.46432C4.32273 8.39915 4.64286 12.5715 4.64286 12.5715C4.64286 12.5715 4.96298 8.39915 9.28571 7.46432C4.96298 6.52949 4.64286 2.35718 4.64286 2.35718C4.64286 2.35718 4.32273 6.52949 0 7.46432Z' fill='white'/%3E%3Cpath d='M6.5 3.28571C8.66125 3.79643 8.82143 6.07143 8.82143 6.07143C8.82143 6.07143 8.98161 3.79643 11.1429 3.28571C8.98161 2.775 8.82143 0.5 8.82143 0.5C8.82143 0.5 8.66125 2.775 6.5 3.28571Z' fill='white'/%3E%3C/svg%3E");
}

.location-modal {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1002;
	background-color: #fff;
	height: 300px;
	padding: 0 16px;
	transition: all .2s linear;
	transform: translate(0, 100%);
}
.location-modal__title {
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 17px;
	margin-top: 14px;
}
.location-modal__heading + .location-modal__title{
	margin-top: 0;
}
.location-modal .checkbox {
	display: block;
	margin-bottom: 16px;
}
.mobile-header__button button:hover{
	background-color: #7A6E96;
}
.mobile-header__button button {
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	width: 100%;
	height: 44px;
	border: none;
	color: #fff;
	background-color: #BAA0D8;
	transition: all .2s linear;
}
.location-modal input::placeholder{
	color: #999;
}
.location-modal input {
	background-color: #F7F7F7;
	border: none;
	width: 100%;
	height: 44px;
	padding: 0 22px;
	font-weight: 300;
	font-size: 14px;
	line-height: 14px;
}
.mobile-header__button {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 16px;
	box-shadow: 0px -3px 4px 0px #0000000D;
	background-color: #fff;
}
.location-modal__heading {
	padding: 30px 16px 26px;
	position: relative;
}
.location-modal__close {
	position: absolute;
	left: 0;
	cursor: pointer;
	z-index: 1;
}
.location-modal__heading {
	padding: 30px 0 26px;
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #999;
}


.product-added__image {
	width: 100px;
	height: 100px;
	flex: 0 0 100px;
}
.product-added__title {
	font-weight: 400;
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 10px;
	color: #999999;
}
.product-added__name {
	font-weight: 300;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #1c1c1c;
}
.product-added__price {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: #999999;
}
input {
	font-family: var(--font);
}
ul.icon-navigation li {
	position: relative;
}
ul.icon-navigation li span {
	background-color: #BAA0D8;
	font-weight: 500;
	font-size: 8px;
	text-align: center;
	color: #fff;
	min-width: 14px;
	height: 14px;
	border-radius: 14px;
	line-height: 13px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	transform: translate(10px, -3px);
	border: 1px solid #fff;
	max-width: max-content;
}
@media (max-width: 1550px) {
	:root{
		--unit-spacing: 80px 0;
	}
	.container-padding{
		padding: 0 16px;
	}

	.gap--14-md{
		gap: 14px;
	}
	.flex-row--2.gap--14-md > *{
		flex: 0 0 calc(50% - 7px);
		max-width: calc(50% - 7px);
	}
	.catalog-grid > .flex > .catalog-item:first-child .catalog-item__image{
		height: 696px;
	}
	.catalog-item__image img{
		max-height: 100%;
	}
	.catalog-grid .flex > .flex > .catalog-item .catalog-item__image {
		height: 320px;
	}
	.footer-top .column-right {
		gap: 70px;
	}
	.footer .column-right, .footer .column-left {
		flex: 1 0 40%;
	}
	.footer-copyright .column-left{
		flex: 0 0 30%;
	}
}
@media (max-width: 1450px) {
	.flex-row--3-xl > *{
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
	.gap--25-xl{
		gap: 25px;
	}
	.flex-row--3-xl.gap--25-xl > *{
		flex: 0 0 calc(33.333% - 17px);
		max-width: calc(33.333% - 17px);
	}

}
@media (max-width: 1100px) {
	.gap--14-sm{
		gap: 14px;
	}
	.gap--14-sm > *{
		flex: 0 0 calc(50% - 7px) !important;
		max-width: calc(50% - 7px) !important;
	}
	.flex-row--1-sm > *{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.header-bottom .column-left {
		gap: 20px;
	}
}
@media (max-width: 1050px) {
	.flex-row--3-lg > *{
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
	.gap--10-lg{
		gap: 10px;
	}
	.flex-row--3-lg.gap--10-lg > *{
		flex: 0 0 calc(33.333% - 7px);
		max-width: calc(33.333% - 7px);
	}
}
@media (max-width: 1000px) {
	body{
		padding-bottom: 100px;
	}
	.header,
	.product-card__image .image-main,
	.product-card__image .images-list,
	.header-top,
	.header-bottom{
		display: none;
	}
	.showcase {
		flex-wrap: nowrap;
		overflow: auto hidden;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		padding: 10px;
		justify-content: flex-start;
	}
	.main-banner .container {
		padding: 0;
	}
	.product-card__wishlist{
		z-index: 2;
	}
	.product-card__wishlist svg {
		max-width: 19px;
	}
	.product-card > *:not(.product-card__image){
		padding: 0 2px;
	}
	.product-card__image .swiper{
		min-width: 0;
	}

	.product-card__image .video-slide.active:after{display: none}
	.product-card__image .video-slide:after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 60px;
		height: 60px;
		background-image: url(/upload/icon/icon.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 2;
		margin: auto;
		pointer-events: none;
	}

	.product-card .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
		opacity: .5;
	}
	.product-card .swiper-pagination {
		display: flex;
		bottom: 6px;
	}
	.product-card .swiper-pagination span.swiper-pagination-bullet {
		margin: 0;
		border: none;
		border-radius: 0;
		flex: 1;
		height: 3px;
	}

	.section > .column-left{
		display: none;
	}
	.product-card__image video,
	.product-card__image img{
		height: 100%;
	}
	.main-banner .banner-title {
		top: 125px;
	}
	.cart{
		position: fixed;
		max-height: calc(100vh - 96px);
	}

	.banner-title {
		font-size: 45px;
		line-height: 1;
	}
	.header-mobile__navigation {
		display: flex;
		gap: 8px;
	}
	.footer .column-right, .footer .column-left {
		flex: 1 0 100%;
	}
	.footer-copyright {
		gap: 10px;
		flex-direction: column;
		align-items: center;
	}
	.footer-top .logo {
		max-width: 250px;
	}
	.footer-copyright .column-left {
		flex: 0 0 auto;
	}
	.footer-top .column-left{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.footer-copyright .column-right .docs li:last-child {
		margin-left: 0;
	}
	.cart{
		top: 96px;
		width: 100%;
		max-width: 100%;
	}

}

@media (max-width: 950px) {
	.catalog-grid > .flex > .catalog-item:first-child .catalog-item__image {
		height: 470px;
	}
	.catalog-grid .flex > .flex > .catalog-item .catalog-item__image {
		height: 214px;
	}
	.flex-row--4-s.gap--32 > * {
		flex: 0 0 calc(50% - 24px);
		max-width: calc(50% - 24px);
	}
}
@media (max-width: 850px) {
	:root{
		--h: 30px;
	}

	.heading-title h1.big-size{
		font-weight: 500;
		font-size: 16px;
		line-height: 120%;
		text-transform: uppercase;
		margin: 0;
	}
	.heading-title{
		display: flex;
		align-items: center;
		gap: 16px;
		margin-bottom: 40px;
	}
	.heading-title .link-back{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-color: #F7F7F7;
		cursor: pointer;
	}

	.main-banner__text-container span{
		font-size: 17px;
		font-weight: 400;
	}
	.count{
		font-size: 14px;
	}
	.controls .btn{
		height: 16px;
	}
	.container{
		padding: 0 16px;
	}
	.section-bg-pink,
	.section-bg-grey{
		padding: 40px 0;
	}
	.product-card > *:not(.product-card__image) {
		padding: 0;
	}
	.product-slide__heading{
		margin-bottom: 16px;
	}
	.qty-liquid{
		bottom: -15px;
	}
	.i-plus, .i-minus {
		width: 12px;
		height: 12px;
		fill: var(--txt);
	}
	.product-card__image{
		margin-bottom: 14px;
	}
	.product-card__price {
		gap: 10px;
		font-size: 14px;
		font-weight: 500;
		line-height: 16px;
	}
	.product-card__price .old{
		font-size: 10px;
	}
	.banner-textarea__title{
		font-size: 20px;
		line-height: 21px;
	}
	.banner-textarea__info p{
		font-size: 10px;
		line-height: 12px;
		max-width: 192px;
	}
	.banner-slide img{
		height: 110px;
		object-fit: cover;
		width: 100%;
		display: block;
	}
	.banner-textarea__info{
		left: 16px;
	}
	.full-width.section-bg-pink, .full-width.section-bg-grey {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.product-slide .swiper-slide {
		width: 200px;
	}
	.product-card__label .hit .hit__rating{
		font-size: 8px;
	}
	.product-card__label .hit .hit__rating svg {
		width: 7px;
		height: 7px;
	}
	.product-card__label .hit .hit__title {
		font-size: 8px;
		padding: 4px 7px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.product-card__label .text {
		font-size: 8px;
		padding: 4px 5px;
	}
	.product-card__wishlist{
		top: 10px;
		right: 10px;
	}
	.product-card__wishlist svg {
		width: 20px;
		height: 18px;
	}
	.product-slide__heading .section-link span {
		display: none;
	}
	.product-slide__heading .section-link svg {
		width: 6px;
		height: 10px;
	}
	.controls{
		gap: 7px;
		padding: 0 7px;
	}
	.circle-cards-list .product-card__name{
		font-size: 10px;
		line-height: 110%;
	}
	.circle-cards-list .product-slide .swiper-slide {
		width: 120px;
	}
	footer{
		display: none;
	}
}
@media (max-width: 767px) {
	div#buy-1-click .hystmodal__close {
		top: -30px;
	}

	.showcase{
		margin-top: 26px;
		margin-bottom: 26px;
		gap: 5px;
	}
	.showcase__item__image{
		border: 1.5px solid #D7D7D7;
		border-radius: 150px;
		padding: 2px;
		height: 94px;
		object-fit: cover;
		width: 100%;
	}
	.showcase__item {
		flex: 0 0 74px;
		width: 74px;
	}
	.showcase__item span{
		font-size: 11px;
	}
}
@media (max-width: 700px) {
	.product-added__price {
		font-size: 12px;
	}
	.product-added__title {
		font-size: 10px;
	}
	.product-added {
		top: 23px;
		left: 16px;
		right: 16px;
	}
	.product-added__name {
		font-size: 12px;
	}


	.footer-top .logo{
		display: none;
	}
	.footer-top .column-left{
		flex-direction: row;
	}
	.footer-top .column-right{
		flex-direction: column;
		gap: 0;
	}
	.footer__menu {

	}
	.footer__menu ul{
		display: none;
		padding: 12px 0;
		border-bottom: 1px solid var(--separator-second-color)
	}
	.footer__menu ul.active{
		display: block;
		animation: showBlock 0.5s linear forwards;
	}
	.footer__title{
		margin-bottom: 0;
		padding: 10px 0;
		position: relative;
		border-bottom: 1px solid var(--separator-second-color);
		font-size: 15px;
		line-height: 20px;
	}
	.footer__title:after{
		content: '';
		width: 24px;
		height: 24px;
		background-image: url(/upload/icon/arrow-mobile-list.svg);
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		transform: rotate(180deg);
		transition: all .2s linear;
	}
	.footer__menu:has(ul.active) .footer__title:after{
		transform: rotate(0);
	}
	.footer__contacts > *:not(.footer__title) {
		display: none;
	}
	.footer__contacts.active > *:not(.footer__title) {
		display: block;
		animation: showBlock 0.5s linear forwards;
	}
	.footer__title {
		cursor: pointer;
	}
	.footer .subscribe {
		max-width: 100%;
		margin-bottom: 32px;
	}
	.subscribe__title{
		font-size: 20px;
		line-height: 1;
	}
	.footer-copyright .column-right .docs li:not(.company) {
		display: none;
	}
}
@media (max-width: 650px) {
	.bx_smart_searche.bx_searche.theme-blue{
		max-height: 45vh;
	}
}
@media (max-width: 600px) {
	:root{
		--unit-spacing: 32px 0;
	}
	.product-card__wishlist{
		width: 20px;
		height: 18px;
	}
	.bottom-nav a {
		font-weight: 400;
		font-size: 10px;
	}
	.banners picture {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		height: 650px;
		object-fit: cover;
	}
	.banners picture img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.video-item video{
		height: 650px;
	}
	.main-banner picture img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.main-banner picture {
		height: 520px;
		display: block;
	}

	.main-banner .swiper {
		height: 520px;
	}
	.main-banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 10px;
		left: 10px;
	}
	.homepage .main-banner .swiper-horizontal>.swiper-pagination-bullets, .homepage .swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 23px;
		left: 16px;
	}
	.main-banner__text-container{
		bottom: 70px;
		left: 16px;
	}
	.cart{
		flex-direction: column;
	}
	.cart.active {
		display: flex;
	}
	.cart__body {
		flex: 1;
	}
	body{
		font-size: 14px;
		line-height: 16px;
	}
	.main-banner--mobile{
		display: block;
		width: 100%;
	}
	.catalog-grid,
	.banners__item--pc,
	.main-banner--pc{
		display: none;
	}
	.banners{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.banners.flex.gap--32.flex-row--2.flex-row--1-sm.gap--14-sm.gap--8-xs {
		gap: 2px !important;
	}
	.banners__item{
		position: relative;
		height: auto;
	}
	.banners__item__info{
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		margin: auto;
		gap: 0;
	}
	.banners__item img{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.banners__item__title{
		font-size: 22px;
		line-height: 32px;
		text-shadow: 0px 0px 6px #000;
	}
	.banners__item__title,
	.banners__item__link{
		font-weight: 500;
		color: var(--white-color);
	}

	.main-banner{
		max-width: 520px;
		overflow: hidden;
		margin-bottom: 2px;
		position: relative;
	}
	.main-banner:after {
		content: '';
		height: 16px;
		position: absolute;
		bottom: -1px;
		left: 0;
		right: 0;
		z-index: 9;
		background: #ffffff;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 37%, rgba(250, 250, 250, 0) 100%);
	}
	.swiper .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 2px;
	}

	.h1, h1 {
		font-size: 17px;
		font-weight: 500;
		line-height: 22px;
	}

	.title-spacing {
		margin-bottom: 24px;
	}
	.flex-row--1-xs.gap--8-sx > *,
	.flex-row--1-xs > *{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.gap--8-xs{
		gap: 8px !important;
	}
	.flex-row--2-xs > *{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.gap--2-xs{
		gap: 2px;
	}
	.flex-row--2-xs.gap--2-xs > *{
		flex: 0 0 calc(50% - 1px);
		max-width: calc(50% - 1px);
	}
	.gallery-grid{
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}
	.product-card__name{
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
	.subscribe__title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}
	.footer-top{
		padding: 32px 0 16px;
	}
	.footer-copyright{
		gap: 29px;
		padding: 0 0 16px;
	}
	.footer-copyright .column-left {
		font-size: 12px;
		text-align: center;
	}
	.banner-title{
		font-size: 28px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
	}
	.cart{
		padding: 16px;
	}
	.cart__title{
		font-size: 18px;
	}
	.cart__title span{
		display: none;
	}
	.cart__heading{
		padding-bottom: 8px;
	}
	.cart__close{
		color: var(--text-color);
	}
	.cart-product__image {
		flex: 0 0 86px;
	}
	.cart-product__image img {
		width: 86px;
		height: 128px;
	}
	.cart-product__name{
		font-size: 12px;
		line-height: 16px;
	}
	.cart-product__size, .cart-product__count{
		font-size: 12px;
		line-height: 12px;
	}
	.cart-product__size{
		margin-bottom: 4px;
	}
	.cart-product__price {
		margin-top: 12px;
		font-size: 16px;
		line-height: 16px;
	}
	.cart-product__wishlist{
		font-size: 12px;
		line-height: 22px;
	}
	.cart-product__delete span {
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
	.cart__body{
		max-height: 427px;
	}
	.cart__total{
		display: none;
	}
	.cart__buttons{
		margin-top: 16px;
	}
}

@media (min-width: 601px) {
	.banners__item--mobile{
		display: none;
	}
}
@media (min-width: 701px) {
	.pc-hidden{
		display: none;
	}
	.search-panel{
		display: none;
	}
}
@media (min-width: 1001px) {
	.mobile-header,
	.bottom-nav,
	.header-mobile{
		display: none;
	}
	.product-card__image .swiper{
		display: none;
	}
	.showcase__item{
		flex: 1 0 auto;
	}
}

@media (max-height: 700px) {
	.cart__body{
		max-height: 305px;
	}
}


@keyframes showBlock {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}