/* Reviews grid — /recenze/, Figma 356:3220 */

/* Figma insets the grid 50px from the band, not the section's usual 60/100. */
.reviews-grid { padding-block: 50px; }

.reviews-grid__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 25px;
}

/*
 * Grid card vs. the slider's: hairline on all four sides (the slider drops the
 * left edge so cards butt together), a fixed 450px so rows line up whatever the
 * review length, and the copy clamped rather than scrolled.
 */
.review-card--grid {
	width: auto;
	flex: initial;
	min-height: 450px;
	border-left: 1px solid var(--color-neutral-4);
	border-radius: var(--radius-lg);
	scroll-snap-align: none;
}

.review-card--grid .review-card__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
	line-clamp: 12;
	overflow: hidden;
}

@media (min-width: 768px) {
	.reviews-grid__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
	.reviews-grid__grid { grid-template-columns: repeat(3, 1fr); }
}