.lemon-side-menu {
	--lemon-side-menu-panel-width: 496px;
	--lemon-side-menu-panel-max-width: 100vw;
	--lemon-side-menu-panel-background: #fff;
	--lemon-side-menu-overlay: rgba(25, 29, 30, 0.38);
	--lemon-side-menu-text: #191d1e;
	--lemon-side-menu-accent: #ebe5d6;
	--lemon-side-menu-divider: #e6decc;
	--lemon-side-menu-transition: 320ms ease;

	--lemon-trigger-display: inline-flex;
	--lemon-trigger-gap: 24px;
	--lemon-trigger-margin: 0;
	--lemon-trigger-padding: 0;
	--lemon-trigger-min-height: 0;
	--lemon-trigger-width: auto;
	--lemon-trigger-justify: flex-start;
	--lemon-trigger-background: transparent;
	--lemon-trigger-background-hover: transparent;
	--lemon-trigger-color: var(--lemon-side-menu-text);
	--lemon-trigger-color-hover: var(--lemon-side-menu-text);
	--lemon-trigger-border-color: transparent;
	--lemon-trigger-border-color-hover: transparent;
	--lemon-trigger-border-width: 0;
	--lemon-trigger-border-radius: 0;
	--lemon-trigger-box-shadow: none;
	--lemon-trigger-text-display: block;

	--lemon-burger-width: 36px;
	--lemon-burger-height: 28px;
	--lemon-burger-gap: 6px;
	--lemon-burger-line-width: 36px;
	--lemon-burger-line-height: 3px;
	--lemon-burger-line-radius: 0;
	--lemon-burger-color: currentColor;

	--lemon-panel-shadow: none;
	--lemon-panel-border-width: 0;
	--lemon-panel-border-color: transparent;

	--lemon-header-height: 68px;
	--lemon-header-padding: 0 20px;
	--lemon-header-background: var(--lemon-side-menu-panel-background);
	--lemon-header-border-width: 1px;
	--lemon-header-border-color: var(--lemon-side-menu-divider);
	--lemon-header-justify: flex-end;
	--lemon-close-gap: 14px;
	--lemon-close-color: var(--lemon-side-menu-text);
	--lemon-close-color-hover: var(--lemon-side-menu-text);
	--lemon-close-background: transparent;
	--lemon-close-background-hover: transparent;
	--lemon-close-padding: 0;
	--lemon-close-icon-size: 24px;

	--lemon-menu-item-min-height: 54px;
	--lemon-menu-item-padding: 0 20px;
	--lemon-menu-item-gap: 16px;
	--lemon-menu-item-color: var(--lemon-side-menu-text);
	--lemon-menu-item-color-hover: var(--lemon-side-menu-text);
	--lemon-menu-item-background: transparent;
	--lemon-menu-item-background-hover: transparent;
	--lemon-menu-item-active-color: var(--lemon-side-menu-text);
	--lemon-menu-item-active-background: var(--lemon-side-menu-accent);
	--lemon-menu-item-current-color: var(--lemon-side-menu-text);
	--lemon-menu-item-current-background: var(--lemon-side-menu-accent);
	--lemon-chevron-size: 20px;
	--lemon-chevron-color: currentColor;

	--lemon-submenu-background: transparent;
	--lemon-submenu-padding: 12px 0 16px;
	--lemon-submenu-item-min-height: 42px;
	--lemon-submenu-item-padding: 0 20px 0 72px;
	--lemon-submenu-item-color: var(--lemon-side-menu-text);
	--lemon-submenu-item-color-hover: var(--lemon-side-menu-text);
	--lemon-submenu-item-background: transparent;
	--lemon-submenu-item-background-hover: transparent;

	--lemon-additional-margin: 10px 20px 0;
	--lemon-additional-padding: 16px 0 0;
	--lemon-additional-border-width: 1px;
	--lemon-additional-border-color: var(--lemon-side-menu-divider);
	--lemon-additional-item-min-height: 38px;
	--lemon-additional-color: var(--lemon-side-menu-text);
	--lemon-additional-color-hover: var(--lemon-side-menu-text);

	--lemon-footer-padding: 0 20px;
	--lemon-footer-background: var(--lemon-side-menu-panel-background);
	--lemon-footer-divider-width: 1px;
	--lemon-footer-divider-color: var(--lemon-side-menu-divider);
	--lemon-social-min-height: 68px;
	--lemon-social-gap: 34px;
	--lemon-social-link-size: 34px;
	--lemon-social-icon-size: 24px;
	--lemon-social-color: var(--lemon-side-menu-text);
	--lemon-social-color-hover: var(--lemon-side-menu-text);
	--lemon-bottom-menu-min-height: 64px;
	--lemon-bottom-menu-gap: 18px;
	--lemon-bottom-menu-color: var(--lemon-side-menu-text);
	--lemon-bottom-menu-color-hover: var(--lemon-side-menu-text);

	color: var(--lemon-side-menu-text);
}

