/* Header v2 sitewide desktop. Scoped to body.knp-header-v2.
   Mobile (≤870px): .knp-sitenav hidden — burger / #headerfixed_mobile unchanged. */

@font-face {
	font-family: "IBM Plex Sans";
	src: url("/local/fonts/ibm-plex-sans/IBMPlexSans-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "IBM Plex Sans";
	src: url("/local/fonts/ibm-plex-sans/IBMPlexSans-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "IBM Plex Sans";
	src: url("/local/fonts/ibm-plex-sans/IBMPlexSans-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "IBM Plex Sans";
	src: url("/local/fonts/ibm-plex-sans/IBMPlexSans-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Aspro custom.css sets `* { font-family: "Manrope", serif !important; }` — beat it here. */
body.knp-header-v2 #header .knp-sitenav-link,
body.knp-header-v2 #header .knp-sitenav-item .knp-sitenav-link,
body.knp-header-v2 #header a.knp-sitenav-link {
	font-family: "Unbounded", sans-serif !important;
	color: #404040 !important;
}

body.knp-header-v2 #header .knp-header-search {
	z-index: 5;
	position: relative;
}

@media (min-width: 871px) {
	body.knp-header-v2.head_type_1 #header,
	body.knp-header-v2 #header {
		border-bottom: 0 !important;
	}
	body.knp-header-v2 #header .knp-header-search {
		border-bottom: var(--knp-icon-stroke, 1.6px) solid #FF70B8;
	}
	body.knp-header-v2 #header .catalog_header {
		display: none !important;
	}

	body.knp-header-v2 #header .knp-header-search {
		padding: 10px 0 4px;
	}
	body.knp-header-v2 #header .middle-h-row {
		grid-template-columns: auto 1fr auto;
		gap: 12px 40px;
		min-height: 72px;
	}
	body.knp-header-v2 #header .middle-h-row .logo_wrapp {
		grid-column: 1;
		justify-self: start;
		margin: 0 !important;
	}
	body.knp-header-v2 #header .knp-header-logo {
		width: 56px;
		height: 56px;
	}
	body.knp-header-v2 #header .knp-header-search-spacer {
		display: flex !important;
		align-items: center;
		justify-content: center;
		grid-column: 2;
		min-width: 0;
		overflow: visible;
	}
	body.knp-header-v2 #header .middle-h-row .basket_wrapp {
		grid-column: 3;
	}

	body.knp-header-v2 .knp-sitenav {
		display: block;
		width: 100%;
	}
	body.knp-header-v2 .knp-sitenav ul,
	body.knp-header-v2 .knp-sitenav-list,
	body.knp-header-v2 .knp-sitenav-kids {
		margin: 0;
		padding: 0;
		list-style: none !important;
		list-style-type: none !important;
	}
	body.knp-header-v2 .knp-sitenav li,
	body.knp-header-v2 .knp-sitenav-item,
	body.knp-header-v2 .knp-sitenav-kids li {
		margin: 0;
		padding: 0;
		list-style: none !important;
		list-style-type: none !important;
	}
	body.knp-header-v2 .knp-sitenav li::marker,
	body.knp-header-v2 .knp-sitenav-item::marker,
	body.knp-header-v2 .knp-sitenav-kids li::marker {
		content: none !important;
	}
	body.knp-header-v2 .knp-sitenav li::before,
	body.knp-header-v2 .knp-sitenav-item::before,
	body.knp-header-v2 .knp-sitenav-kids li::before,
	body.knp-header-v2 .knp-sitenav-col-title::before,
	body.knp-header-v2 .knp-sitenav-kids a::before {
		content: none !important;
		display: none !important;
		background: none !important;
		border: 0 !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	body.knp-header-v2 .knp-sitenav-list {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		gap: 0 36px;
	}
	body.knp-header-v2 .knp-sitenav-item {
		position: static;
	}
	body.knp-header-v2 #header .knp-sitenav-link,
	body.knp-header-v2 .knp-sitenav-link {
		position: relative;
		display: inline-block;
		padding: 18px 0 16px;
		color: #404040 !important;
		font-family: "Unbounded", sans-serif !important;
		font-size: 15px;
		line-height: 1.2;
		font-weight: 500;
		letter-spacing: 0;
		text-decoration: none;
		text-transform: none;
		white-space: nowrap;
	}
	body.knp-header-v2 .knp-sitenav-link:hover {
		color: #404040 !important;
	}
	body.knp-header-v2 .knp-sitenav-item.is-current .knp-sitenav-link::after,
	body.knp-header-v2 .knp-sitenav-item--shop:hover .knp-sitenav-link::after,
	body.knp-header-v2 .knp-sitenav-item--shop:focus-within .knp-sitenav-link::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		height: 2px;
		background: #FF70B8;
	}

	body.knp-header-v2 .knp-sitenav-drop {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 60;
		background: #fff;
		border-top: 0;
		box-shadow: 0 16px 32px rgba(64, 64, 64, 0.08);
		box-sizing: border-box;
		text-align: left;
	}
	body.knp-header-v2 .knp-sitenav-item--shop:hover .knp-sitenav-drop,
	body.knp-header-v2 .knp-sitenav-item--shop:focus-within .knp-sitenav-drop {
		display: block;
	}

	body.knp-header-v2 .knp-sitenav-grid {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 0;
		padding: 24px 0 36px;
		align-items: start;
	}
	body.knp-header-v2 .knp-sitenav-col {
		background: transparent;
		border-radius: 0;
		padding: 0 20px;
		min-width: 0;
		box-sizing: border-box;
	}
	body.knp-header-v2 .knp-sitenav-col + .knp-sitenav-col {
		border-left: 1px solid rgba(64, 64, 64, 0.3);
	}
	body.knp-header-v2 .knp-sitenav-col:first-child {
		padding-left: 0;
	}
	body.knp-header-v2 .knp-sitenav-col:last-child {
		padding-right: 0;
	}
	body.knp-header-v2 .knp-sitenav-stack {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	body.knp-header-v2 .knp-sitenav-stack .knp-sitenav-col-title {
		margin: 0;
		padding: 14px 0;
		border-bottom: 1px solid rgba(64, 64, 64, 0.3);
	}
	body.knp-header-v2 .knp-sitenav-stack .knp-sitenav-col-title:first-child {
		padding-top: 0;
	}
	body.knp-header-v2 .knp-sitenav-stack .knp-sitenav-col-title:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	body.knp-header-v2 .knp-sitenav-col-title {
		display: block;
		margin: 0 0 16px;
		color: #404040;
		font-family: "IBM Plex Sans", sans-serif !important;
		font-size: 15px;
		line-height: 1.3;
		font-weight: 700;
		letter-spacing: 0.02em;
		text-decoration: none;
		text-transform: uppercase;
	}
	body.knp-header-v2 .knp-sitenav-col-title:hover {
		color: #FF70B8;
	}
	body.knp-header-v2 .knp-sitenav-kids {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	body.knp-header-v2 .knp-sitenav-kids a {
		display: block;
		padding: 0;
		color: #404040 !important;
		font-family: "IBM Plex Sans", sans-serif !important;
		font-size: 14px;
		line-height: 1.3;
		font-weight: 400;
		text-decoration: none;
	}
	body.knp-header-v2 .knp-sitenav-kids a:hover {
		color: #FF70B8 !important;
	}
}

@media (min-width: 871px) and (max-width: 1100px) {
	body.knp-header-v2 .knp-sitenav-list {
		gap: 0 22px;
	}
	body.knp-header-v2 .knp-sitenav-link {
		font-size: 14px;
	}
	body.knp-header-v2 .knp-sitenav-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	body.knp-header-v2 .knp-sitenav-col {
		padding: 0 12px;
	}
}

/* Phone: keep legacy mobile header / burger; do not show desktop L1. */
@media (max-width: 870px) {
	body.knp-header-v2 .knp-sitenav {
		display: none !important;
	}
	body.knp-header-v2 #header .knp-header-search-spacer {
		display: none !important;
	}
}