/* ===== CAROUSEL (reviews only) ===== */
.carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel__track {
  display: flex;
  transition: transform 0.5s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.carousel__slide {
  min-width: 100%;
  box-sizing: border-box;
}
.carousel__nav {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.carousel__dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #ccc; border: none; cursor: pointer;
  transition: background .2s;
}
.carousel__dot.active { background: #c9a84c; }

/* Desktop: reviews show 3 cards side by side */
@media (min-width: 769px) {
  .reviews-carousel .carousel__track {
    flex-wrap: nowrap;
  }
  .reviews-carousel .review-card {
    min-width: 33.3333%;
    max-width: 33.3333%;
    box-sizing: border-box;
  }
  .carousel__dot { display: none; }
}

/* Mobile: one card at a time */
@media (max-width: 768px) {
  .reviews-carousel .review-card {
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .carousel__track { gap: 0; }
}
