.reviews-module {
	margin-bottom: 30px;
}

.reviews-list {
	column-gap: 2%;
	row-gap: 15px;
}

.review {
	border-radius: 4px;
	box-shadow: 0 0 0 1px var(--color-gray-4);
	box-sizing: border-box;
	color: var(--color-black);
	padding: 20px 20px 35px 20px;
	position: relative;
	width: 32%;
}

.review__head-left {
	width: 65px;
	height: 65px;
}

.review__head-right {
	overflow: hidden;
	margin-left: 20px;
}

.review__name {
	color: var(--color-black);
	font-size: 1rem;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.review-rating {
	margin-top: 8px;
}

.review-rating__num {
	color: var(--color-gray-1);
	font-size: 1rem;
	line-height: 1;
	margin-left: 8px;
}

.review-rating__stars {
	column-gap: 3px;
}

.review-rating .svg-ico {
	fill: #EAB736;
	height: 16px;
	width: 16px;
}

.review-rating__stars[data-rating="1"] .svg-ico:nth-child(1) ~ .svg-ico,
.review-rating__stars[data-rating="2"] .svg-ico:nth-child(2) ~ .svg-ico,
.review-rating__stars[data-rating="3"] .svg-ico:nth-child(3) ~ .svg-ico,
.review-rating__stars[data-rating="4"] .svg-ico:nth-child(4) ~ .svg-ico {
	fill: var(--color-gray-4);
}

.review__name-initial {
	background: var(--theme-color-2);
	border-radius: 50%;
	color: #FFF;
	font-size: 1.5rem;
	height: 65px;
	width: 65px;
}

.review__text {
	font-size: 1rem;
	margin-top: 15px;
	min-height: 5rem;
	line-height: 1.25rem;
	color: var(--color-gray-1);
}

.review.large:not(.active) .review__text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.review__read {
	bottom: 10px;
	color: var(--color-gray-1);
	font-size: .875rem;
	line-height: 1.125rem;
	opacity: .6;
	position: absolute;
	text-decoration: none;
	transition: .2s;
}

.review:not(.large) .review__read {
	display: none;
}

.review__read:hover {
	opacity: 1;
	text-decoration: underline;
}

.review__read::before {
	content: 'Читать целиком';
}

.review.active .review__read::before {
	content: 'Свернуть';
}

.review .update-link {
	right: 5px;
	top: 5px;
}

@media (max-width: 992px) {
	.reviews-list {
		column-gap: 2%;
	}

	.review {
		width: 49%;
	}
}

@media (max-width: 576px) {
	.review {
		width: 100%;
	}
}