@media (max-width: 767px) {
	:root {
		--krauff-mobile-menu-top: 74px;
	}

	a,
	button,
	[role="button"],
	input,
	label,
	select,
	summary,
	textarea {
		-webkit-tap-highlight-color: transparent;
	}

	body.krauff-mobile-menu-open {
		overflow: hidden;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f {
		flex: 0 0 42px !important;
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		z-index: 10010;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f > .elementor-widget-container,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f > .elementor-widget-container > .hfe-nav-menu {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle {
		position: relative;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: 0 !important;
		z-index: 10021;
		display: grid;
		flex: 0 0 42px !important;
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #fff;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 12px;
		place-items: center;
		transform: none !important;
		transition: background-color 180ms ease, border-color 180ms ease;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle .hfe-nav-menu-icon {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 42px !important;
		height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
		color: #cfd8c8;
		fill: currentColor;
		transform: translate(-50%, -50%);
	}

	body:not(.elementor-editor-active):not(.krauff-mobile-menu-open) .elementor-element-f9d8b8f .hfe-nav-menu__toggle svg {
		display: none !important;
	}

	body:not(.elementor-editor-active):not(.krauff-mobile-menu-open) .elementor-element-f9d8b8f .hfe-nav-menu__toggle::before {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 26px;
		height: 2px;
		background: #cfd8c8;
		border-radius: 999px;
		content: "";
		box-shadow: 0 -7px 0 #cfd8c8, 0 7px 0 #cfd8c8;
		transform: translate(-50%, -50%);

	}

	body:not(.elementor-editor-active).krauff-mobile-menu-open .elementor-element-f9d8b8f .hfe-nav-menu__toggle svg,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle.hfe-active-menu svg {
		display: none !important;
	}

	body:not(.elementor-editor-active).krauff-mobile-menu-open .elementor-element-f9d8b8f .hfe-nav-menu__toggle::before,
	body:not(.elementor-editor-active).krauff-mobile-menu-open .elementor-element-f9d8b8f .hfe-nav-menu__toggle::after,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle.hfe-active-menu::before,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle.hfe-active-menu::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 2px;
		background: #cfd8c8;
		border-radius: 999px;
		content: "";
		box-shadow: none;
	}

	body:not(.elementor-editor-active).krauff-mobile-menu-open .elementor-element-f9d8b8f .hfe-nav-menu__toggle::before,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle.hfe-active-menu::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	body:not(.elementor-editor-active).krauff-mobile-menu-open .elementor-element-f9d8b8f .hfe-nav-menu__toggle::after,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f .hfe-nav-menu__toggle.hfe-active-menu::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open),
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) {
		position: fixed !important;
		inset-block-start: var(--krauff-mobile-menu-top) !important;
		inset-block-end: 0 !important;
		inset-inline: 0 !important;
		z-index: 10020 !important;
		display: flex !important;
		align-items: stretch !important;
		flex-direction: column;
		justify-content: flex-start;
		width: 100vw !important;
		height: calc(100dvh - var(--krauff-mobile-menu-top)) !important;
		max-height: calc(100dvh - var(--krauff-mobile-menu-top)) !important;
		padding: 18px 18px 24px !important;
		overflow-x: hidden;
		overflow-y: auto;
		background:
			radial-gradient(circle at 88% 12%, rgba(123, 151, 72, 0.18), transparent 34%),
			linear-gradient(180deg, #fffaf0 0%, #f6efe3 100%) !important;
		border: 0 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
		box-shadow: 0 22px 48px rgba(18, 28, 8, 0.22);
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open)::before,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open)::before {
		display: block;
		margin: 2px 0 18px;
		color: #2c4216;
		font-family: "Montserrat", Arial, sans-serif;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.35;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0;
		content: "Обери розділ";
		opacity: 0.72;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) ul.hfe-nav-menu,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) ul.hfe-nav-menu {
		display: grid !important;
		align-self: stretch !important;
		flex: 0 0 auto;
		gap: 10px;
		grid-template-columns: minmax(0, 1fr);
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		counter-reset: krauff-menu;
		background: transparent !important;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item {
		width: 100%;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		counter-increment: krauff-menu;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item {
		position: relative;
		display: flex !important;
		align-items: center;
		justify-content: flex-start !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box;
		min-height: 58px;
		padding: 12px 48px 12px 62px !important;
		color: #233712 !important;
		font-family: "Montserrat", Arial, sans-serif !important;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left !important;
		text-decoration: none !important;
		white-space: normal !important;
		background: rgba(255, 255, 255, 0.72) !important;
		border: 1px solid rgba(71, 93, 34, 0.12);
		border-radius: 16px;
		box-shadow: 0 8px 22px rgba(31, 43, 16, 0.08);
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::before,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::before {
		position: absolute;
		top: 50%;
		left: 14px;
		display: grid;
		width: 36px;
		height: 36px;
		color: #fffaf0;
		font-size: 14px;
		font-weight: 800;
		background: linear-gradient(180deg, #526f2d, #314719);
		border-radius: 50%;
		content: counter(krauff-menu);
		place-items: center;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
		transform: translateY(-50%);
		opacity: 1!important;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::after,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::after {
		position: absolute;
		top: 50%;
		right: 18px;
		display: block !important;
		width: 8px;
		height: 8px;
		margin: 0;
		border-top: 2px solid #526f2d;
		border-right: 2px solid #526f2d;
		content: "";
		transform: translateY(-50%) rotate(45deg);
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item:hover,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item:focus,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item:hover,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item:focus {
		color: #18270b !important;
		background: #fffdf8 !important;
		border-color: rgba(71, 93, 34, 0.24);
		outline: none;
		transform: translateY(-1px);
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-extra {
		position: relative;
		display: flex;
		flex: 1 0 auto;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		margin-top: 22px;
		padding-top: 22px;
		padding-bottom: 70px;
		border-top: 1px solid rgba(71, 93, 34, 0.13);
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
		width: 100%;
		min-height: 60px;
		padding: 13px 18px;
		color: #fffaf0 !important;
		font-family: "Montserrat", Arial, sans-serif !important;
		font-size: 16px;
		font-weight: 800;
		line-height: 1.16;
		text-align: center;
		text-decoration: none !important;
		background: linear-gradient(180deg, #405c20, #2c4216);
		border-radius: 18px;
		box-shadow: 0 14px 28px rgba(43, 66, 21, 0.26);
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-cta svg {
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
		fill: currentColor;
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-socials {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 13px;
		margin-top: 0;
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-socials a {
		display: grid;
		width: 44px;
		height: 44px;
		color: #2f4618;
		background: rgba(255, 255, 255, 0.72);
		border: 1px solid rgba(71, 93, 34, 0.16);
		border-radius: 50%;
		place-items: center;
		box-shadow: 0 8px 20px rgba(31, 43, 16, 0.08);
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-socials a:focus,
	body:not(.elementor-editor-active) .krauff-mobile-menu-socials a:hover {
		color: #fffaf0;
		background: #405c20;
		outline: none;
	}

	body:not(.elementor-editor-active) .krauff-mobile-menu-socials svg {
		width: 20px;
		height: 20px;
		fill: currentColor;
	}
}

@media (max-width: 380px) {
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open),
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) {
		padding: 16px 14px 22px !important;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item {
		min-height: 54px;
		padding: 11px 42px 11px 58px !important;
		font-size: 16px;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::before,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::before {
		left: 12px;
		width: 34px;
		height: 34px;
	}

	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::after,
	body:not(.elementor-editor-active) .elementor-element-f9d8b8f nav.hfe-dropdown-expandible:is(.menu-is-active, .hfe-dropdown-open) li.menu-item a.hfe-menu-item::after {
		right: 16px;
	}
}