/* Customer review cards and gold star ratings. */
.customer-reviews-page .page-header { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.customer-reviews-page .page-header h1 {
	max-width: none;
	font-size: clamp(2.6rem, 6vw, 4.75rem);
	line-height: 1.1;
	margin: 0 0 1.25rem;
}
.customer-reviews-page .page-header .home-hero__actions { margin-top: 1.5rem; }
.customer-reviews-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
	gap: clamp(1.25rem, 3vw, 2rem);
}
.customer-reviews-grid > .customer-review {
	grid-column: auto;
	min-width: 0;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border: 1px solid #75612c;
	border-top: 3px solid #e2c25b;
	border-radius: var(--hw24-radius-large, 1rem);
	background: #111;
}
.customer-reviews-grid > .customer-review:only-child {
	width: 100%;
	max-width: 48rem;
}
.customer-review__rating {
	display: flex;
	align-items: center;
	gap: .85rem;
	margin-bottom: 1.25rem;
	color: #e2c25b;
}
.customer-review__stars { display: inline-flex; gap: .3rem; }
.customer-review__star { display: block; width: 28px; height: 28px; flex: 0 0 28px; }
.customer-review__score { color: #f5f0e6; font-size: 1rem; font-weight: 700; }
.customer-reviews-grid .customer-review__quote {
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
	font-size: clamp(1.25rem, 2.5vw, 1.75rem);
	line-height: 1.5;
	color: #f5f0e6;
	overflow-wrap: anywhere;
}
.customer-review__quote p { margin: 0 0 .75em; }
.customer-review__quote p:last-child { margin-bottom: 0; }
.customer-review__customer { margin: 0; color: #e2c25b; font-weight: 700; }
.customer-review__occasion { margin: .5rem 0 0; color: #b8b0a3; font-size: .95rem; }
.customer-reviews-actions, .customer-reviews-pagination { margin-top: 2rem; }
.customer-reviews-intro { max-width: 46rem; color: #b8b0a3; font-size: 1.15rem; }
.customer-reviews-pagination { display: flex; gap: .75rem; flex-wrap: wrap; }
.customer-reviews-pagination .page-numbers { padding: .5rem .85rem; border: 1px solid #75612c; border-radius: .3rem; }
@media (max-width: 600px) {
	.customer-reviews-grid { grid-template-columns: minmax(0, 1fr); }
	.customer-reviews-actions { align-items: stretch; }
	.customer-reviews-actions .button { text-align: center; }
}