/* Kitchenu - Header search + login button Win11 */

/* ===== Desktop header search ===== */
#header .header-search-form.search-form,
#header li.header-search-form {
	width: 100%;
	max-width: 560px;
	border: none !important;
	margin-bottom: 0 !important;
}

#header .header-search-form .header-search-form-wrapper,
#header .header-search-form .searchform-wrapper {
	width: 100%;
}

#header .header-search-form .searchform {
	position: relative !important;
}

#header .header-search-form .searchform .flex-row.relative {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 6px 6px 6px 10px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.96) !important;
	backdrop-filter: blur(18px) saturate(160%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

#header .header-search-form .searchform .flex-row.relative:focus-within {
	border-color: #fed7aa !important;
	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1) !important;
}

#header .header-search-form .searchform .flex-col.flex-grow {
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

#header .header-search-form .search-field,
#header .header-search-form input[type='search'] {
	width: 100% !important;
	min-height: 42px !important;
	height: 42px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 12px !important;
	background: transparent !important;
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

#header .header-search-form .search-field::placeholder {
	color: #94a3b8 !important;
	font-weight: 600 !important;
}

#header .header-search-form .search-field:focus {
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

#header .header-search-form .ux-search-submit,
#header .header-search-form button.ux-search-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	min-width: 42px !important;
	height: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 6px 18px rgba(249, 115, 22, 0.24) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

#header .header-search-form .ux-search-submit:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 22px rgba(249, 115, 22, 0.3) !important;
	color: #ffffff !important;
}

#header .header-search-form .ux-search-submit .icon-search {
	font-size: 18px !important;
	line-height: 1 !important;
}

/* Live search dropdown — hidden until results exist (no empty white halo) */
#header .header-search-form .live-search-results {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 40 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#header .header-search-form .live-search-results:not(.ku-live-visible) {
	display: none !important;
	min-height: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
}

#header .header-search-form .live-search-results.ku-live-visible {
	display: block !important;
	padding: 8px !important;
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.96) !important;
	backdrop-filter: blur(20px) saturate(170%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(170%) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.05),
		0 14px 36px rgba(15, 23, 42, 0.12) !important;
}

#header .header-search-form .live-search-results .autocomplete-suggestion,
#header .header-search-form .live-search-results .search-results-item,
#header .header-search-form .live-search-results .product-item,
#header .header-search-form .live-search-results a {
	border-radius: 12px !important;
}

#header .header-search-form .live-search-results .autocomplete-suggestion:hover,
#header .header-search-form .live-search-results .search-results-item:hover,
#header .header-search-form .live-search-results a:hover {
	background: #fff7ed !important;
}

/* Remove divider bars / stripes under search + around header nav */
#header .header-nav .header-divider,
#header .header-bottom-nav .header-divider,
#header .header-nav-right > li.header-divider,
#header .header-nav-main > li.header-divider {
	display: none !important;
}

#header .header-nav.nav-divided > li,
#header .header-bottom-nav.nav-divided > li,
#header .nav-divided > li {
	border: none !important;
}

#header .header-nav.nav-divided > li::before,
#header .header-nav.nav-divided > li::after,
#header .header-bottom-nav.nav-divided > li::before,
#header .header-bottom-nav.nav-divided > li::after {
	display: none !important;
	content: none !important;
}

#header #masthead.header-main,
#header .header-main {
	border-bottom: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

#header.ku-kitchen-header .header-inner {
	padding-bottom: 4px !important;
}

#header .header-search-form.search-form,
#header li.header-search-form {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#header .header-search-form .searchform-wrapper.ux-search-box {
	margin-top: 0 !important;
	padding-bottom: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#header #wide-nav.wide-nav,
#header .header-bottom.wide-nav {
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	background: transparent !important;
	margin-top: 0 !important;
}

#header .header-wrapper {
	border-bottom: none !important;
}

#header .header-bg-container,
#header .header-bg-color {
	border: none !important;
	box-shadow: none !important;
}

