/**
 * Block: Reviews Grid (prefix crg_)
 * Same card design as reviews block; 4 cards in a row, Slick slider on mobile.
 */

.crg_block {
	max-width: 1672px;
	margin: 0 auto;
	box-sizing: border-box;
    position: relative;
    z-index: 5;
}

.crg_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.crg_card {
	background: var(--color-background);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	box-sizing: border-box;
	box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.05);
}

.crg_card_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.crg_google_logo {
	display: block;
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.crg_stars {
	display: flex;
	align-items: center;
	gap: 4px;
}

.crg_star {
	display: block;
	width: 12px;
	height: 12px;
	object-fit: contain;
}

.crg_review_content {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.crg_review_text {
	margin: 0;
	color: var(--color-text);
}

.crg_review_author {
	margin: 0;
	color: var(--color-text);
	font-weight: 600;
}

/* Mobile: slider (Slick) */
@media (max-width: 1024px) {
    .crg_grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
	.crg_grid {
		display: block;
	}

	.crg_grid.slick-initialized .slick-list {
		overflow: hidden;
	}
	.crg_grid.slick-initialized .slick-track {
		display: flex;
        padding-bottom: 26px;
	}
	.crg_grid.slick-initialized .crg_card {
		height: auto;
        margin-left: 16px;
        gap: 12px;
        display: flex;
        flex-direction: column;
	}
    .crg_block{
        margin: 0 -16px;
        padding-right: 16px;
    }
}