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

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,168,107,.45); }
  70% { box-shadow: 0 0 0 18px rgba(0,168,107,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,168,107,0); }
}

.play { animation: pulse 2.2s infinite; }
.product-card, .feature-card, .recipe-card, .stat { transition: transform .22s ease, box-shadow .22s ease; }
.product-card:hover, .feature-card:hover, .recipe-card:hover, .stat:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
}