[x-cloak] {
            display: none !important;
        }

        html,
        body {
            overflow-x: hidden;
        }

        /* Prevent vertical scroll from dropdown expansion */
        header {
            overflow: visible !important;
        }

        /* Ensure dropdown floats above content */
        header [x-data]>div[x-show],
        header nav [x-data]>div[x-show] {
            position: absolute !important;
            z-index: 9999 !important;
        }

        /* Optional: make dropdown overlap instead of pushing layout */
        .absolute {
            position: absolute !important;
        }

        [x-cloak] {
            display: none !important;
        }

        html,
        body {
            overflow-x: hidden;
        }

        /* Desktop dropdowns float over content */
        @media (min-width: 1024px) {

            header [x-data]>div[x-show],
            header nav [x-data]>div[x-show] {
                position: absolute !important;
                z-index: 9999 !important;
            }
        }

        /* Mobile dropdowns should push content (not absolute) */
        @media (max-width: 1023px) {

            header [x-data]>div[x-show],
            header nav [x-data]>div[x-show] {
                position: relative !important;
                z-index: auto !important;
                background-color: rgba(107, 114, 128, 1);
                /* bg-gray-500 */
                border-radius: 0.25rem;
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
            }
        }