    <!-- Backdrop for mobile menu -->
                <div
                    x-show="mobileMenuOpen"
                    @click="mobileMenuOpen = false"
                    class="fixed inset-0 z-20 bg-background/80 backdrop-blur-sm md:hidden"
                    x-transition:enter="transition-opacity ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="transition-opacity ease-in dur