/* ==========================================================================
   Component: Review card
   1920: px 40 py 24, r 14, gap 20, аватар 60, 20 / 32 / 20px
   1440: px 40 py 24, r 14, gap 16, аватар 40, 16 / 20 / 16px
   1024 и 375: p 24, r 8, gap 12, аватар 32, 14 / 16 / 14px
   ========================================================================== */

.review-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 24px 40px;
	border-radius: 14px;
	text-align: center;
	background-color: var(--c-white);
}

.review-card__avatar {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.review-card__author {
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	white-space: pre-wrap;
	color: var(--c-black);
}

.review-card__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.review-card__text {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--c-black);
}

.review-card__product {
	font-size: 20px;
	line-height: 1.2;
	color: var(--c-text);
}

@media (max-width: 1919.98px) {
	.review-card {
		gap: 16px;
	}

	.review-card__avatar {
		width: 40px;
		height: 40px;
	}

	.review-card__author,
	.review-card__product {
		font-size: 16px;
	}

	.review-card__text {
		font-size: 20px;
	}
}

@media (max-width: 1439.98px) {
	.review-card {
		gap: 12px;
		padding: 24px;
		border-radius: 8px;
	}

	.review-card__avatar {
		width: 32px;
		height: 32px;
	}

	.review-card__author,
	.review-card__product {
		font-size: 14px;
	}

	.review-card__text {
		font-size: 16px;
	}
}