/* === Lemon Carousel === */
.lemon-carousel-container {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.lemon-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  transition: transform 0.3s ease;
}
.lemon-carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}
.lemon-carousel-item img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* Horizontal alignment */
.lemon-align-left .lemon-carousel-track {
  justify-content: flex-start;
}
.lemon-align-center .lemon-carousel-track {
  justify-content: center;
}
.lemon-align-right .lemon-carousel-track {
  justify-content: flex-end;
}

/* Vertical alignment */
.lemon-vertical-top {
  align-items: flex-start;
}
.lemon-vertical-center {
  align-items: center;
}
.lemon-vertical-bottom {
  align-items: flex-end;
}

/* Image Border */
.lemon-image-has-border img {
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  border-radius: 4px;
}

/* Image Shadow */
.lemon-image-has-shadow img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.lemon-carousel-track.duplicated {
  will-change: transform;
}

.lemon-carousel-container {
  overflow: hidden;
  position: relative;
}

.lemon-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}