/* Responsive Design */
        @media (max-width: 768px) {
            .nav-container {
                flex-wrap: wrap;
                gap: 1rem;
            }

            .nav-menu {
                position: fixed;
                top: 0;
                right: -100%;
                width: 100%;
                height: 100vh;
                background: rgba(10, 10, 10, 0.95);
                flex-direction: column;
                justify-content: center;
                align-items: center;
                transition: var(--transition);
                z-index: 1000;
            }

            .nav-menu.active {
                right: 0;
            }

            .hamburger {
                display: flex;
                order: 3;
            }

            .logo {
                order: 1;
                flex: 1;
            }

            .btn-primary {
                order: 2;
                padding: 0.5rem 1rem;
                font-size: 0.9rem;
                margin-right: 1rem;
            }

            .welcome, .spa {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }

            .testimonial-carousel {
                flex-direction: column;
            }

            .testimonial {
                min-width: auto;
            }
        }