<div class="g-090239bf g-ff1a82be" data-analytics-focus="fdf7c3eef" data-analytics-source="fcc44f">
	<div class="g-fdc4b4e9" id="elem-b4fbaeb120d47e42">
		<div class="g-d78bcdc2" data-test-elevation="a7416358" data-test-unit="0185be7e3ead" data-analytics-automation="98b7b4a07607">
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="g-8687b6fb g-92d61e81"
			   aria-label="<?php bloginfo( 'name' ); ?>" id="elem-e9a53d3708440510">
				<span class="g-ddcf9e05">🥘</span>
				<em class="g-482e346b"><?php bloginfo( 'name' ); ?></em>
			</a>
			<button class="g-7875f2b9 g-c8573690 g-e5cd3722"
			        type="button"
			        aria-label="Menu"
			        data-component-group="6f519c0f2cfa" data-widget-animation="none" data-component-variant="filled" data-test-target="bcb77963">
				<svg width="32" height="19" viewBox="0 0 32 19" class="g-7ae84c0c" fill="var(--color-text)"
				     xmlns="http://www.w3.org/2000/svg">
					<path d="M30.5 16C31.3283 16 31.9999 16.6717 32 17.5C32 18.3284 31.3284 19 30.5 19H1.5C0.671573 19 -3.09943e-06 18.3284 0 17.5C6.90669e-05 16.6716 0.671616 16 1.5 16H30.5ZM30.5 8C31.3284 8 31.9999 8.67163 32 9.5C32 10.3284 31.3284 11 30.5 11H1.5C0.671573 11 -3.09943e-06 10.3284 0 9.5C4.64566e-06 8.67158 0.671576 8 1.5 8H30.5ZM30.5 0C31.3284 1.19209e-07 32 0.671574 32 1.5C32 2.32843 31.3284 3 30.5 3H1.5C0.671573 3 -4.83283e-08 2.32843 0 1.5C1.1922e-07 0.671573 0.671573 -4.8339e-08 1.5 0H30.5Z"/>
				</svg>
				<svg width="19" height="19" viewBox="0 0 19 19" class="g-d960f607" fill="var(--color-text)"
				     xmlns="http://www.w3.org/2000/svg">
					<path d="M18.5567 0.441138C19.1424 1.02689 19.1424 1.97669 18.5567 2.56246L11.6189 9.50025L18.5574 16.4415C19.1427 17.0273 19.1416 17.9772 18.556 18.5628C17.9701 19.1482 17.021 19.1479 16.4354 18.5621L9.4976 11.6216L2.5605 18.5601C1.97474 19.1459 1.02499 19.1458 0.439176 18.5601C-0.146272 17.9743 -0.146458 17.0244 0.439176 16.4387L7.37697 9.49956L0.439176 2.56039C-0.146306 1.97455 -0.146478 1.02472 0.439176 0.439067C1.02498 -0.146282 1.97487 -0.146429 2.5605 0.439067L9.49829 7.37824L16.4354 0.441138C17.0211 -0.144418 17.9709 -0.144253 18.5567 0.441138Z"/>
				</svg>
			</button>
			<div id="header-nav-desktop" class="g-8825aa95 g-52883ce1"
			     itemscope itemtype="https://schema.org/SiteNavigationElement" id="elem-42505902b3608ff9">
				<?php wp_nav_menu( array(
					'theme_location' => 'main-menu',
					'fallback_cb'    => false,
					'container'      => 'ul',
					'menu_class'     => 'g-dbabafba',
					'link_before'    => '<span itemprop="name">',
					'link_after'     => '</span><span class="g-6c5cfe38"></span>'
				) ); ?>
			</div>
		</div>
		<div id="header-nav-dropdown" class="g-bb01fcad" data-component-animation="bounce" data-test-automation="ef0910629e73" data-module-group="c96a12056" data-section-size="medium">
			<div class="g-52883ce1"
			     itemscope itemtype="https://schema.org/SiteNavigationElement" id="elem-55a85d0bcd18e83d">
				<?php wp_nav_menu( array(
					'theme_location' => 'main-menu',
					'fallback_cb'    => false,
					'container'      => 'ul',
					'menu_class'     => 'g-dbabafba g-85c12687 g-e02f00b4',
					'link_before'    => '<span itemprop="name">',
					'link_after'     => '</span><span class="g-6c5cfe38"></span>'
				) ); ?>
			</div>
		</div>
	</div>
</div>
<script>
    const header = document.querySelector('.g-090239bf');

    if (header) {
        new ResizeObserver(() => {
            document.documentElement.style.setProperty(
                '--header-height',
                `${header.offsetHeight}px`
            );
        }).observe(header);
    }

    const NAV_CLASSES = {
        MENU: 'g-bb01fcad',
        TRIGGER: 'g-c8573690',
        TRIGGER_ACTIVE: 'g-4dfee7e0',
        SHOW: 'g-a0ebf919'
    };

    const NavigationState = {
        menu: null,
        trigger: null
    };

    const NavigationHelpers = {
        getMenu() {
            return document.querySelector(`.${NAV_CLASSES.MENU}`);
        },
        getTrigger() {
            return document.querySelector(`.${NAV_CLASSES.TRIGGER}`);
        },
        closeMenu() {
            if (!NavigationState.menu || !NavigationState.trigger) {
                return;
            }
            NavigationState.menu.classList.remove(NAV_CLASSES.SHOW);
            NavigationState.trigger.classList.remove(NAV_CLASSES.TRIGGER_ACTIVE);
        },
        toggleMenu() {
            NavigationState.menu.classList.toggle(NAV_CLASSES.SHOW);
            NavigationState.trigger.classList.toggle(NAV_CLASSES.TRIGGER_ACTIVE);
        }
    };

    const NavigationHandlers = {
        triggerClick() {
            NavigationHelpers.toggleMenu();
        }
    };

    const NavigationInit = {
        start() {
            NavigationState.menu = NavigationHelpers.getMenu();
            NavigationState.trigger = NavigationHelpers.getTrigger();

            if (!NavigationState.menu || !NavigationState.trigger) {
                return;
            }

            this.bindEvents();
        },
        bindEvents() {
            NavigationState.trigger.addEventListener('click', NavigationHandlers.triggerClick);
        }
    };

    function startNavigation() {
        NavigationInit.start();
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', startNavigation);
    } else {
        startNavigation();
    }
</script>