.reviews-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 40px;
}

.reviews-list__item {
	display: grid;
	gap: 20px;
	background: var(--color-light-blue);
	padding: 30px;
	max-height: 350px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.reviews-list__item::after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 30%;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, var(--color-light-blue), transparent);
}

.reviews-list__item_visible {
	max-height: 100%;
}

.reviews-list__item_visible::after {
	display: none;
}

.reviews-list__item_visible .reviews-list__show-btn {
	display: none;
}

.reviews-list__head {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 10px;
}

.reviews-list__info {
	align-self: center;
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-template-rows: repeat(2, max-content);
	column-gap: 10px;
	row-gap: 5px;
}

.reviews-item__img-container {
	width: 40px;
	height: 40px;
	background: var(--color-white);
	border-radius: 50%;
	padding: 10px;
}

.reviews-item__date {
	text-align: right;
}

.reviews-item__author {
	font-weight: 600;
}

.reviews-list__link-container {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.reviews-item__body {
	display: grid;
	gap: 10px;
}

.reviews-item__name {
	text-decoration: none;
	font-weight: 600;
	margin-bottom: 10px;
}

.reviews-item__product {
	font-size: 13px;
}

.reviews-item__product_accent {
	font-weight: 600;
}


/* rating */
.rating {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	gap: 5px;
}

.rating__inner {
	position: relative;
	width: 80px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='14' viewBox='0 0 80 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1733_59051)'%3E%3Cpath d='M6.72895 11.2516L11.3495 14L10.1233 8.82L14.2056 5.33474L8.82989 4.88526L6.72895 0L4.62802 4.88526L-0.747681 5.33474L3.33456 8.82L2.10839 14L6.72895 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M23.1776 11.2516L27.7981 14L26.572 8.82L30.6542 5.33474L25.2785 4.88526L23.1776 0L21.0766 4.88526L15.7009 5.33474L19.7832 8.82L18.557 14L23.1776 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M39.6262 11.2516L44.2467 14L43.0206 8.82L47.1028 5.33474L41.7271 4.88526L39.6262 0L37.5252 4.88526L32.1495 5.33474L36.2318 8.82L35.0056 14L39.6262 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M56.0748 11.2516L60.6953 14L59.4692 8.82L63.5514 5.33474L58.1757 4.88526L56.0748 0L53.9738 4.88526L48.5981 5.33474L52.6804 8.82L51.4542 14L56.0748 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M72.5234 11.2516L77.1439 14L75.9178 8.82L80 5.33474L74.6243 4.88526L72.5234 0L70.4225 4.88526L65.0468 5.33474L69.129 8.82L67.9028 14L72.5234 11.2516Z' fill='%23FDCA04'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1733_59051'%3E%3Crect width='80' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.rating__overlay {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	backdrop-filter: grayscale(100%);
	-webkit-backdrop-filter: grayscale(100%);
}

.rating__overlay_value_0 {
	width: 100%;
}

.rating__overlay_value_1 {
	width: 80%;
}

.rating__overlay_value_1_5 {
	width: 70%;
}

.rating__overlay_value_2 {
	width: 60%;
}

.rating__overlay_value_2_5 {
	width: 50%;
}

.rating__overlay_value_3 {
	width: 40%;
}

.rating__overlay_value_3_5 {
	width: 30%;
}

.rating__overlay_value_4 {
	width: 20%;
}

.rating__overlay_value_4_5 {
	width: 10%;
}

.rating__overlay_value_5 {
	width: 0;
}

.rating__count {
	line-height: 14px;
}


.blockquote {
	position: relative;
	padding: 20px;
	margin: 0;
	background: white;
	border-radius: 10px;
}

.reviews-list__files {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.reviews-list__files-video {
	display: block;
	width: 100%;
}

.reviews-list__show-btn {
	z-index: 2;
	position: absolute !important;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.blockquote {
	font-size: inherit;
}

@media (max-width: 999px) {
	.reviews-list__item {
		padding: 20px;
	}

	.reviews-list__files {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.reviews-list__files {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 479px) {
	.reviews-list__files {
		grid-template-columns: 1fr;
	}

	.reviews-list__item {
		min-height: 450px;
	}
}


@media (max-width: 360px) {
	.reviews-list__info {
		grid-template-columns: 1fr;
	}

	.reviews-item__date {
		text-align: left;
	}
}