/* Single-use animation keyframes for BoxDetailHero.tsx.
   Generated from styles/*-keyframes.ts per the tailwindcss writing guide. */
@keyframes box-product-float {
  0%,
  100% {
    transform: translateY(0) rotate(-0.4deg);
  }
  50% {
    transform: translateY(-0.35rem) rotate(0.4deg);
  }
}

@keyframes box-stage-enter {
  from {
    opacity: 0;
    transform: translateY(0.6rem);
  }
}