/* Mobile Menu Hidden by Default */
        #mobile-menu.hidden { display: none; }

        /* Hero Slider Styling */
        #hero-slider {
            height: 95vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
        }
        .slide {
            position: absolute;
            inset: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            z-index: -1;
        }
        .slide.active { opacity: 1; z-index: 1; }
        .slide::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.5); /* Overlay for readability */
        }
        .hero-content { position: relative; z-index: 10; padding: 0 20px; }

        /* Sidebar Stack - Desktop Only */
        @media (min-width: 1024px) {
            .side-stack {
                position: fixed; right: 0; top: 50%; transform: translateY(-50%);
                z-index: 1000; display: flex; flex-direction: column;
            }
            .side-item {
                width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;
                color: white; transition: 0.3s; cursor: pointer; border-radius: 8px 0 0 8px; margin-bottom: 2px;
            }
            .side-item:hover { width: 60px; padding-right: 10px; }
        }
        @media (max-width: 1023px) { .side-stack { display: none; } }

        /* Floating Action Buttons - Mobile Only */
        .mobile-actions {
            position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 2000;
        }
        @media (min-width: 1024px) { .mobile-actions { display: none; } }

        /* Modal Styling */
        .modal-overlay {
            display: none; position: fixed; z-index: 3000; left: 0; top: 0; 
            width: 100%; height: 100%; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);
        }
        .modal-content-box {
            background: white; margin: 10vh auto; padding: 30px; width: 90%; 
            max-width: 400px; border-radius: 20px; position: relative;
            animation: slideIn 0.3s ease-out;
        }
        @keyframes slideIn { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

        /* Utility */
        html { scroll-behavior: smooth; }
/* --- Enquiry Form Modal Final Fix --- */