.lemon-side-menu__toggle {
	display: var(--lemon-trigger-display);
	align-items: center;
	justify-content: var(--lemon-trigger-justify);
	gap: var(--lemon-trigger-gap);
	width: var(--lemon-trigger-width);
	min-height: var(--lemon-trigger-min-height);
	margin: var(--lemon-trigger-margin);
	padding: var(--lemon-trigger-padding) !important;
	border-style: solid !important;
	border-width: var(--lemon-trigger-border-width) !important;
	border-color: var(--lemon-trigger-border-color) !important;
	border-radius: var(--lemon-trigger-border-radius) !important;
	background: var(--lemon-trigger-background) !important;
	box-shadow: var(--lemon-trigger-box-shadow);
	color: var(--lemon-trigger-color) !important;
	cursor: pointer;
	font: inherit;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	appearance: none;
	-webkit-appearance: none;
}

.lemon-side-menu__toggle:hover,
.lemon-side-menu__toggle:focus-visible {
	border-color: var(--lemon-trigger-border-color-hover) !important;
	background: var(--lemon-trigger-background-hover) !important;
	color: var(--lemon-trigger-color-hover) !important;
}

.lemon-side-menu__burger {
	display: inline-flex;
	flex: 0 0 auto;
	flex-direction: column;
	justify-content: center;
	gap: var(--lemon-burger-gap);
	width: var(--lemon-burger-width);
	height: var(--lemon-burger-height);
	color: var(--lemon-burger-color);
}

.lemon-side-menu__burger-line {
	display: block;
	width: var(--lemon-burger-line-width);
	height: var(--lemon-burger-line-height);
	border-radius: var(--lemon-burger-line-radius);
	background: currentColor;
}

.lemon-side-menu__toggle-text {
	display: var(--lemon-trigger-text-display);
	line-height: 1;
	white-space: nowrap;
}

.lemon-side-menu__overlay {
	position: fixed;
	inset: 0;
	z-index: 9998;
	background: var(--lemon-side-menu-overlay);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--lemon-side-menu-transition), visibility var(--lemon-side-menu-transition);
}

.lemon-side-menu__overlay[hidden] {
	display: none;
}

.lemon-side-menu__panel.navbar {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: 9999;
	width: var(--lemon-side-menu-panel-width);
	max-width: var(--lemon-side-menu-panel-max-width);
	height: 100vh;
	height: 100dvh;
	margin: 0;
	border-style: solid;
	border-width: var(--lemon-panel-border-width);
	border-color: var(--lemon-panel-border-color);
	background: var(--lemon-side-menu-panel-background);
	box-shadow: var(--lemon-panel-shadow);
	color: var(--lemon-side-menu-text);
	overflow: hidden;
	transform: translate3d(-100%, 0, 0);
	transition: transform var(--lemon-side-menu-transition);
}

.lemon-side-menu.is-open .lemon-side-menu__overlay {
	opacity: 1;
	visibility: visible;
}

.lemon-side-menu.is-open .lemon-side-menu__panel.navbar {
	transform: translate3d(0, 0, 0);
}

body.lemon-side-menu-lock {
	overflow: hidden;
}

.lemon-side-menu .wrapper._main_menu {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: var(--lemon-side-menu-panel-background);
}

.lemon-side-menu .mobile-menu-header {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: var(--lemon-header-justify);
	min-height: var(--lemon-header-height);
	padding: var(--lemon-header-padding);
	border-bottom: var(--lemon-header-border-width) solid var(--lemon-header-border-color);
	background: var(--lemon-header-background);
}

.lemon-side-menu .mobile-menu-header button {
	display: inline-flex;
	align-items: center;
	gap: var(--lemon-close-gap);
	padding: var(--lemon-close-padding) !important;
	border: 0 !important;
	background: var(--lemon-close-background) !important;
	color: var(--lemon-close-color) !important;
	cursor: pointer;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
	appearance: none;
	-webkit-appearance: none;
}

.lemon-side-menu .mobile-menu-header button:hover,
.lemon-side-menu .mobile-menu-header button:focus-visible {
	background: var(--lemon-close-background-hover) !important;
	color: var(--lemon-close-color-hover) !important;
}

.lemon-side-menu .mobile-menu-header svg {
	width: var(--lemon-close-icon-size);
	height: var(--lemon-close-icon-size);
}

.lemon-side-menu .mobile-menu-content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.lemon-side-menu .item {
	margin: 0;
}

.lemon-side-menu .item > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lemon-menu-item-gap);
	width: 100%;
	min-height: var(--lemon-menu-item-min-height);
	padding: var(--lemon-menu-item-padding);
	background: var(--lemon-menu-item-background);
	color: var(--lemon-menu-item-color);
	line-height: 1.2;
	text-decoration: none;
}

.lemon-side-menu .item > a:hover,
.lemon-side-menu .item > a:focus-visible {
	background: var(--lemon-menu-item-background-hover);
	color: var(--lemon-menu-item-color-hover);
}

