@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;600&display=swap');
        
        .mobile-menu {
            animation: slideDown 0.3s ease-out;
        }
        
        @keyframes slideDown {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        body {
            font-family: 'Raleway', sans-serif;
            scroll-behavior: smooth;
        }
        
        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
        }
        
        .wave-bg {
            background-image: url("https://placehold.co/1920x200/00838F/E0F7FA?text=%20&font=playfair-display");
            background-size: cover;
            background-position: center;
        }
        
        .product-card:hover {
            transform: scale(1.03);
            box-shadow: 0 10px 25px rgba(0, 96, 100, 0.2);
        }
        
        .modal {
            transition: all 0.3s ease;
        }
        
        .modal-content {
            max-height: 90vh;
        }
        
        @media (max-width: 768px) {
            .wave-bg {
                background-image: url("https://placehold.co/800x200/00838F/E0F7FA?text=%20&font=playfair-display");
            }
        }