/* small helpers for the demo */
        .glass {
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(6px);
        }

        /* ensure hero sits behind header */
        .heroSwiper {
            z-index: 0;
            position: relative;
        }

        header {
            z-index: 99999;
        }

        /* very high so dropdowns and mobile menu appear above hero */

        /* Remove default number input arrows */
        input[type=number]::-webkit-outer-spin-button,
        input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input[type=number] {
            -moz-appearance: textfield;
            /* Firefox */
        }

        /* Optional: focus style for input */
        input[name="guests"]:focus {
            border-color: #ef4444;
            /* Tailwind red-600 */
        }

        /* Buttons hover effect handled via Tailwind classes */

        .gallerySwiper .swiper-pagination {
            position: relative !important;
            bottom: auto !important;
            margin-top: 1rem;
            text-align: center;
        }

        .swiper-slide img:hover {
            transform: scale(1.05);
        }

        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }