.reviews__container {
	display: grid;
	gap: 2em 4em;
	grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
}

.review { }

	.review__date {
		color: var(--gray);
	}

	.review__info {
		display: flex;
		align-items: baseline;
		gap: 0.25em 0.5em;
		flex-wrap: wrap;
	}
		.review__user {
			font-weight: 600;
		}
		.review__rate {
			translate: 0 -1px;
			font-size: 0.9em;
		}
		.review__product {
			margin-bottom: 0.5rem;
			color: var(--primary);
			display: block;
			font-size: 14px;
			flex-basis: 100%;
		}

	.review__content {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 2em;
	}
		.review__image-container {
			/* flex-basis: 30%; */
			display: flex;
			justify-content: flex-end;
			width: min-content;
			min-width: fit-content;
			height: fit-content;
		}
			.review__image {
				width: 100%;
				height: auto;
				cursor: zoom-in;
				max-width: 100px;
				max-height: 200px;
				border-radius: 5px;
				outline: 1px solid var(--gray-lightest);
				border-radius: 0.2rem;
			}
				.review__image--full {
					max-width: 90vw;
					max-height: 80vh;
					height: auto;
					width: auto;
				}
				.review__image--placeholder {
					border-radius: 0.8rem;
					margin-bottom: 1rem;
				}
			.review__image-preloader {
				display: flex;
				flex-direction: column;
				align-items: center;
			}

		.review__text {
			flex-grow: 1;
			text-wrap: pretty;
		}
			.review__text p:first-child {
				margin-top: 0;
			}


	.review--sm {
		position: relative;
	}

		.review--sm .user__name {
			font-size: 1.1rem;
		}

		.review--sm .review__side {
			padding-top: 0.5rem;
			flex-direction: row;
			justify-content: space-between;
		}

		.review--sm .review__content {
			flex-direction: column;
			gap: 0.5em;
		}


@media screen and (max-width: 992px) {
	.review__content {
		flex-direction: column;
		gap: 0.5em;
	}
	.reviews__container {
    	grid-template-columns: 1fr;
	}
}