/* Animations hero OpNow - CSS pur, désactivées si prefers-reduced-motion */
@media (prefers-reduced-motion: no-preference) {
  /* Flottement léger du téléphone (transform seul : pas de CLS) */
  .hero-float { animation: hero-float 4s ease-in-out infinite; will-change: transform; }
  /* Décalage pour échelonner plusieurs téléphones */
  .hero-float-delayed { animation: hero-float 4s ease-in-out 0.6s infinite; will-change: transform; }
  @keyframes hero-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
  }

  /* Dégradé de fond animé : bordeaux #5F0F40 -> #7a1a56 -> bordeaux */
  .hero-gradient-anim {
    background-image: linear-gradient(135deg, #5F0F40 0%, #7a1a56 50%, #5F0F40 100%);
    background-size: 200% 200%;
    animation: hero-shift 12s ease infinite;
  }
  @keyframes hero-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
  }

  /* Pulse léger des badges "Exclusivité web" */
  .hero-badge-pulse { animation: hero-pulse 2.5s ease-in-out infinite; }
  @keyframes hero-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
  }
}