.lemon-side-menu .font-600 {
	font-weight: 700;
}

.lemon-side-menu .uppercase {
	text-transform: uppercase;
}

.lemon-side-menu .small {
	font-size: 13px;
	line-height: 1.25;
}

.lemon-side-menu.has-highlighted-first-item .mobile-menu-content > .item:first-child > a {
	background: var(--lemon-menu-item-active-background);
	color: var(--lemon-menu-item-active-color);
}

.lemon-side-menu .item.current-menu-item > a,
.lemon-side-menu .item.current_page_item > a {
	background: var(--lemon-menu-item-current-background);
	color: var(--lemon-menu-item-current-color);
}

.lemon-side-menu .item.has-childs > a {
	cursor: pointer;
}

.lemon-side-menu__chevron {
	flex: 0 0 auto;
	width: var(--lemon-chevron-size);
	height: var(--lemon-chevron-size);
	color: var(--lemon-chevron-color);
	transition: transform 220ms ease;
}

.lemon-side-menu .item.has-childs.is-open > a .lemon-side-menu__chevron {
	transform: rotate(180deg);
}

.lemon-side-menu .submenu {
	max-height: 0;
	background: var(--lemon-submenu-background);
	overflow: hidden;
	transition: max-height 300ms ease;
}

.lemon-side-menu .submenu .content-wrapper {
	padding: var(--lemon-submenu-padding);
}

.lemon-side-menu .submenu .item > a {
	min-height: var(--lemon-submenu-item-min-height);
	padding: var(--lemon-submenu-item-padding);
	background: var(--lemon-submenu-item-background);
	color: var(--lemon-submenu-item-color);
	font-weight: 400;
}

.lemon-side-menu .submenu .item > a:hover,
.lemon-side-menu .submenu .item > a:focus-visible {
	background: var(--lemon-submenu-item-background-hover);
	color: var(--lemon-submenu-item-color-hover);
}

.lemon-side-menu .additional-links {
	margin: var(--lemon-additional-margin);
	padding: var(--lemon-additional-padding);
	border-top: var(--lemon-additional-border-width) solid var(--lemon-additional-border-color);
}

.lemon-side-menu .additional-links .item > a {
	min-height: var(--lemon-additional-item-min-height);
	padding: 0;
	color: var(--lemon-additional-color);
	font-weight: 400;
}

.lemon-side-menu .additional-links .item > a:hover,
.lemon-side-menu .additional-links .item > a:focus-visible {
	color: var(--lemon-additional-color-hover);
}

.lemon-side-menu .mobile-menu-footer {
	flex: 0 0 auto;
	padding: var(--lemon-footer-padding);
	background: var(--lemon-footer-background);
}

.lemon-side-menu .social-media {
	border-top: var(--lemon-footer-divider-width) solid var(--lemon-footer-divider-color);
	border-bottom: var(--lemon-footer-divider-width) solid var(--lemon-footer-divider-color);
}

.lemon-side-menu .socials {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--lemon-social-gap);
	min-height: var(--lemon-social-min-height);
}

.lemon-side-menu .socials .link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--lemon-social-link-size);
	height: var(--lemon-social-link-size);
	color: var(--lemon-social-color);
	text-decoration: none;
}

.lemon-side-menu .socials .link:hover,
.lemon-side-menu .socials .link:focus-visible {
	color: var(--lemon-social-color-hover);
}

.lemon-side-menu .socials svg,
.lemon-side-menu .socials i {
	display: block;
	width: var(--lemon-social-icon-size);
	height: var(--lemon-social-icon-size);
	color: currentColor;
	fill: currentColor;
	font-size: var(--lemon-social-icon-size);
	line-height: 1;
}

.lemon-side-menu__social-text {
	font-size: 11px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
}

.lemon-side-menu .mobile-menu-footer .menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--lemon-bottom-menu-gap);
	min-height: var(--lemon-bottom-menu-min-height);
	padding: 0;
	margin: 0;
	list-style: none;
}

.lemon-side-menu .mobile-menu-footer .menu li {
	margin: 0;
}

.lemon-side-menu .mobile-menu-footer .menu a {
	display: block;
	color: var(--lemon-bottom-menu-color);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.lemon-side-menu .mobile-menu-footer .menu a:hover,
.lemon-side-menu .mobile-menu-footer .menu a:focus-visible {
	color: var(--lemon-bottom-menu-color-hover);
}

.lemon-side-menu__empty {
	padding: 20px;
	color: var(--lemon-side-menu-text);
	font-size: 13px;
}

@media (max-width: 767px) {
	.lemon-side-menu__panel.navbar {
		width: 100vw;
		max-width: 100vw;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lemon-side-menu__overlay,
	.lemon-side-menu__panel.navbar,
	.lemon-side-menu .submenu,
	.lemon-side-menu__chevron {
		transition: none;
	}
}
