/* Минималистичный CSS. Легко редактировать. Показываем ровно 3 карточки на десктопе. */
:root {
  --reviews-gap: 16px;
  --reviews-radius: 12px;
  --reviews-shadow: 0 5px 15px rgba(0,0,0,.2);
  --reviews-star-color: #FFC107; /* жёлтый */
  --reviews-card-bg: #fff;
  --reviews-text: #222;
}

.rvw { position: relative; max-width: 1200px; margin: 0 auto; color: var(--reviews-text); overflow: hidden; }
.rvw__track {
  display: flex;
  gap: var(--reviews-gap);
  transition: transform .35s ease;
  will-change: transform;
  padding: 2px 2px; /* небольшой внутренний отступ, чтобы тень не обрезалась */
}
.rvw__card {
  background: var(--reviews-card-bg);
  border-radius: var(--reviews-radius);
  box-shadow: var(--reviews-shadow);
  padding: 16px;
  flex: 0 0 calc((100% - var(--reviews-gap) * 2) / 3); /* 3 в ряд, учитываем gap */
}
/* Планшет: 2 в ряд */
@media (max-width: 1023px) {
  .rvw__card { flex-basis: calc((100% - var(--reviews-gap)) / 2); }
}
/* Мобильный: 1 в ряд */
@media (max-width: 767px) {
  .rvw__card { flex-basis: 100%; }
}

.rvw__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.rvw__author { margin: 0; font-size: 16px; }
.rvw__author a { color: inherit; text-decoration: none; border-bottom: 1px dashed currentColor; }
.rvw__author a:hover { opacity: .85; }

.rvw__stars { display: inline-flex; align-items: center; gap: 6px; color: var(--reviews-star-color); }
.rvw__star { width: 18px; height: 18px; display: inline-block; }
.rvw__star--empty { opacity: .3; font-size: 18px; line-height: 1; }
.rvw__rating-text { font-size: 14px; color: #555; }

.rvw__date { display: block; font-size: 13px; color: #666; margin-bottom: 8px; }
.rvw__text { font-size: 14px; line-height: 1.5; }

.rvw__nav { display: flex; gap: 8px; justify-content: center; margin-top: 25px; }
.rvw__btn { background: transparent; color: #d9a95b; font-size: 14pt; border: 1px solid #d9a95b; border-radius: 10px; padding: 10px 15px; cursor: pointer; }
.rvw__btn:hover { background: #d9a95b; color: #1d1d1d; }
.rvw__btn:focus { outline: none; }