document.querySelector('button[aria-controls=main-menu]')?.focus())"
@keydown.tab="if (open && !$event.shiftKey && $event.target === $el.querySelectorAll('a[href], button:not([disabled])')[$el.querySelectorAll('a[href], button:not([disabled])').length - 1]) { $event.preventDefault(); $el.querySelector('.menu-1 a[href]')?.focus(); }"
@keydown.tab.shift="if (open && $event.target === $el.querySelector('.menu-1 a[href]')) { $event.preventDefault(); document.querySelector('button[aria-controls=main-menu]')?.focus(); } else if (open && $event.target === $el.querySelector('a[href], button:not([disabled])')) { $event.preventDefault(); const items = $el.querySelectorAll('a[href], button:not([disabled])'); items[items.length - 1]?.focus(); }"
class="z-[997] fixed inset-x-0 top-[64px] bottom-0 overflow-y-auto overflow-x-hidden md:absolute md:inset-auto md:left-0 md:right-0 md:top-full md:bottom-auto md:h-auto md:overflow-visible bg-primary md:bg-[#87ab2ce3] text-left w-full px-6 py-6 md:p-4 flex flex-col md:grid md:grid-cols-2 md:grid-rows-[auto_auto] md:gap-x-12 md:gap-y-0"
x-effect="$el.querySelectorAll('[data-menu-bg]').forEach(function(el) { if (!el.dataset.bgLoaded && el.dataset.menuBg) { el.style.backgroundImage = 'url(' + el.dataset.menuBg + ')'; el.dataset.bgLoaded = '1'; } });">