/* ══════════════════════════════════════════════════════════════════════════
   ВИТРИНА ОТЗЫВОВ
   ══════════════════════════════════════════════════════════════════════════ */

#reviews-sec { display: none; }
#reviews-sec.on { display: block; }

.rv-head {
  display: flex; align-items: baseline; gap: 8px;
  margin: 0 2px 12px;
}
.rv-avg {
  font-size: 22px; font-weight: 800; letter-spacing: -.03em;
  color: var(--gold);
}
.rv-count { font-size: 12px; color: var(--t2); }

/* Лента вбок, а не список вниз. Отзывы читают по диагонали, и десять
   карточек в столбик просто отодвигают каталог за нижний край экрана. */
.rv-strip {
  display: flex; gap: 10px;
  overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 8px;
  margin: 0 -2px;
  scrollbar-width: none;
}
.rv-strip::-webkit-scrollbar { display: none; }

.rv-card {
  flex: 0 0 78%;
  scroll-snap-align: start;
  border-radius: var(--r-lg);
  background: linear-gradient(178deg, var(--surf-1) 0%, var(--surf-2) 100%);
  box-shadow: inset 0 1px 0 var(--rim), var(--sh-card);
  border: 1px solid var(--ln);
  padding: 13px 14px;
}
body.theme-light .rv-card {
  background: var(--bg-card);
  border-color: rgba(var(--tint), .05);
}

.rv-top { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.rv-name { font-size: 13px; font-weight: 700; color: var(--t1); }
.rv-stars { font-size: 12px; color: var(--gold); letter-spacing: .04em; }
.rv-when { margin-left: auto; font-size: 10.5px; color: var(--t3); }
.rv-text { font-size: 12.5px; line-height: 1.5; color: var(--t2); }