@font-face {
    font-family:'SFPD';
    src:url('../fonts/SFPD-Light.woff2') format('woff2'),
        url('../fonts/SFPD-Light.woff') format('woff'),
        url('../fonts/SFPD-Light.ttf') format('truetype'),
        url('../fonts/SFPD-Light.svg#SFPD-Light') format('svg');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'SFPD';
    src:url('../fonts/SFPD-Medium.woff2') format('woff2'),
        url('../fonts/SFPD-Medium.woff') format('woff'),
        url('../fonts/SFPD-Medium.ttf') format('truetype'),
        url('../fonts/SFPD-Medium.svg#../fonts/SFPD-Medium') format('svg');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'SFPD';
    src:url('../fonts/SFPD-Bold.woff2') format('woff2'),
        url('../fonts/SFPD-Bold.woff') format('woff'),
        url('../fonts/SFPD-Bold.ttf') format('truetype'),
        url('../fonts/SFPD-Bold.svg#../fonts/SFPD-Bold') format('svg');
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family:'SFPD';
    src:url('../fonts/SFPD-Semibold.woff2') format('woff2'),
        url('../fonts/SFPD-Semibold.woff') format('woff'),
        url('../fonts/SFPD-Semibold.ttf') format('truetype'),
        url('../fonts/SFPD-Semibold.svg#../fonts/SFPD-Semibold') format('svg');
    font-weight:600;
    font-style:normal;
}

@font-face {
    font-family:'SFPD';
    src:url('../fonts/SFPD-Regular.woff2') format('woff2'),
        url('../fonts/SFPD-Regular.woff') format('woff'),
        url('../fonts/SFPD-Regular.ttf') format('truetype'),
        url('../fonts/SFPD-Regular.svg#../fonts/SFPD-Regular') format('svg');
    font-weight:300;
    font-style:normal;
}

* {
	font-size:16px;
	font-weight:200;	
	font-weight:normal;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

a, a:hover, button, button:hover, .anima {
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	transition:all 200ms linear;
	cursor:pointer;
    user-drag:none;
    -webkit-user-drag:none;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
}
a:hover {cursor:pointer;}

span,p {
	cursor:default;
}
button, a {
	-webkit-touch-callout:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	outline:none;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
}
img {
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	object-fit:contain;
    user-drag:none;
    -webkit-user-drag:none;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
}
html {
	overflow-x:hidden;
	font-weight:200;
	-webkit-tap-highlight-color:transparent;
}
body {
	min-width:320px; width:100%; max-width:100vw;
	overflow-x:hidden;
	padding-top:50px;
	font-size:16px;
	font-family:'SFPD', 'Arial', sans-serif;
    /**background:#F7F7F8;**/
	background:#fff;
	color:#111;
	letter-spacing:0.025em;
}
.container {
	min-width:300px;
	width:100%;
	overflow-x:hidden;
	max-width:100vw;
}
header {
	background:#fff;
	position:fixed;
	top:0; left:0;
	width:100%;
	z-index:9999999999999999999999;
}
.header_back {
	margin:10px 0 10px 10px;
	height:30px;
	aspect-ratio:1/1;
	background-image:url(/images/icons/back.svg);
	background-size:cover;
	background-position:center center;
}
.header_search {
	min-width:100px; width:100%; max-width:600px;
	position:relative;
	padding:10px;
}
.header_search_div {
	min-width:100px; width:100%; max-width:600px;
	position:relative;
}
.header_search_div input {
	border:0;
	border-radius:10px;
	width:100%;
	padding:15px 10px 15px 40px;
	color:#111;
	outline:none;
	font-size:14px;
	background-color:#EFEFF1;
	background-image:url(/images/icons/search.svg);
	background-repeat:no-repeat;
	background-size:20px auto;
	background-position:10px center;
}
.header_search_div input:hover, .header_search input:focus {
}
.header_search_div input::placeholder {
	color:#aaa; font-size:14px;
}
.header_search_div button {
	position:absolute; left:1px; top:10px; z-index:9;
	height:40px; width:40px;
	border:none;
	background-color:rgba(255,255,255,0);
}
#header_otmena {
	display:none;
	padding:15px 0 10px 10px;
	font-size:14px;
	color:#90117E;
	line-height:100%;
}


