@media (max-width: 767.98px) {
	.site-header {
		--hamburger-color: var(--wp--preset--color--white);
		--hamburger-color-active: var(--wp--preset--color--white);
		--hamburger-width: 25.6px;
		--hamburger-layer-height: 2.4px;
		--transition-drawer: 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	}

	.nav-toggle {
		width: 60px;
		height: 44px;
	}
	.hamburger,
	.hamburger::before,
	.hamburger::after { border-radius: 4px; }
	.hamburger::before { top: -8px; }
	.hamburger::after { bottom: -8px; }
	body:not(.js-nav-active) .nav-toggle .hamburger::after { width: 100%; }
	.js-nav-active .hamburger::before,
	.js-nav-active .hamburger::after { width: 28px; left: 2px; }

	body::before {
		content: "";
		position: fixed;
		inset: 0;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: opacity var(--transition-drawer), visibility 0s linear 0.3s;
		z-index: var(--z-drawer);
	}
	body.js-nav-active::before {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
	}

	.nav-primary .menu-items-wrapper {
		left: 0;
		right: auto;
		width: 300px;
		max-width: 100%;
		height: 100dvh;
		padding: 30px;
		background-color: var(--wp--preset--color--black);
		opacity: 1;
		transform: translate3d(-100%, 0, 0);
		transition: transform var(--transition-drawer), visibility 0s linear 0.3s;
		z-index: var(--z-drawer-panel);
	}
	.js-nav-active .nav-primary .menu-items-wrapper { transition-delay: 0s; }

	.nav-primary .menu-items > .menu-item.hide-mobile { display: none; }

	.nav-primary .menu-items .menu-item > :is(a, span) {
		display: block;
		padding: 10px 10px 10px 0;
		border: 0;
		color: var(--wp--preset--color--white);
		font-family: var(--wp--preset--font-family--redzone);
		font-size: var(--wp--preset--font-size--heading-menu);
		font-weight: 700;
		line-height: 1.7;
		text-transform: uppercase;
	}
	.nav-primary .menu-items .sub-menu .menu-item > a {
		padding-left: 10px;
		font-size: var(--wp--preset--font-size--heading-4);
	}

	.nav-primary .menu-items > .menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.nav-primary .menu-items > .menu-item-has-children > :is(a, span) { flex: 1; min-width: 0; }
	.nav-primary .menu-items > .menu-item-has-children > .sub-menu { flex-basis: 100%; }

	.nav-primary .dropdown-toggle {
		position: static;
		width: 60px;
		height: 51px;
		margin-right: 10px;
		padding: 0;
	}
	.nav-primary .dropdown-toggle svg {
		width: 26px;
		height: 26px;
		transition: transform var(--transition-drawer);
	}

	.nav-drawer-top {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 2px solid rgba(255, 255, 255, 0.1);
	}
	.menu-drawer-top {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.nav-primary .menu-drawer-top .menu-item > a {
		display: block;
		padding: 10px 10px 10px 0;
		border: 0;
		color: var(--wp--preset--color--white);
		font-size: var(--wp--preset--font-size--body);
		font-weight: 400;
		line-height: 1.7;
	}

	/* An expanded parent stays white, as live. */
	.nav-primary .menu-item > :is(a, .dropdown-toggle:not(.toggled-on)):is(:hover, :focus-visible),
	.nav-primary .menu-item:hover > .dropdown-toggle:not(.toggled-on) { color: var(--wp--preset--color--yellow); }
}