/* Hide native scrollbar on inventory grid scroll containers.
 * CSS transform stacking causes iOS overlay scrollbar to render behind
 * content layers. Scrolling still works via touch/swipe. */
[data-scroll-container] {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

[data-scroll-container]::-webkit-scrollbar {
  display: none; /* Chrome, Safari, iOS */
}

/* Shop cell entrance animation (titles + info cards) */
@keyframes shopCellEnter {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.shop-cell-enter {
  animation: shopCellEnter 300ms ease-out both;
}