/* ============================================
   sticker-rail.css — Scrolling sticker column
   ============================================ */

.sticker-rail-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
}

.sticker-rail-track {
  display: flex;
  flex-direction: column;
  animation: sticker-rail-scroll 30s linear infinite;
}

.sticker-rail-wrap:hover .sticker-rail-track,
.sticker-rail-track.sticker-rail-paused {
  animation-play-state: paused;
}

@keyframes sticker-rail-scroll {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.sticker-rail-item {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.sticker-rail-item img {
  width: 100%;
  max-width: 180px;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Respect reduced motion — render static, no animation */
@media (prefers-reduced-motion: reduce) {
  .sticker-rail-track {
    animation: none;
  }
}