/* Блок 7 «Отзывы»: шапка со ссылкой, шесть карточек «Отзыв». Кадры «Блок · Отзывы» 1920 / 768 / 390. */
.otzyvy { position: relative; isolation: isolate; overflow: hidden; background: var(--c-bg-linen); }
.otzyvy__in { display: flex; flex-direction: column; gap: 24px; padding-block: 48px; }

/* «Декор · горы ели» 30 %: гравюра вписана (FIT) в рамку во всю ширину блока */
.otzyvy__decor { position: absolute; z-index: -1; left: 0; right: 0; top: 270px; height: 223px; opacity: .2; pointer-events: none; }
.otzyvy__decor img { width: 100%; height: 100%; object-fit: contain; }

.otzyvy__head { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
/* две ссылки: 390 и 768 — столбиком, промежуток 8; 1920 — в ряд, промежуток 32 */
.otzyvy__links { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.otzyvy__titles { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

/* «Отзыв», вид «Лента»: на телефоне карточки 290 листаются вбок в рамке 350 */
.otzyvy__strip { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.otzyvy__strip::-webkit-scrollbar { display: none; }
.otzyvy__cards { display: flex; gap: 12px; }
.otz { position: relative; display: flex; flex-direction: column; gap: 12px; flex: 0 0 290px; padding: 12px; border-radius: var(--r-l); background: var(--c-bg-milk); scroll-snap-align: start; }
.otz__photo { display: block; flex: none; height: 150px; border-radius: var(--r-m); overflow: hidden; }
.otz__photo img { width: 100%; height: 100%; object-fit: cover; }
.otz__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 12px; margin: 0; padding: 8px 16px 16px; }
/* лента 390 (19.10): карточки одной высоты внутри ленты, «имя + звёзды» прижаты к низу карточки; в кадре имя (145) и звёзды (88) стоят в одной строке колонки 234 */
.otz__foot { margin-top: auto; }
@media (max-width: 767px) { .otzyvy__strip .otz__foot { flex-wrap: nowrap; column-gap: 0; } .otzyvy__strip .otz__name { white-space: nowrap; } .otzyvy__strip .otz__quote p { min-height: 88px; } } /* слот «Цитата» компонента на 390 — фиксированные 234×88 (4 строки) */ /* «Екатерина Орлова» 145 + звёзды 88 = 233 из 234: промежуток 0, как в кадре */
.otz--ph-d .otz__photo { display: none; } /* фото отзыва — только с 768 (Скандинавия, Denis Bodrov: в кадре 390 карточка без фото) */
@media (min-width: 768px) { .otz--ph-d .otz__photo { display: block; } }
.otz__quote { margin: 0; font: 400 15px/22px var(--f-sans); color: var(--c-text); }
.otz__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
.otz__name { font: 600 16px/20px var(--f-sans); color: var(--c-text); }
.stars { display: inline-flex; gap: 2px; flex: none; }
.star { width: 16px; height: 16px; fill: var(--c-star); }

@media (min-width: 768px) {
  .otzyvy__in { gap: 32px; padding-block: 64px; }
  .otzyvy__decor { top: auto; bottom: 0; height: 351px; }
  .otzyvy__head { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 24px; }
  /* вид «Планшет»: строки во всю ширину, фото 239×130 слева */
  .otzyvy__strip { overflow: visible; }
  .otzyvy__cards { flex-direction: column; gap: 16px; }
  .otz { flex: none; flex-direction: row; align-items: stretch; }
  /* фото тянется на высоту карточки, не ниже 130 (768) / 174 (1920): без фиксированной высоты, длинная цитата растит карточку */
  .otz__photo { position: relative; width: 239px; height: auto; min-height: 130px; }
  .otz__photo img { position: absolute; inset: 0; }
  .otz__body { flex: 1; min-width: 0; align-self: stretch; justify-content: space-between; padding: 16px; }
}
@media (min-width: 1200px) {
  .otzyvy__in { gap: 40px; padding-block: 96px; }
  .otzyvy__decor { top: -22px; bottom: auto; height: 878px; }
  .otzyvy__links { flex-direction: row; align-items: center; gap: 32px; }
  /* вид «Обычный»: два ряда по три, фото 139×174, текст 235 */
  .otzyvy__cards { flex-direction: row; flex-wrap: wrap; gap: 24px; }
  .otz { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; }
  .otz__photo { width: 139px; min-height: 174px; }
  .otz__body { flex: 0 1 235px; }
}
/* 1200–1365: колонка текста уже 210 — звёзды у всех под именем, а не через раз */
@media (min-width: 1200px) and (max-width: 1365px) {
  .otz__foot { flex-direction: column; align-items: flex-start; }
}