/* Animation pour la popup */
        @keyframes popupAppear {
            0% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.8);
            }
            100% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
        }
        
        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0px); }
        }
        
        .popup-animation {
            animation: popupAppear 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }
        
        .overlay-animation {
            animation: fadeIn 0.3s ease forwards;
        }
        
        .btn-pulse {
            animation: pulse 2s infinite;
        }
        
        .btn-float {
            transition: transform 0.3s ease;
        }
        
        .btn-float:hover {
            animation: float 1.5s ease-in-out infinite;
            transform: translateY(-5px);
        }
        
        /* Styles personnalisés pour Azaline */
        .azaline-primary {
            color: #8B5A2B;
        }
        
        .bg-azaline-primary {
            background-color: #8B5A2B;
        }
        
        .border-azaline-primary {
            border-color: #8B5A2B;
        }
        
        .from-azaline-light {
            --tw-gradient-from: #F7F1EB;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 241, 235, 0));
        }
        
        .to-azaline-light {
            --tw-gradient-to: #F7F1EB;
        }
        
        .text-azaline-dark {
            color: #5D4037;
        }
        
        .bg-azaline-dark {
            background-color: #5D4037;
        }
        
        /* Styles pour le bouton WhatsApp amélioré */
        .whatsapp-btn {
            background: linear-gradient(135deg, #25D366 0%, #1DA851 100%);
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .whatsapp-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.7s;
        }
        
        .whatsapp-btn:hover::before {
            left: 100%;
        }
        
        .whatsapp-btn:hover {
            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
        }
        
        /* Styles responsives supplémentaires */
        @media (max-width: 768px) {
            .popup-content {
                max-height: 90vh;
                overflow-y: auto;
            }
            
            .whatsapp-btn span {
                font-size: 0.95rem;
            }
        }
        
        @media (max-width: 480px) {
            .popup-content {
                padding: 1.5rem;
            }
            
            .whatsapp-btn {
                padding: 0.75rem 1.5rem;
            }
            
            .whatsapp-btn span {
                font-size: 0.9rem;
            }
        }