/* ========================================
   انیمیشن‌ها و افکت‌های بصری
   ======================================== */

/* گلبرگ‌های شناور */
.petal {
  position: fixed;
  opacity: 0;
  animation: fall linear infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes fall {
  0% {
    transform: translateY(-20px) rotate(0deg);
    opacity: 0.8;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
  }
}

/* انیمیشن ورود از بالا */
@keyframes slideDown {
  from {
    transform: translateY(-40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* انیمیشن محو شدن */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* انیمیشن ورود بخش */
@keyframes sectionIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}