/* animations.css - Small, reusable UI animations */

/* Subtle bump animation for cart icon when item is added */
.cart-bump{
  animation: cart-bump-keyframes 320ms ease-out;
}

@keyframes cart-bump-keyframes{
  0%{ transform: scale(1); }
  40%{ transform: scale(1.15); }
  70%{ transform: scale(0.98); }
  100%{ transform: scale(1); }
}

/* Drawer pulse when opening */
.drawer-open-pulse{ animation: drawer-pulse 280ms ease-out; }
@keyframes drawer-pulse{
  from{ transform: translateX(100%); }
  to{ transform: translateX(0); }
}