.reviews-wrap { display: grid; grid-template-columns: 1fr; gap: 12px; }

.rating { display: flex; flex-direction: column; gap: 18px; padding: 24px 20px; background: var(--bg); }
.rating .h2 { font-size: 44px; }
.rating__score { display: flex; align-items: center; gap: 16px; padding-top: 18px; border-top: 1px solid var(--border); }
.rating__value { font-family: var(--font-display); font-weight: 700; font-size: 72px; line-height: .85; }
.rating__stars svg { width: 20px; height: 20px; }
.rating__stars, .review__stars { display: flex; gap: 2px; color: var(--red-text); }
.rating__count { margin: 6px 0 0; font-size: 15px; color: var(--text-2); }
.rating__actions { display: flex; flex-direction: column; gap: 12px; align-items: center; }
.rating__write { display: inline-block; padding: 10.5px 0; margin: -10.5px 0; font-size: 15px; font-weight: 600; color: var(--text-2); text-decoration: underline; text-underline-offset: 3px; }
.rating__write:hover { color: var(--red-text); }
.rating__source { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-3); }

.reviews { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.review { display: flex; flex-direction: column; gap: 16px; padding: 24px 20px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); }
.review__text { margin: 0; flex: 1; font-size: 16px; line-height: 1.6; color: var(--text); }
.review__foot { display: flex; flex-direction: column; gap: 2px; padding-top: 14px; border-top: 1px solid var(--border); }
.review__name { font-weight: 600; }
.review__src { font-size: 13px; color: var(--text-3); }

@media (min-width: 1024px) {
  .reviews-wrap { grid-template-columns: repeat(12, minmax(0,1fr)); gap: 16px; }
  .rating { grid-column: span 4; padding: 32px; }
  .rating .h2 { font-size: 56px; }
  .rating__value { font-size: 96px; }
  .reviews { grid-column: 5 / span 8; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .review { padding: 28px 24px; }
  .review__text { font-size: 17px; }
}