/* Header: white bar, pink underline, centered logo, icon clusters */

:root {
	--knp-pink: #FF70B8;
}

.knp-search-toggle {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 10px 0 0;
	border: 0;
	background: url("/bitrix/templates/aspro_mshop_copy_copy/images/search.png") center / contain no-repeat;
	cursor: pointer;
	flex-shrink: 0;
	align-self: center;
}
.knp-search-toggle.is-open {
	opacity: 0.65;
}
.knp-header-search-spacer {
	flex: 1 1 auto;
	min-width: 0;
}
.knp-search-panel[hidden] {
	display: none !important;
}
.knp-search-panel {
	display: block;
	width: 100%;
	background: #fff;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
	padding: 12px 0 16px;
	position: relative;
	z-index: 400;
}
.knp-search-panel .stitle_form,
.knp-search-panel .search {
	width: 100%;
}
.knp-search-panel .stitle_form form,
.knp-search-panel .form_control,
.knp-search-panel .stitle_form,
.knp-search-panel .form_control {
	position: relative;
}
.knp-search-panel input[type="text"] {
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	padding: 0 48px 0 16px;
	border: 1px solid #e6e6e6;
	border-radius: 22px;
	background: #fff;
}
.knp-search-panel input.button,
.knp-search-panel input[type="submit"] {
	position: absolute;
	top: 3px;
	right: 4px;
	width: 39px;
	height: 39px;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
	background: url("/bitrix/templates/aspro_mshop_copy_copy/images/search.png") center / contain no-repeat;
}
.knp-search-panel .title-search-result,
.knp-search-panel table.title-search-result {
	z-index: 450;
}

.knp-header-logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	object-fit: contain;
}

/* ---- Desktop header ---- */
.head_type_1 #header,
#headerfixed.fixed {
	background: #fff !important;
	padding: 6px 0 !important;
	border: 0 !important;
	border-bottom: 3px solid var(--knp-pink) !important;
}
#header .knp-header-search > .container {
	padding-top: 0;
	padding-bottom: 0;
}
#header .middle-h-row {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 56px;
	float: none !important;
	width: 100% !important;
}
#header .middle-h-row .logo_wrapp {
	grid-column: 2;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 auto !important;
	justify-self: center;
}
#header .middle-h-row .logo_wrapp .logo {
	display: block !important;
	overflow: visible !important;
	min-height: 0 !important;
	line-height: 0 !important;
	height: auto !important;
}
#header .knp-header-logo {
	width: 52px;
	height: 52px;
}
#header .knp-header-search-spacer {
	display: none !important;
}
#header .middle-h-row .basket_wrapp {
	grid-column: 3;
	justify-self: end;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#header .wrapp_all_icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 0 !important;
}
#header .wrapp_all_icons .knp-search-toggle {
	width: 28px;
	height: 28px;
	margin: 0;
}
#header .personal_l,
#header .personal_l .module-enter {
	width: 28px !important;
	margin: 0 !important;
	overflow: hidden;
}
#header .personal_l a,
#header .personal_l .avtorization-call {
	width: 28px !important;
	height: 28px !important;
}
#header .basket_wrapp .wraps_icon_block.delay,
#header .basket_wrapp .basket_block,
#header .basket_wrapp .wraps_icon_block.basket {
	width: 28px;
}
#header .basket_normal .delay a,
#header .basket_normal .basket a.link {
	width: 28px !important;
	height: 28px !important;
}
#header .header-cart,
#header .basket_normal,
#header .wrapp_all_icons {
	display: flex !important;
	align-items: center;
	justify-content: flex-end !important;
	gap: 10px !important;
	width: max-content !important;
	min-width: 0 !important;
	max-width: none !important;
	float: none !important;
}
#header .basket_normal > div,
#header .wraps_icon_block,
#header .basket_block {
	margin: 0 !important;
	float: none !important;
	width: auto !important;
}
.catalog_header {
	border-top: 0 !important;
}

/* ---- Mobile sticky header ---- */
#headerfixed_mobile {
	background: #fff !important;
	border-bottom: 1px solid var(--knp-pink) !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