#header #wide-nav .flex-row.container {
	padding-top: 0 !important;
	padding-bottom: 12px !important;
}

#header #wide-nav .header-bottom-nav {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	list-style: none !important;
	border-radius: 20px !important;
	background:
		linear-gradient(145deg, rgba(255, 251, 235, 0.96) 0%, rgba(255, 255, 255, 0.98) 45%, rgba(254, 243, 199, 0.92) 100%) !important;
	border: 1px solid rgba(251, 191, 36, 0.32) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 12px 30px rgba(249, 115, 22, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item {
	margin: 0 !important;
	padding: 0 !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 40px !important;
	padding: 8px 15px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(254, 215, 170, 0.65) !important;
	background: rgba(255, 255, 255, 0.9) !important;
	color: #334155 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link .ux-menu-icon {
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 3px !important;
	border-radius: 9px !important;
	background: linear-gradient(145deg, #fff7ed 0%, #ffffff 100%) !important;
	border: 1px solid #fed7aa !important;
	object-fit: contain !important;
	box-sizing: border-box !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 9px;
	border: 1px solid #fed7aa;
	background: linear-gradient(145deg, #fff7ed 0%, #ffffff 100%) center/14px 14px no-repeat;
	flex: 0 0 24px;
}

#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link:has(.ux-menu-icon)::before {
	display: none !important;
}

#header #wide-nav #menu-item-8832 > a.nav-top-link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2'%3E%3Cpath d='M20 12v7a2 2 0 01-2 2H6a2 2 0 01-2-2v-7'/%3E%3Cpath d='M12 3v18M7 8h10'/%3E%3C/svg%3E");
}

#header #wide-nav #menu-item-2612 > a.nav-top-link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2'%3E%3Cpath d='M4 6h16M4 12h10M4 18h14'/%3E%3C/svg%3E");
}

#header #wide-nav #menu-item-2179 > a.nav-top-link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M10 9l5 3-5 3V9z'/%3E%3C/svg%3E");
}

#header #wide-nav #menu-item-1915 > a.nav-top-link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E");
}

#header #wide-nav #menu-item-1910 > a.nav-top-link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 014.8.8c0 1.7-2.3 2-2.3 3.7V15'/%3E%3Ccircle cx='12' cy='18' r='1'/%3E%3C/svg%3E");
}

#header .ku-media-nav-item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#header .ku-media-header-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	padding: 0 14px !important;
	border: 1px solid rgba(191, 219, 254, 0.85) !important;
	border-radius: 999px !important;
	background: linear-gradient(145deg, #eff6ff 0%, #ffffff 100%) !important;
	color: #2563eb !important;
	font-family: inherit !important;
	font-size: 12.5px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

#header .ku-media-header-link:hover,
#header .ku-media-header-link.ku-media-header-link--active {
	border-color: #2563eb !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22) !important;
}

#header .ku-media-header-link__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, 0.72) !important;
	flex: 0 0 28px !important;
}

#header .ku-media-header-link__icon svg {
	width: 16px !important;
	height: 16px !important;
}

#header .ku-media-header-link:hover .ku-media-header-link__icon,
#header .ku-media-header-link.ku-media-header-link--active .ku-media-header-link__icon {
	background: rgba(255, 255, 255, 0.18) !important;
	color: #ffffff !important;
}

#header .ku-media-header-link__label {
	white-space: nowrap !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link:hover,
#header #wide-nav .header-bottom-nav > li.menu-item.active > a.nav-top-link,
#header #wide-nav .header-bottom-nav > li.menu-item.current-menu-item > a.nav-top-link,
#header #wide-nav .header-bottom-nav > li.menu-item.current_page_item > a.nav-top-link {
	border-color: #fb923c !important;
	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 8px 22px rgba(249, 115, 22, 0.28) !important;
	transform: translateY(-1px) !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item.active > a.nav-top-link .ux-menu-icon,
#header #wide-nav .header-bottom-nav > li.menu-item.current-menu-item > a.nav-top-link .ux-menu-icon,
#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link:hover .ux-menu-icon {
	border-color: rgba(255, 255, 255, 0.7) !important;
	background: rgba(255, 255, 255, 0.22) !important;
}

