/* Mobile nav drawer: stay inside the viewport and keep submenu toggles visible. */

#novoshopNav {
	width: min(360px, 100vw) !important;
	max-width: 100vw !important;
	right: -100vw !important;
	box-sizing: border-box;
}

#novoshopNav.active {
	right: 0 !important;
}

#cssmenu > ul > li {
	margin: 4px 12px;
}

#cssmenu > ul > li > span,
#cssmenu > ul > li > a {
	padding: 12px 14px !important;
	min-height: 44px;
	box-sizing: border-box;
}

#cssmenu li.has-sub > span {
	padding: 12px 14px 12px 48px !important;
}

#cssmenu li.has-sub > span::after {
	left: 8px !important;
	right: auto !important;
}

#cssmenu ul ul li > span,
#cssmenu ul ul li > a,
#cssmenu ul ul li.has-sub > span {
	padding: 12px 28px 12px 48px !important;
	box-sizing: border-box;
}

#cssmenu ul ul ul li > span,
#cssmenu ul ul ul li > a {
	padding-right: 42px !important;
}

#cssmenu ul li a {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
}

#cssmenu li i {
	margin: 0 !important;
	flex: none;
}

.mobile-search-wrapper {
	width: 100%;
	box-sizing: border-box;
}