/* Multi-item Carousel — plain 2D track showing several items at once, simple and dense. */

.multi-wrap { max-width: 780px; margin: 0 auto; }

.multi-viewport { overflow: hidden; }
.multi-track {
  display: flex; gap: 14px;
  transition: transform .45s cubic-bezier(.22,.9,.35,1);
}
.multi-item {
  flex: 0 0 calc((100% - 28px) / 3);
  aspect-ratio: 3/4; border-radius: 14px; overflow: hidden;
  box-shadow: 0 14px 34px rgba(0,0,0,.4);
}

.multi-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; }

@media (max-width: 640px) {
  .multi-item { flex: 0 0 calc((100% - 14px) / 2); }
}