/* Отзывы заказчиков: карточка в кейсе и страница /otzyvy/.
   Токены цвета — из vitrina.css, отдельным файлом, чтобы не менять версию общего стиля. */
.review { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px 20px; max-width: 46em; }
@media (min-width: 768px) { .review { padding: 32px 36px; } }
.review + .review { margin-top: 22px; }
.review-pull { font-size: clamp(1.15rem, 2.6vw, 1.4rem); line-height: 1.35; font-weight: 700; color: var(--ink); margin: 0 0 20px; }
.review blockquote { margin: 0; padding-left: 18px; border-left: 3px solid var(--accent-line); }
.review blockquote p { margin: 0 0 12px; }
.review blockquote p:last-child { margin-bottom: 0; }
.review-who { display: flex; gap: 14px; align-items: center; margin: 0 0 20px; }
.review-who picture { flex: none; display: block; line-height: 0; }
.review-who img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: none; background: var(--surface-2); }
.review-who b { display: block; color: var(--ink); font-size: 1.02rem; }
.review-who span { display: block; color: var(--muted); font-size: 14px; }
.review-who a { color: var(--accent-text); }
.review-meta { margin: 14px 0 0; font-size: 14px; color: var(--muted); }