/* The outer carousel wrapper */
.embla {
  max-width: 90vw;
  margin: 0 auto;
}

/* The viewport */
.embla__viewport {
  overflow: hidden;
}

/* Container with slides side-by-side */
.embla__container {
  display: flex;
}

/* Each slide takes exactly 100% of the viewport */
.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
  padding: 0 1rem; /* optional spacing */
}

/* Prevent stretching of images */
.embla__slide img {
  width: 100%;
  height: auto;       /* Keeps natural aspect ratio */
  object-fit: contain; /* Prevents cropping */
  display: block;
}

/* Center the prev/next buttons */
.embla__controls {
  display: flex;
  justify-content: center;
  gap: 1rem;
}