/* contact.css — Styles spécifiques à la page contact */

.contact-hero-bg {
    background: var(--grad-premium);
    position: relative;
}

/* Icône flottante hero */
.hero-icon-float {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    animation: float-contact 3s ease-in-out infinite;
}
.hero-icon-float svg,
.hero-icon-float i {
    width: 72px;
    height: 72px;
    color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 8px 24px rgba(0,0,0,0.2));
}

@keyframes float-contact {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

/* Method icons */
.method-icon {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}
.method-icon svg,
.method-icon i { width: 36px; height: 36px; color: white; }
.method-icon-wa  { background: linear-gradient(135deg, #25D366, #128C7E); }
.method-icon-tel { background: var(--grad-pink); }
.method-icon-ig  { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }

/* Product cards icons */
.product-card-icon {
    width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 8px;
    color: var(--mpat-pink);
}
.product-card-icon svg,
.product-card-icon i { width: 28px; height: 28px; }