/* === 9. REVIEWS — отзывы ===
   Сетка из 6 карточек 5/5. Клик → модалка с фото кухни клиента + текст. */

.reviews__grid {
  margin-top: var(--space-6);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
}

.review {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  text-align: left;
  padding: var(--space-4);
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: border-color var(--t-hover) var(--ease);
}
.review:hover { border-color: var(--accent); }

.review__rating {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--mono); font-size: var(--h4); letter-spacing: 0.05em;
  color: var(--accent);
}
.review__stars { font-size: 1.15em; letter-spacing: 3px; }
.review__text { flex: 1; color: var(--ink); font-size: var(--body); line-height: 1.5; }
.review__author { color: var(--ink-muted); font-size: var(--body-s); }
.review__more {
  margin-top: var(--space-1);
  font-family: var(--mono); font-size: var(--caption); letter-spacing: 0.08em;
  color: var(--ink-dim);
  transition: color var(--t-hover) var(--ease);
}
.review:hover .review__more { color: var(--accent); }

@media (max-width: 1024px) { .reviews__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  {
  .reviews__grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-2); margin-top: var(--space-4); }
  .review { padding: var(--space-3); gap: 8px; }
  .review__rating { font-size: var(--body); gap: 6px; }
  .review__text { font-size: var(--body-s); line-height: 1.45; }
  .review__author { font-size: var(--caption); }
  .review__more { font-size: 10px; }
}