@charset "UTF-8";
/* Страница «Отзывы». Шапка и вкладки: components/lists-head.css */

/* Форма «Написать отзыв» (скрыта до клика) */
.deya-rform { margin-top: 40px; background: var(--gray); border-radius: 32px; padding: 32px; max-width: 720px; }
.deya-rform__form { display: flex; flex-direction: column; gap: 12px; }
.deya-rform .deya-input { border: 0; border-radius: 18px; padding: 16px 20px; }
.deya-rform .deya-input:focus { box-shadow: 0 0 0 2px var(--teal); }
.deya-rform .deya-input.is-invalid { box-shadow: 0 0 0 2px #b00020; }
.deya-rform textarea.deya-input { min-height: 140px; }
.deya-rform__submit { align-self: flex-start; padding: 15px 28px; font-size: 15px; }
.deya-rform__submit:disabled { opacity: .6; cursor: default; }
.deya-rform .deya-sent { background: #fff; }

/* Карточки отзывов: колонки с переносом как в макете */
.deya-reviews { margin-top: 56px; columns: 340px; column-gap: 24px; }
.deya-review { margin: 0 0 24px; break-inside: avoid; background: #fff; border: 1px solid #E4E6EA; border-radius: 28px; padding: 30px; display: flex; flex-direction: column; gap: 20px; }
.deya-review__head { display: flex; align-items: center; gap: 14px; }
.deya-review__ava { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 50%; background: var(--dark); display: grid; place-items: center; font-family: var(--serif); font-size: 21px; line-height: 1; color: #fff; }
.deya-review:nth-child(4n + 2) .deya-review__ava { background: var(--teal); }
.deya-review:nth-child(4n + 3) .deya-review__ava { background: #3E6A78; }
.deya-review:nth-child(4n + 4) .deya-review__ava { background: #6B4E3D; }
.deya-review__author { font-weight: 700; font-size: 16px; overflow-wrap: anywhere; }
.deya-review__text { margin: 0; font-size: 16px; line-height: 1.65; color: #2B424A; overflow-wrap: anywhere; }
.deya-review__text p { margin: 0 0 1em; }
.deya-review__text > :last-child { margin-bottom: 0; }

@media (max-width: 900px) {
	.deya-reviews { margin-top: 40px; }
}
@media (max-width: 720px) {
	.deya-rform { margin-top: 32px; padding: 24px 20px; border-radius: 26px; }
	.deya-rform__submit { width: 100%; min-height: 48px; }
	.deya-reviews { columns: 1; margin-top: 32px; }
	.deya-review { padding: 24px 22px; border-radius: 24px; gap: 16px; }
}