/* Carousel Container */
.carousel-container {
  position: relative;
  z-index: 1000;
}

.carousel-wrapper {
  position: relative;
  display: flex;
  gap: var(--space-sm);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;

  width: calc(100% + 2 * var(--margin-x));
  margin-left: calc(-1 * var(--margin-x));
  padding: 0 var(--margin-x);

  scroll-padding-left: var(--margin-x);
  /* Not required, but helps scroll snapping */
}

.carousel-wrapper::-webkit-scrollbar {
  display: none;
}


.cards-container {
  display: flex;
  gap: var(--space-sm);
  width: max-content;
}

/* Carousel navigation styles now inherited from styles.css */