/* === ЭТАП 2 ===
   Стили для page-10387.php («Отзывы»)
   Переиспользует токены/базовые классы из page-flexible-content.css
*/

/* ---------- HERO ДЕКОР (иконки вразброс) ---------- */
.stl2-reviews-hero__decor {
	position: absolute; left: calc(50% + 130px); top: 0; bottom: 0; right: 0;
	z-index: 1; pointer-events: none; overflow: hidden;
}
.stl2-reviews-hero__decor i { position: absolute; }
.stl2-reviews-hero__decor .fa-thumbs-up { left: 40px; top: 35px; font-size: 52px; color: rgba(255,255,255,.08); transform: rotate(-12deg); }
.stl2-reviews-hero__decor .fa-handshake { left: 200px; top: 90px; font-size: 64px; color: rgba(243,68,35,.16); transform: rotate(6deg); }
.stl2-reviews-hero__decor .stl2-rv-decor-star1 { left: 340px; top: 30px; font-size: 38px; color: rgba(255,255,255,.07); transform: rotate(15deg); }
.stl2-reviews-hero__decor .fa-comment-dots { left: 420px; top: 140px; font-size: 58px; color: rgba(255,255,255,.06); transform: rotate(-8deg); }
.stl2-reviews-hero__decor .stl2-rv-decor-star2 { left: 120px; top: 190px; font-size: 26px; color: rgba(243,68,35,.12); transform: rotate(-20deg); }

/* ---------- ПЛОЩАДКИ (Оставить отзыв) ---------- */
.stl2-platforms-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.stl2-platform-card {
	background: #fff; border: 1px solid var(--stl2-border); border-radius: 14px; padding: 24px;
	display: flex; flex-direction: column; align-items: center; gap: 16px;
}
.stl2-platform-card__logo { height: 64px; display: flex; align-items: center; justify-content: center; }
.stl2-platform-card__logo img { max-height: 100%; max-width: 100%; object-fit: contain; }
.stl2-platform-card__logo span { font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 700; color: var(--stl2-dark); }
.stl2-platform-card__link { font-size: 13px; font-weight: 700; color: var(--stl2-brand); text-decoration: underline; font-family: Montserrat, sans-serif; }

/* ---------- БЛАГОДАРСТВЕННЫЕ ПИСЬМА ---------- */
.stl2-letters-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.stl2-letter-card { text-align: center; text-decoration: none; display: block; }
.stl2-letter-card__img { height: 220px; border-radius: 10px; overflow: hidden; margin-bottom: 12px; border: 1px solid var(--stl2-border); background: var(--stl2-gray-bg); }
.stl2-letter-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.stl2-letter-card span { font-size: 14px; font-weight: 600; color: #444; font-family: Montserrat, sans-serif; }

/* ---------- ОТЗЫВЫ (СЛАЙДЕР) ---------- */
.stl2-reviews-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; gap: 16px; flex-wrap: wrap; }
.stl2-reviews-nav { display: flex; gap: 10px; }
.stl2-reviews-nav__btn {
	width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--stl2-border); background: #fff;
	color: #444; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.stl2-reviews-nav__btn:hover { background: var(--stl2-gray-bg); }

.stl2-reviews-viewport { overflow: hidden; }
.stl2-reviews-slider { display: flex; transition: transform .4s ease; }
.stl2-review-slide { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; min-width: 100%; box-sizing: border-box; }
.stl2-review-card {
	background: #fff; border: 1px solid var(--stl2-border); border-radius: 14px; padding: 24px;
	display: flex; gap: 16px; align-items: flex-start; box-sizing: border-box;
}
.stl2-review-card__avatar {
	width: 56px; height: 56px; border-radius: 50%; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 20px; font-weight: 800; color: #fff; font-family: Montserrat, sans-serif;
}
.stl2-review-card__text { font-size: 14px; color: #444; line-height: 1.6; font-family: Montserrat, sans-serif; margin-bottom: 10px; }
.stl2-review-card__name { font-size: 14px; font-weight: 700; color: var(--stl2-brand); font-family: Montserrat, sans-serif; }

.stl2-reviews-dots { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.stl2-reviews-dot {
	width: 9px; height: 9px; border-radius: 50%; background: var(--stl2-border); border: none;
	cursor: pointer; padding: 0; transition: background .2s, transform .2s;
}
.stl2-reviews-dot.active { background: var(--stl2-brand); transform: scale(1.3); }

/* ---------- АДАПТИВНОСТЬ ---------- */
@media (max-width: 900px) {
	.stl2-platforms-grid { grid-template-columns: repeat(2, 1fr); }
	.stl2-letters-grid { grid-template-columns: repeat(2, 1fr); }
	.stl2-review-slide { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.stl2-platforms-grid { grid-template-columns: 1fr; }
	.stl2-letters-grid { grid-template-columns: 1fr; }
}