/* GLOBAL ANIMATION BASE */
* {
  transition: all 0.3s ease;
}

/* FADE IN ON LOAD */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1s forwards;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* HOVER EFFECTS */
.card:hover {
  transform: translateY(-8px);
}

.product-card:hover {
  transform: scale(1.05);
}

/* BUTTON ANIMATION */
.btn-primary:hover {
  transform: scale(1.05);
}

#particles {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #f8fafc;
  overflow: hidden;
}

.particle {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #F97316;
  border-radius: 50%;
  opacity: 0.4;
  animation: float 10s infinite linear;
}

@keyframes float {
  from {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(-10vh);
  }
}

@keyframes floatGlow {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(30px); }
}