/* ========= Reviews — horizontal auto slider ========= */
.reviews,
.r-reviews{
  overflow-x:clip;
  max-width:100%;
}

.review-slider{
  position:relative;
  width:100%;
  max-width:100%;
  overflow:hidden;
  touch-action:pan-x pan-y;
}

.review-slider__viewport{
  overflow-x:auto;
  overflow-y:hidden;
  margin:0;
  padding:0;
  max-width:100%;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.review-slider__viewport::-webkit-scrollbar{display:none}

.review-slider__track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  grid-template-columns:none!important;
  overflow:visible;
  padding-bottom:4px;
}

.review-slider__track > .review,
.review-slider__track > .r-review{
  flex:0 0 calc((100% - 54px) / 4);
  scroll-snap-align:start;
  scroll-snap-stop:always;
  min-width:0;
  box-sizing:border-box;
}

.review-slider__dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:22px;
}

.review-slider__dot{
  width:8px;height:8px;padding:0;
  border:0;border-radius:999px;
  background:var(--border-2);
  cursor:pointer;
  transition:width .25s ease, background .25s ease;
}
.review-slider__dot.is-active{
  width:22px;
  background:var(--primary);
}

@media (max-width:960px){
  .review-slider__track{gap:14px!important}
  .review-slider__track > .review,
  .review-slider__track > .r-review{
    flex-basis:100%;
    scroll-snap-align:center;
  }
}