1024) { clearTimeout(closeTimeout); openTimeout = setTimeout(() => { open = true; }, 500); }"
@mouseleave="if (window.innerWidth > 1024) { clearTimeout(openTimeout); closeTimeout = setTimeout(() => { open = false; }, 500); }"
@click.away="open = false"
:class="isOpen ? 'flex-col items-center justify-center' : 'hidden'"
class="relative items-center justify-center group lg:flex lg:justify-center lg:items-center">
1024) { clearTimeout(closeTimeout); openTimeout = setTimeout(() => { open = true; }, 500); }"
@mouseleave="if (window.innerWidth > 1024) { clearTimeout(openTimeout); closeTimeout = setTimeout(() => { open = false; }, 500); }"
@click.away="open = false">