/**********/
.bottom_menu {
	position:fixed;
	bottom:0; left:0;
	background:#fff;
	width:100%;
	padding:5px 5px 10px 5px;
	border-top:1px solid #aaa;
	z-index:10000;
}
.bottom_menu > .flex_center {width:100%;}
.bm_links {width:100%;max-width:460px;}
.bm_home, .bm_burger, .bm_heart, .bm_basket, .bm_account {
	text-decoration:none;
	width:20%; height:60px; max-width:70px; min-height:60px;
	background-position:center 10px;
	background-repeat:no-repeat;
	background-size:auto 22px;
	font-size:11px; color:#aaa;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
	position:relative;
}
.bm_home {background-image:url('/images/icons/home_act.svg'); background-image:url('/images/icons/home.svg');}
.bm_home_act {background-image:url('/images/icons/home_act.svg'); color:#D3A0CB;}
.bm_burger {background-image:url('/images/icons/burger_act.svg');background-image:url('/images/icons/burger.svg'); background-size:auto 22px;}
.bm_burger_act, .bm_burger_act2 {background-image:url('/images/icons/burger_act.svg'); color:#D3A0CB;}
.bm_heart {background-image:url('/images/icons/heart_act.svg'); background-image:url('/images/icons/heart.svg');}
.bm_heart_act {background-image:url('/images/icons/heart_act.svg'); color:#D3A0CB;}
.bm_basket {background-image:url('/images/icons/basket_act.svg');background-image:url('/images/icons/basket.svg');}
.bm_basket_act {background-image:url('/images/icons/basket_act.svg'); color:#D3A0CB;}
.bm_account {background-image:url('/images/icons/account_act.svg');background-image:url('/images/icons/account.svg');}
.bm_account_act, .bm_account_act2 {background-image:url('/images/icons/account_act.svg'); color:#D3A0CB;}

.in_basket {
	display:none;
	position:absolute;
	top:0px; right:0px;
	background:#E62855;
	width:20px; height:20px;
	border-radius:180px;
	padding:0;
	text-align:center;
}
.in_basket span {width:100%; text-align:center;color:#fff;font-size:14px;font-weight:400; line-height:100%;}
.in_basket_act {display:block;}


/***menu**/
#menu {
	opacity:0;
	position:fixed;
	top:100%; left:0;
	width:100%;
	height:calc(100vh - 70px);
	background:#fff;
	z-index:9999999999999;overflow-y:auto;
}
.menu_con {gap:10px; padding:20px 0; }
.menu_box {
	width:calc(30% - 5px); max-width:240px;
	aspect-ratio:12/15;
	background-color:#EFEFF1;
	border-radius:10px;
	text-align:left;
	text-decoration:none;
	padding:10px;
}
.menu_box_big {
	width:calc(60% - 5px); max-width:580px; aspect-ratio:40/23;
}
.mb_name {
	text-align:left;
	font-size:12px;
	color:#777;
	text-decoration:none;
	min-height:35px;max-height:35px;
}
.mb_img {
	width:100%;
	height:calc(100% - 45px);
}
.mb_img img {
	width:100%; height:100%; object-fit:contain;
}
/**********/
/***menu**/
#lk_menu {
	opacity:0;
	position:fixed;
	top:100%; left:0;
	width:100%;
	height:calc(100vh - 70px);
	z-index:99999999999999999;overflow-y:auto;
	background:#EFEFF1;
}
.lk_menu_con {width:100%; padding:10px;}
.lk_menu_top {
	width:100%;
	gap:20px;
	padding:20px 20px 20px 20px;
	background:#fff;
	margin-bottom:10px;
	border-radius:20px;
}
.lk_menu_left {
	gap:15px;
}
.lk_menu_left div {
	width:50px; height:50px;
	background-image:url(/images/lk_icon_photo.png);
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
}
.lk_menu_left div span {
	color:#90117E;
	font-size:32px;	
}
.lk_menu_left a {
	color:#90117E;
	font-size:20px;
	text-decoration:none;
}
.lk_menu_bonuses a {
	background:#90117E;
	border-radius:10px;
	padding:5px 10px;
	white-space:nowrap;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}
.lk_menu_links {
	width:100%;
	padding:10px 10px 10px 10px;
	background:#fff;
	border-radius:20px;
}
.lk_menu_link {
	border-radius:20px 20px 0 0;
	padding:20px 10px 20px 55px;
	font-size:18px;
	color:#111;
	text-decoration:none;
	background-position:10px center;
	background-size:23px auto;
	background-repeat:no-repeat;
	background-color:#fff;
}
.lk_menu_link_orders {
	background-image:url(/images/icons/orders.svg);
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_favorite {
	background-image:url(/images/icons/heart_black.svg);
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_compare {
	background-image:url(/images/icons/sravnenie.svg);
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_sales {
	background-image:url(/images/icons/sales.svg);
	background-size:28px auto;
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_tradein {
	background-image:url(/images/icons/tradein.svg);
	background-size:28px auto;
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_repair {
	background-image:url(/images/icons/repair.svg);
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_aboutus {
	background-image:url(/images/icons/aboutus.svg);
	background-size:24px auto;
	border-bottom:1px solid #EFEFF1;
}
.lk_menu_link_contacty {
	background-image:url(/images/icons/contacty.svg);
	background-size:27px auto;
}
.lk_menu_link_purchases {
	background-image:url(/images/icons/my_shoping_icon.svg);
	background-size:25px auto;
}
.lk_auth_a {
	border:0; border-radius:20px;
	background:#90117E;
	padding:10px 15px;
	font-size:14px!important;
	color:#fff!important;
}
/**********/

.catalog_con {
	min-width:300px; width:100%; max-width:1280px;
	gap:20px;
	padding:20px 10px;
	margin-bottom:20px;
}
.con_favorite {
	padding-top:10px;
}
@media only screen and (max-width:380px) {
	
}
/********/
.card {
	min-width:calc(25% - 15px); width:calc(25% - 15px); max-width:300px;
	padding:10px 10px 110px 10px;
	border-radius:10px;
	box-shadow:0 0 5px 0 rgba(0,0,0,.15);
	position:relative;
	background:#fff;
}
.card_photo_div {position:relative; width:100%;}
.card_photo {width:100%; min-height:200px; height:200px; max-height:200px; overflow:hidden; position:relative;}
.card_photo img {height:100%; width:100%; object-fit:contain; transition:all linear 300ms;}
.card_photo_anima {
	animation-name:card_photo;
	animation-delay:0s;
	animation-duration:400ms;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:ease-out;
	z-index:999;
	position:absolute;
}
@keyframes card_photo {
	0%{
		opacity:1;
		height:100%;
		right:0;
	}
	50% {
		opacity:0;
		height:2%;
		right:-150px;
	}
	51% {
		opacity:0;
		height:2%;
		left:-150px;
	}
	98% {
		opacity:1;
		height:100%;
		left:0;
	}
	100% {
		opacity:1;
		height:100%;
		left:center;
	}
}
.card_name {
	margin-top:10px;
	text-align:left;
	text-decoration:none;
	color:#111;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}
.multi_txt_div {
	margin-top:10px;
	border-radius:10px;
	gap:5px;
}
.multi_txt {
	padding:5px 7px;
	border-radius:10px;
	color:#111; font-size:12px;
	text-align:center;
	background:none;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
	background:#f0f0f0;
}
.multi_txt:hover {
	cursor:pointer;
}
.multi_txt_act {
	background:#AB58A5;
	color:#fff;
	/**box-shadow:0 0 7px 0px rgba(0,0,0,.15);**/
}
.hide_multi_btn {
	display:none;
}
.multi_color_div {
	gap:5px;
	margin-top:10px;
}
.multi_color {
	min-width:25px;width:25px;max-width:25px; height:25px;
	border-radius:180px;
	border:2px solid #fff;
	box-shadow:inset 0 3px 10px -6px #000;
}
.multi_color:hover, .multi_color_act {
	border:2px solid #90117E;
}
.act_color_name {
	margin-top:5px;
	font-size:12px;
	color:#777;
	text-align:center;
}
.act_color_name_show {
	margin-top:10px;
	text-align:center;
	margin-bottom:-20px;
	font-size:14px;
	color:#777;
}

.card_bottom {
	position:absolute;
	bottom:20px; left:0;
	width:100%;
	padding:0 10px;
}
.card_btn {
	background:#AB58A5;
	padding:10px;
	border:0;
	border-radius:10px;
	width:100%;
	font-size:14px;
	position:relative;
	color:#fff;
	text-decoration:none;
	text-align:center;
}


.card_btn_price {position:relative;}
.card_price {
	white-space:nowrap;
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}
.card_btn_price strike {
	position:absolute;
	top:-15px; right:10px;
	font-size:12px;
	font-weight:500;
	text-decoration:line-through;
	text-decoration-color:#aaa;
	color:#aaa;
}

.card_btn_act, .card_btn:hover, .card_btn span:hover {
	background:#90117E; cursor:pointer;
} 
.card_btn span {
	color:#fff;
	font-weight:bold;
	font-size:16px;	
	white-space:nowrap;
}

@media only screen and (max-width:800px) {
	.card {
		min-width:calc(33% - 12px); width:calc(33% - 12px); max-width:240px;
	}
}
@media only screen and (max-width:580px) {
	.card {
		min-width:calc(50% - 5px); width:calc(50% - 5px); max-width:300px;
	}
	.catalog_con {gap:20px 10px;}
}

.card_stickers_cat {
	position:absolute;
	bottom:20px; left:-25px;
	gap:5px;
	z-index:9999999;
}
.card_sticker_cat {
	padding:5px 10px;
	background:#f5f5f5;
	border-radius:0 10px 10px 0;
	gap:10px;
}
.card_sticker_cat img {height:20px;}
.card_sticker_cat span {font-size:12px; color:#333;}
@media only screen and (max-width:550px) {.card_stickers_cat {left:-10px;}}



/**new, popular, sale block**/
.nps_box_top {
	width:100%; max-width:1280px;
	padding-left:10px;
	margin-top:20px;
	gap:5px;
	position:relative;
}
.nps_select {
	border:0; border-radius:10px;
	background:#f0f0f0;
	padding:10px 15px;
	font-size:14px;
	color:#333;
}
.nps_select:hover {opacity:.7;}
.nps_select_act {
	color:#fff;
	background:#90117E;
}
.nps_select_act:hover{opacity:1;}
.nps_box {
	width:100%; position:relative;
}
.nps_box_con {
	padding:10px 0 0 0;
	min-width:300px; width:100%; max-width:1260px;
	overflow:hidden;
}
.nps_box_block {
	width:100%;
}
.nps_boxes {
	overflow:hidden;
	position:relative;
	top:0; left:0;
	padding:20px 10px;
	gap:10px;
}
.swipe_icon {
	position:absolute;
	top:5px; right:10px;
	background-image:url(/images/icons/swipe.svg);
	background-position:center center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	width:30px; height:30px;
}
/******/


/*****catalog*****/

.catalog_h1 {
	padding:5px 10px 0 10px;
	font-weight:600;
	text-align:left;
	font-size:22px;
	margin-bottom:0;
}
#catlist_top {padding-top:20px;}
.catalog_cat_links, .catalog_cat_links2 {
	width:100%; max-width:1280px;
	padding:0 0 0 10px;
	gap:10px;
}
.catalog_cat_mid {margin-top:10px;}
.catalog_cat_links2 {
	margin-top:20px;
}
.catalog_cat_link, .catalog_cat_link2, .catalog_cat_link3 {
	border:0; border-radius:10px;
	background:#f0f0f0;
	padding:8px 15px;
	font-size:13px;
	color:#111;
	text-decoration:none;
}
.catalog_cat_link:hover, .catalog_cat_link2:hover {opacity:.7;}
.catalog_cat_link_act, .catalog_cat_link_act2, .catalog_cat_link_act3 {
	color:#fff;
	background:#90117E;
}
.catalog_cat_link_act:hover, .catalog_cat_link_act2:hover, .catalog_cat_link_act3:hover{opacity:1;}


.no_goods {
	color:#777;
	padding:60px 40px;
	font-size:14px;
}

.load_next_catalog {
	margin-bottom:60px;
}
.load_next_catalog_btn {
	border:0; border-radius:10px;
	padding:10px 25px;
	font-size:16px;
	color:#fff;
	background:#90117E;
}
.load_next_catalog_btn:hover {opacity:.8;}

.show_catalog_cat_link {
	display:none;
	border:0;
	background:none;
	padding:10px 15px;
	font-size:14px;
	color:#93117E;
	text-decoration:none;
}

@media only screen and (max-width:720px) {
	.show_catalog_cat_link {display:block;}
	.cat_hide_mobile1 {display:none;}
	.cat_hide_mobile2 {display:none;}
	.cat_hide_mobile3 {display:none;}
}


.catalog_sort {
	padding:10px 10px 0 10px;
	gap:5px;
}
.sort_selector {
	border:0;
	background-color:rgba(255,255,255,0);
	padding:10px 15px;
	color:#90117E;
	font-size:14px;
	border-radius:10px;
	background-position:calc(100% - 10px) 10px;
	white-space:nowrap;
}
.ss_act {
	background-color:#90117E; color:#fff;
	background-size:auto calc(100% - 20px);
	background-position:calc(100% - 10px) 10px;
	background-repeat:no-repeat;
}
@media only screen and (max-width:480px) {
	.sort_selector {
		font-size:12px;
		padding:10px;
	}
}
@media only screen and (max-width:400px) {
	.catalog_sort {gap:3px;}
}
/*****end catalog*****/	
	
/***HLEBA**/
.hleb_links {
	width:100%; max-width:1280px;
	padding:20px 10px 0 10px;
}
.hleb_link, .hleb_links span {
	color:#777;
	text-decoration:none;
	font-size:14px;
	margin-right:7px;
}.hleb_links span {color:#aaa;}
.hleb_link_noact {
	color:#777;
	text-decoration:none;
	font-size:14px;
	margin-right:10px;	
}
.hleb_link:hover {color:#333;text-decoration:underline;}

/***multi show product*/
.multi_div {
	margin-top:10px;
}
.multi_name {
	width:70px;
	margin-top:10px;
}
.multi_name span {
	color:#777;
	font-size:14px;
}
@media only screen and (max-width:720px) {
	.multi_block {width:100%;}
}

/******/


/****index banner app****/
.index_banners {
	min-width:360px;
	width:100%;
}
.index_banners_con {
	overflow:hidden;
	min-width:360px;width:100%; max-width:1280px;
	margin:10px 0 0 0;
	position:relative;
}
.index_banners_block {
	min-width:360px;width:100%;
	border-radius:10px;
	position:relative;
	aspect-ratio:2/1;
}
.index_banners_boxes {
	overflow:hidden;
	position:relative;
	top:0; left:0;
}
.slider_banner {
	margin:10px;
	box-shadow:0 0 15px -5px rgba(0,0,0,.2);
	min-width:calc(100vw - 40px); width:calc(100vw - 40px); max-width:1200px;
	aspect-ratio:2/1;
	border-radius:20px;
}
.banner_in_slider {
	width:100%; height:100%;
	border-radius:20px;
	background-color:#fff;
	padding:40px;
	position:relative;
	background-size:cover;
	background-position:right center;
	background-repeat:no-repeat;
}
.banner_in_slider_h1 {
	width:100%;
	font-size:calc(18px + (42 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight:bold;
	line-height:120%;
	margin-bottom:20px;
}
.banner_in_slider_h2 {
	width:100%;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
	color:#777;
	margin-bottom:40px;
}
.banner_in_slider_ad {
	color:#777;
	font-size:calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320)));
}
.banner_in_slider_a {
	text-decoration:none;
	border:1px solid #111; border-radius:10px;
	color:#111;
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	padding:10px 20px;
}

.slider_index_points {
	position:absolute;
	bottom:20px; left:0;
	width:100%;
}
.slider_index_points > .flex {gap:10px;}
.slider_index_point {
	min-width:10px; width:10px; max-width:10px; height:10px;
	border-radius:180px;
	background:#e2e2e2;
}
.slider_index_point:hover {
	background:#90117E; cursor:pointer;
}
.slider_index_point_act {
	background:#90117E;
}

@media only screen and (max-width:640px) {
	.slider_banner {aspect-ratio:23/14;}
	.index_banners_block {aspect-ratio:23/14;}
	.banner_in_slider {aspect-ratio:23/14; padding:20px;}
	/**.banner_in_slider {background-size:100% auto;}**/
	.banner_in_slider_h1 {margin-bottom:10px;}
	.banner_in_slider_h2 {width:50%;font-size:14px; margin-bottom:20px;}
}
@media only screen and (max-width:360px) {
	.slider_banner {min-width:340px;}
}
@media only screen and (max-width:340px) {
	.slider_banner {min-width:320px;}
}
@media only screen and (max-width:320px) {
	.slider_banner {min-width:300px;}
}
@media only screen and (min-width:1280px) {
	.slider_banner {min-width:1260px; width:1260px; max-width:1260px;
}
/****/