#headerfixed_mobile .knp-mheader {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 2px 8px 2px 12px;
	min-height: 56px;
	box-sizing: border-box;
}
#headerfixed_mobile .knp-mheader-left {
	display: flex !important;
	align-items: center;
	justify-content: flex-start !important;
	gap: 10px;
	justify-self: start;
	min-width: 0;
}
#headerfixed_mobile .knp-mheader-logo {
	display: flex !important;
	justify-content: center !important;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: auto !important;
}
#headerfixed_mobile .knp-mheader-logo .logo {
	display: block !important;
	max-width: none !important;
	padding: 0 !important;
}
#headerfixed_mobile .knp-header-logo {
	width: 52px;
	height: 52px;
}
#headerfixed_mobile .knp-mheader-right {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center;
	justify-self: end;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
#headerfixed_mobile .knp-mheader-right .wrapp_all_icons {
	width: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	padding-top: 0 !important;
}
#headerfixed_mobile .header-compare-block {
	display: none !important;
}
#headerfixed_mobile .header-cart {
	max-height: none;
	width: auto !important;
}
#headerfixed_mobile .basket_normal {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 6px !important;
	width: auto !important;
}
#headerfixed_mobile .basket_normal > div {
	width: auto !important;
	margin: 0 !important;
}
#headerfixed_mobile .basket_normal > .basket_block {
	order: 1;
}
#headerfixed_mobile .basket_normal > .wraps_icon_block.delay {
	order: 2;
}
#headerfixed_mobile .basket_normal > .personal_l {
	order: 3;
}
#headerfixed_mobile .knp-search-toggle {
	width: 32px;
	height: 32px;
	margin: 0;
}
#headerfixed_mobile .personal_l a,
#headerfixed_mobile .personal_l .avtorization-call,
#headerfixed_mobile .basket_normal .delay a,
#headerfixed_mobile .basket_normal .basket a.link {
	width: 32px !important;
	height: 32px !important;
}

/* Burger: only the icon, dark bars for white bar */
#headerfixed_mobile .knp-mheader-left .center_block {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	order: 0 !important;
	flex: 0 0 auto;
	position: static;
}
#headerfixed_mobile .knp-mheader-left .main-nav {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
#headerfixed_mobile .knp-mheader-left ul.menu.adaptive {
	width: auto !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	display: block;
}
#headerfixed_mobile .knp-mheader-left ul.menu.adaptive > li.menu_opener {
	width: 32px !important;
	height: 32px !important;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
#headerfixed_mobile .knp-mheader-left .menu_opener > a,
#headerfixed_mobile .knp-mheader-left .search_wrapper {
	display: none !important;
}
#headerfixed_mobile ul.menu.adaptive > li.menu_opener i.icon {
	display: block !important;
	float: none !important;
	width: 32px;
	height: 32px;
	margin: 0;
	background-image: url("/bitrix/templates/aspro_mshop_copy_copy/images/menu_opener.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 28px auto;
}
#headerfixed_mobile .knp-mheader .menu.full,
#headerfixed_mobile .middle-h-row .menu.full {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
}

#headerfixed_mobile .center_block .search_block .icon {
	display: none !important;
}
#headerfixed_mobile .search_middle_block {
	display: none !important;
}
#headerfixed_mobile .knp-search-panel .search_middle_block {
	display: block !important;
}
#headerfixed_mobile .knp-search-panel {
	background: #fff;
	padding: 8px 12px 12px;
	box-sizing: border-box;
}
#headerfixed_mobile .knp-search-panel input[type="text"] {
	border-radius: 4px;
	height: 40px;
	padding-right: 16px;
}
#headerfixed_mobile .knp-search-panel input.button,
#headerfixed_mobile .knp-search-panel input[type="submit"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	background: none;
	font-size: 0;
	text-indent: 0;
}

@media (max-width: 870px) {
	#header .knp-search-toggle,
	#header .knp-search-panel {
		display: none !important;
	}
	body#main {
		padding-top: 64px;
	}
}
@media (min-width: 871px) {
	#headerfixed_mobile .knp-search-toggle,
	#headerfixed_mobile .knp-search-panel {
		display: none !important;
	}
}
@media (max-width: 767px) {
	#header .knp-search-toggle,
	#header .knp-search-panel {
		display: none !important;
	}
}
@media (min-width: 768px) {
	#headerfixed_mobile .knp-search-toggle,
	#headerfixed_mobile .knp-search-panel {
		display: none !important;
	}
}