#header #wide-nav .header-bottom-nav > li.menu-item.active > a.nav-top-link::before,
#header #wide-nav .header-bottom-nav > li.menu-item.current-menu-item > a.nav-top-link::before,
#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link:hover::before {
	border-color: rgba(255, 255, 255, 0.65) !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
	filter: brightness(0) invert(1);
}

/* Mobile off-canvas main menu — kitchen tiles */
#main-menu .nav-sidebar > ul.nav > li.menu-item > a {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 0 8px !important;
	padding: 12px 14px !important;
	border-radius: 14px !important;
	border: 1px solid #e2e8f0 !important;
	background: linear-gradient(145deg, #ffffff 0%, #fffbeb 100%) !important;
	font-weight: 800 !important;
}

#main-menu .nav-sidebar > ul.nav > li.menu-item > a .ux-menu-icon {
	width: 28px !important;
	height: 28px !important;
	border-radius: 10px !important;
	border: 1px solid #fed7aa !important;
	padding: 4px !important;
	background: #fff !important;
}

#main-menu .nav-sidebar > ul.nav > li.menu-item.active > a,
#main-menu .nav-sidebar > ul.nav > li.menu-item > a:hover {
	border-color: #fb923c !important;
	background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
	color: #c2410c !important;
}

/* ===== Login / account button ===== */
#header .digits-login-modal {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 44px !important;
	padding: 0 14px 0 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	backdrop-filter: blur(18px) saturate(160%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 8px 22px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
	color: #0f172a !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease !important;
}

#header .digits-login-modal::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 10px;
	border: 1px solid #bfdbfe;
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.12);
	flex: 0 0 28px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2'%3E%3Cpath d='M20 21a8 8 0 10-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/16px 16px no-repeat,
		linear-gradient(145deg, #eff6ff 0%, #ffffff 100%);
}

#header .digits-login-modal:hover {
	border-color: #fed7aa !important;
	background: linear-gradient(145deg, #fff7ed 0%, #ffffff 100%) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 10px 26px rgba(249, 115, 22, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	transform: translateY(-1px);
	color: #9a3412 !important;
}

#header .digits-login-modal > span {
	display: inline-block !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

#header li.html.custom.html_topbar_left:has(.digits-login-modal) {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Logged-in account state */
#header .digits-login-modal[type='10']::before,
#header .digits-login-modal.ku-header-account::before {
	border-color: #a7f3d0;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.16);
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2'%3E%3Cpath d='M20 21a8 8 0 10-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/16px 16px no-repeat,
		linear-gradient(145deg, #ecfdf5 0%, #ffffff 100%);
}

/* ===== Mobile / off-canvas search ===== */
.mfp-content .searchform-wrapper,
#main-menu .searchform-wrapper,
.mobile-sidebar .searchform-wrapper,
.nav-sidebar .header-search-form .searchform .flex-row.relative {
	padding: 6px !important;
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 8px 24px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.mobile-sidebar .search-field,
.nav-sidebar .search-field,
.mfp-content .search-field {
	min-height: 42px !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	font-weight: 700 !important;
}

.mobile-sidebar .ux-search-submit,
.nav-sidebar .ux-search-submit,
.mfp-content .ux-search-submit {
	width: 42px !important;
	height: 42px !important;
	min-height: 42px !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
	box-shadow: 0 6px 18px rgba(249, 115, 22, 0.24) !important;
}

/* Header nav spacing polish */
@media (max-width: 849px) {
	#header .header-search-form.search-form,
	#header li.header-search-form {
		max-width: none;
	}

	#header .hide-for-medium .header-search-form {
		display: none !important;
	}
}

@media (min-width: 850px) {
	#header .header-bottom-nav.nav-center,
	#header .header-nav-main.nav-left {
		align-items: center;
	}

	#header #wide-nav .header-bottom-nav {
		row-gap: 8px !important;
	}
}

