.plots-reviews {
}

.plots-reviews__empty-heading {
	color: #878889;
	font-size: clamp(1.125rem, 1.0234rem + 0.4335vw, 1.5rem);
	font-weight: 300;
}

.plots-reviews__list {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin-top: 1.5rem;
}

.user-review {
	padding: var(--fluid-16-20);
	border: 1px solid #e8e9eb;
	border-radius: 0.25rem;
}

.user-review_hidden {
	display: none;
}

.user-review__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.375rem;
}

@media (max-width: 40rem) {
	.user-review__header {
		align-items: unset;
		flex-direction: column;
	}
}

.user-review__user {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.user-review__user-image {
	padding: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	width: 2.125rem;
	background: #eef1f3;
	border-radius: 50%;
	color: #a9aeb2;
	font-size: 1rem;
	font-weight: 600;
	line-height: 0;
}

.user-review__user-name {
	color: #000;
	font-size: 1.125rem;
	font-weight: bold;
}

.user-review__data {
	display: flex;
	align-items: center;
	gap: clamp(1.5rem, 1.2968rem + 0.8671vw, 2.25rem);
}

@media (max-width: 40rem) {
	.user-review__data {
		justify-content: space-between;
	}

	.user-review__data span {
		display: none;
	}
}

.user-review__rating {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.user-review__rating-stars {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.user-review__rating-number {
	color: #000;
	font-size: 0.75rem;
	font-weight: bold;
	line-height: 1;
}

.user-review__date {
	color: #373737;
	font-size: 0.75rem;
}

.user-review__body {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	margin-top: 0.5rem;
	margin-left: calc(2.125rem + 0.75rem);
}

@media (max-width: 40rem) {
	.user-review__body {
		margin-left: 0;
	}
}

.user-review__comment-title {
	color: #878889;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
}

.user-review__comment-text {
	color: #000;
	font-size: 1rem;
	line-height: 1.4;
}

.plots-reviews__show-all-button {
	display: inline-block;
	margin-top: var(--fluid-16-20);
	padding-bottom: 0.25rem;
	border-bottom: 1px solid #e0cdb9;
	color: #878889;
	font-size: 0.8125rem;
	font-weight: 500;
	cursor: pointer;
}

@media (max-width: 40rem) {
	.plots-reviews__show-all-button {
		display: block;
		margin-inline: auto;
		width: fit-content;
	}
}

.plots-reviews__show-all-button_hidden {
	display: none;
}

.plots-reviews__form-place {
	margin-top: 30px;
	padding: 2.25rem;
	background: #f4f6f8;
}

@media (max-width: 40rem) {
	.plots-reviews__form-place {
		display: none;
	}
}

.review-form {
	display: flex;
	justify-content: space-between;
	gap: 6rem;
}

.review-form__left {
	display: flex;
	gap: 2.375rem;
	flex-shrink: 0;
}

@media (max-width: 64rem) {
	.review-form__left {
		display: none;
	}
}

.review-form__person {
	aspect-ratio: 213.82/368.27;
	width: 13rem;
}

@media (max-width: 80rem) {
	.review-form__person {
		display: none;
	}
}

.review-form__content {
	margin-top: 2.25rem;
	color: #000;
}

@media (max-width: 80rem) {
	.review-form__content {
		margin: 0;
	}
}

.review-form__heading {
	color: #000;
	font-size: var(--fluid-20-30);
	font-weight: bold;
	line-height: 1.3;
}

.review-form__text {
	margin-top: var(--fluid-16-18);
	font-size: 1rem;
	line-height: 1.4;
}

.review-form__right {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex-grow: 1;
}

.review-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media (max-width: 48rem) {
	.review-form__row {
		display: flex;
		flex-direction: column;
	}
}

.review-form__stars {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.review-form__star-input {
	display: none;
}

.review-form__ui-star {
	margin: 0;
	font-size: 0;
	cursor: pointer;
}

.review-form__stars-in-writing {
	display: none;
	margin-left: 0.375rem;
	color: #878889;
	font-size: 0.625rem;
	font-weight: 500;
}

.review-form__stars:has(input[value='1']:checked) [data-trigger-value='1'],
.review-form__stars:has(input[value='2']:checked) [data-trigger-value='2'],
.review-form__stars:has(input[value='3']:checked) [data-trigger-value='3'],
.review-form__stars:has(input[value='4']:checked) [data-trigger-value='4'],
.review-form__stars:has(input[value='5']:checked) [data-trigger-value='5'] {
	display: block;
}

@media (min-width: calc(40rem + 1px)) {
	.plots-reviews__btn-green {
		display: none;
	}
}

.plots-reviews__btn-green {
	margin-top: 1.25rem;
	width: 100%;
}