/* Секция */
#reviews {
  padding: 80px 0;
  background-color: var(--light-text);
  position: relative;
  overflow: hidden;
}

/* Контейнер: прокручивается по горизонтали, добавлен правый паддинг для «кусочка» */
.reviews-carousel-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;

  /* Внешние поля контейнера */
  padding-left: 20px;
  padding-right: 40px; /* больше справа, чтобы кусочек следующей карточки всегда был виден */

  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox: скрыть полосу */
}

.reviews-carousel-container::-webkit-scrollbar { display: none; }

/* Лента — flex-ряд без собственного скролла */
.reviews-carousel {
  display: flex;
  gap: 25px;
  padding: 30px 0;
  overflow: visible;

  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;

  animation: fadeIn 0.6s ease;
}

.reviews-carousel.dragging { cursor: grabbing; }

/* Карточка — увеличенная. 3 целиком + кусочек следующей при широкой области */
.review-item {
  flex: 0 0 auto;
  width: 31%; /* 3 * 31% + 2 * 25px ≈ чуть меньше 100% с учётом max-width контейнера */
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-item:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0,0,0,0.16);
}

.review-item img {
  display: block;
  width: 100%;
  height: 280px; /* побольше высота для «больших фото» */
  object-fit: cover;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.review-item:hover img { transform: scale(1.05); }

/* Адаптивность: сохраняем идею «кусочка» */
@media (max-width: 1200px) {
  /* Чуть ужмём карточку, чтобы «кусочек» оставался при уменьшении ширины */
  .review-item { width: 32%; }
}

@media (max-width: 1024px) {
  /* 2 целых + кусочек третьей */
  .review-item { width: 47%; }
  .review-item img { height: 260px; }

  .reviews-carousel-container {
    padding-left: 16px;
    padding-right: 32px;
  }

  .reviews-carousel { gap: 22px; }
}

@media (max-width: 768px) {
  /* 1 целая + заметный кусочек следующей */
  .review-item { width: 78%; }
  .review-item img { height: 240px; }

  .reviews-carousel {
    gap: 18px;
    padding: 20px 0;
  }

  .reviews-carousel-container {
    padding-left: 14px;
    padding-right: 26px;
  }

  #reviews { padding: 60px 0; }
}

@media (max-width: 480px) {
  /* 1 крупная + небольшой кусочек следующей */
  .review-item { width: 85%; }
  .review-item img { height: 220px; }

  .reviews-carousel {
    gap: 16px;
    padding: 16px 0;
  }

  .reviews-carousel-container {
    padding-left: 12px;
    padding-right: 24px;
  }
}

/* Анимация появления */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}