/* ============================================================
   components/carousel.css
   Simple horizontal carousel shell
   ============================================================ */

.plx-carousel {
  position: relative;
  overflow: hidden;
}

.plx-carousel-track {
  display: flex;
  gap: var(--plx-space-4);
  scroll-behavior: smooth;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox override */
}

.plx-carousel-track::-webkit-scrollbar {
  display: none; /* Chrome/Safari override */
}

.plx-carousel-item {
  min-width: 260px;
  flex: 0 0 auto;
}

.plx-carousel-controls {
  display: flex;
  justify-content: flex-end;
  gap: var(--plx-space-2);
  margin-top: var(--plx-space-3);
}