/* =============================================================
   PIARNYA — Reviews Section
   Зависит от: variables.css, base.css
   ============================================================= */

/* ── СЕКЦИЯ ─────────────────────────────────────────────────── */
.reviews {
	background: var(--color-surface);
}

/* ── СЕТКА ───────────────────────────────────────────────────── */
.reviews__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--sp-5);
	list-style: none;
}

/* ── КАРТОЧКА ───────────────────────────────────────────────── */
.review-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--sp-5);
	padding: var(--sp-8);
	border-radius: var(--radius-xl);
	background: var(--color-bg);
	border: 1.5px solid var(--color-border);
	overflow: hidden;
	transition:
		box-shadow  var(--dur-base) var(--ease),
		border-color var(--dur-base) var(--ease);
}

.review-card:hover {
	border-color: transparent;
	background:
		linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
		var(--gradient-brand) border-box;
	border: 1.5px solid transparent;
	box-shadow: var(--shadow-lg);
}

/* ── ДЕКОРАТИВНАЯ КАВЫЧКА ───────────────────────────────────── */
.review-card__quote {
	position: absolute;
	top: var(--sp-4);
	right: var(--sp-6);
	font-family: var(--font-display);
	font-size: 96px;
	line-height: 1;
	background: var(--gradient-brand);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	opacity: .12;
	pointer-events: none;
	user-select: none;
}

/* ── ЗВЁЗДЫ ─────────────────────────────────────────────────── */
.review-card__stars {
	display: flex;
	gap: var(--sp-1);
}

/* ── ТЕКСТ ОТЗЫВА ───────────────────────────────────────────── */
.review-card__text {
	flex: 1;
	margin: 0;
	padding: 0;
	border: none;
}

.review-card__text p {
	font-size: var(--text-base);
	color: var(--color-text);
	line-height: var(--leading-normal);
	max-width: none;
}

/* ── АВТОР ──────────────────────────────────────────────────── */
.review-card__author {
	display: flex;
	align-items: center;
	gap: var(--sp-4);
	padding-top: var(--sp-5);
	border-top: 1px solid var(--color-border);
}

.review-card__avatar {
	width: 44px;
	height: 44px;
	border-radius: var(--radius-full);
	background: var(--gradient-brand);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-size: var(--text-sm);
	font-weight: 700;
	color: #fff;
	flex-shrink: 0;
}

.review-card__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.review-card__name {
	font-style: normal;
	font-size: var(--text-sm);
	font-weight: 700;
	color: var(--color-text);
}

.review-card__company {
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

/* ── АДАПТИВ ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.reviews__grid {
		grid-template-columns: 1fr;
		gap: var(--sp-4);
	}
}