@media (max-width: 1099px) and (min-width: 850px) {
	#header #wide-nav .header-bottom-nav > li.menu-item > a.nav-top-link {
		padding: 7px 12px !important;
		font-size: 12px !important;
	}
}

/* ===== Mobile header Win11 (light + icon cards) ===== */
@media (max-width: 849px) {
	body.ku-mobile-header-active #header.ku-kitchen-header .header-main,
	body.ku-mobile-header-active #header .header-main,
	body.ku-mobile-header-active #header #masthead.header-main {
		background-color: #f8fafc !important;
		background-image:
			radial-gradient(circle at 88% 0%, rgba(249, 115, 22, 0.1) 0%, transparent 44%),
			radial-gradient(circle at 8% 100%, rgba(59, 130, 246, 0.08) 0%, transparent 40%),
			linear-gradient(180deg, #ffffff 0%, #f8fafc 58%, #f1f5f9 100%) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		border-radius: 0 0 22px 22px !important;
		border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
		box-shadow:
			0 10px 28px rgba(15, 23, 42, 0.06),
			inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
		padding-bottom: 6px !important;
		min-height: 0 !important;
		height: auto !important;
	}

	body.ku-mobile-header-active #header .header-wrapper,
	body.ku-mobile-header-active #header.sticky-jump .header-wrapper {
		background: transparent !important;
		border-bottom: none !important;
	}

	body.ku-mobile-header-active #header .header-bg-color,
	body.ku-mobile-header-active #header .header-bg-image {
		opacity: 0 !important;
	}

	body.ku-mobile-header-active #header .header-inner {
		padding: 8px 12px 6px !important;
		min-height: 58px !important;
		background: transparent !important;
	}

	body.ku-mobile-header-active #header #logo img {
		max-height: 46px !important;
		width: auto !important;
		filter: none !important;
	}

	body.ku-mobile-header-active #header #logo {
		width: auto !important;
		max-width: 150px !important;
		margin: 0 auto !important;
	}

	body.ku-mobile-header-active #header .show-for-medium.flex-left {
		flex: 0 0 52px !important;
		max-width: 52px !important;
	}

	body.ku-mobile-header-active #header .show-for-medium.flex-right {
		flex: 0 0 auto !important;
		max-width: none !important;
	}

	body.ku-mobile-header-active #header .mobile-nav {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		margin: 0 !important;
	}

	body.ku-mobile-header-active #header .mobile-nav > li {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	/* Menu button card */
	body.ku-mobile-header-active #header .ku-mobile-menu-btn,
	body.ku-mobile-header-active #header .show-for-medium .header-button a.icon.button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 1px solid rgba(226, 232, 240, 0.95) !important;
		border-radius: 14px !important;
		background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
		box-shadow:
			0 1px 0 rgba(255, 255, 255, 0.98) inset,
			0 4px 14px rgba(15, 23, 42, 0.06) !important;
		color: #0f172a !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-menu-btn .icon-menu,
	body.ku-mobile-header-active #header .show-for-medium .header-button a.icon.button .icon-menu {
		font-size: 20px !important;
		color: #0f172a !important;
		opacity: 1 !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-menu-btn::before,
	body.ku-mobile-header-active #header .show-for-medium .header-button a.icon.button::before {
		content: '' !important;
		display: block !important;
		width: 18px !important;
		height: 14px !important;
		background:
			linear-gradient(#0f172a, #0f172a) 0 0 / 100% 2px no-repeat,
			linear-gradient(#0f172a, #0f172a) 0 6px / 100% 2px no-repeat,
			linear-gradient(#0f172a, #0f172a) 0 12px / 100% 2px no-repeat !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-menu-btn .icon-menu,
	body.ku-mobile-header-active #header .show-for-medium .header-button a.icon.button .icon-menu {
		display: none !important;
	}

	body.ku-mobile-header-active #header .show-for-medium .header-button a .menu-title {
		display: none !important;
	}

	/* Login / account button */
	body.ku-mobile-header-active #header .ku-mobile-login-item {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-login-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 1px solid rgba(191, 219, 254, 0.95) !important;
		border-radius: 14px !important;
		background: linear-gradient(145deg, #eff6ff 0%, #ffffff 100%) !important;
		box-shadow:
			0 1px 0 rgba(255, 255, 255, 0.98) inset,
			0 4px 14px rgba(15, 23, 42, 0.06) !important;
		color: #2563eb !important;
		cursor: pointer !important;
		text-decoration: none !important;
		-webkit-tap-highlight-color: transparent !important;
		transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-login-btn:active {
		transform: scale(0.94);
	}

	body.ku-mobile-header-active #header .ku-mobile-login-btn--account {
		border-color: rgba(167, 243, 208, 0.95) !important;
		background: linear-gradient(145deg, #ecfdf5 0%, #ffffff 100%) !important;
		color: #059669 !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-login-btn__icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 22px !important;
		height: 22px !important;
	}

	body.ku-mobile-header-active #header .ku-mobile-login-btn__icon svg {
		width: 22px !important;
		height: 22px !important;
	}

	/* Cart button card */
	body.ku-mobile-header-active #header .ku-mobile-cart-btn,
	body.ku-mobile-header-active #header .show-for-medium .header-cart-link {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 1px solid rgba(253, 230, 138, 0.95) !important;
		border-radius: 14px !important;
		background: linear-gradient(145deg, #fffbeb 0%, #ffffff 100%) !important;
		box-shadow:
			0 1px 0 rgba(255, 255, 255, 0.98) inset,
			0 4px 14px rgba(15, 23, 42, 0.06) !important;
		position: relative !important;
	}

	body.ku-mobile-header-active #header .show-for-medium .header-cart-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 24px !important;
		height: 24px !important;
	}

	body.ku-mobile-header-active #header .show-for-medium .cart-img-icon {
		width: 22px !important;
		height: 22px !important;
		object-fit: contain !important;
		filter: none !important;
	}

	body.ku-mobile-header-active #header .show-for-medium .header-cart-icon[data-icon-label]:not([data-icon-label='0'])::after {
		content: attr(data-icon-label) !important;
		position: absolute !important;
		top: -4px !important;
		left: -4px !important;
		min-width: 18px !important;
		height: 18px !important;
		padding: 0 5px !important;
		border-radius: 999px !important;
		background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
		color: #fff !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		line-height: 18px !important;
		text-align: center !important;
		box-shadow: 0 4px 10px rgba(234, 88, 12, 0.35) !important;
	}

	body.ku-mobile-header-active #header .show-for-medium .ku-media-nav-item {
		display: none !important;
	}

	/* Off-canvas tabs — one row, two colors */
	#main-menu .sidebar-menu-tabs {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		margin: 0 6px 14px !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
		list-style: none !important;
	}

	#main-menu .sidebar-menu-tabs__tab {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.1) !important;
		transition: all 0.2s ease !important;
	}

	#main-menu .sidebar-menu-tabs__tab-link {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		min-height: 72px !important;
		padding: 10px 8px !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	#main-menu .ku-sidebar-tab__icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 34px !important;
		height: 34px !important;
		border-radius: 11px !important;
		border: 1px solid rgba(255, 255, 255, 0.14) !important;
		background: rgba(255, 255, 255, 0.08) !important;
		color: rgba(255, 255, 255, 0.88) !important;
	}

	#main-menu .ku-sidebar-tab__icon svg {
		width: 18px !important;
		height: 18px !important;
	}

	#main-menu .sidebar-menu-tabs__tab-text {
		font-size: 12px !important;
		font-weight: 800 !important;
		color: rgba(226, 232, 240, 0.82) !important;
		line-height: 1.3 !important;
	}

	/* Categories tab — orange when active */
	#main-menu .sidebar-menu-tabs__tab.ku-tab-categories.active {
		background: linear-gradient(145deg, rgba(249, 115, 22, 0.32) 0%, rgba(251, 191, 36, 0.14) 100%) !important;
		border-color: rgba(251, 191, 36, 0.42) !important;
		box-shadow:
			0 1px 0 rgba(255, 255, 255, 0.12) inset,
			0 10px 24px rgba(249, 115, 22, 0.18) !important;
	}

	#main-menu .sidebar-menu-tabs__tab.ku-tab-categories.active .sidebar-menu-tabs__tab-text {
		color: #fde68a !important;
	}

	#main-menu .sidebar-menu-tabs__tab.ku-tab-categories.active .ku-sidebar-tab__icon {
		background: linear-gradient(145deg, #f59e0b 0%, #f97316 100%) !important;
		border-color: rgba(255, 255, 255, 0.28) !important;
		color: #ffffff !important;
	}

	/* Menu tab — purple/indigo when active */
	#main-menu .sidebar-menu-tabs__tab.ku-tab-menu.active {
		background: linear-gradient(145deg, rgba(99, 102, 241, 0.34) 0%, rgba(129, 140, 248, 0.16) 100%) !important;
		border-color: rgba(129, 140, 248, 0.42) !important;
		box-shadow:
			0 1px 0 rgba(255, 255, 255, 0.12) inset,
			0 10px 24px rgba(99, 102, 241, 0.2) !important;
	}

	#main-menu .sidebar-menu-tabs__tab.ku-tab-menu.active .sidebar-menu-tabs__tab-text {
		color: #c7d2fe !important;
	}

	#main-menu .sidebar-menu-tabs__tab.ku-tab-menu.active .ku-sidebar-tab__icon {
		background: linear-gradient(145deg, #6366f1 0%, #818cf8 100%) !important;
		border-color: rgba(255, 255, 255, 0.28) !important;
		color: #ffffff !important;
	}

	/* Off-canvas search inside sidebar */
	#main-menu .header-search-form .searchform .flex-row.relative {
		border-color: rgba(255, 255, 255, 0.12) !important;
		background: rgba(255, 255, 255, 0.06) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	}

	#main-menu .header-search-form .search-field {
		color: #f8fafc !important;
	}

	#main-menu .header-search-form .search-field::placeholder {
		color: rgba(226, 232, 240, 0.55) !important;
	}

	/* Category/menu list items — Win11 tiles */
	#main-menu .nav-sidebar > li.menu-item > a,
	#main-menu .nav-sidebar > li > a {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 6px 6px !important;
		padding: 12px 14px !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 14px !important;
		background: rgba(255, 255, 255, 0.04) !important;
	}

	#main-menu .nav-sidebar > li + li {
		border-top: none !important;
	}

	#main-menu .nav-sidebar > li.menu-item > a:hover,
	#main-menu .nav-sidebar > li > a:hover {
		background: rgba(255, 255, 255, 0.1) !important;
		border-color: rgba(255, 255, 255, 0.16) !important;
		transform: translateY(-1px);
	}

	/* Off-canvas menu scroll — mfp-content clips; sidebar-menu must scroll */
	.off-canvas-left .mfp-content,
	.off-canvas-right .mfp-content {
		display: flex !important;
		flex-direction: column !important;
		min-height: 0 !important;
		max-height: calc(100dvh - 16px) !important;
		overflow: hidden !important;
	}

	#main-menu.mobile-sidebar:not(.mfp-hide),
	.off-canvas .mobile-sidebar-slide:not(.mfp-hide) {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		min-height: 0 !important;
		height: 100% !important;
		max-height: 100% !important;
		overflow: hidden !important;
	}

	#main-menu.mobile-sidebar.mfp-hide {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	#main-menu .sidebar-menu,
	#main-menu .sidebar-menu.no-scrollbar,
	.off-canvas #main-menu .sidebar-menu {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		max-height: 100% !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		overscroll-behavior: contain !important;
		touch-action: pan-y !important;
	}

	#main-menu .sidebar-menu-tabs {
		flex: 0 0 auto !important;
	}

	#main-menu .nav-sidebar.nav-slide {
		overflow: hidden !important;
		width: 100% !important;
		transform: none !important;
	}
}