/* ==========================================================================
   Customer reviews
   ========================================================================== */

.prou-reviews {
	background: var(--prou-paper);
}

.prou-reviews__grid {
	display: grid;
	gap: var(--prou-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {
	.prou-reviews__grid {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		gap: var(--prou-space-6);
	}
}

.prou-reviews__card {
	padding: var(--prou-space-8);
	border: 1px solid var(--prou-line);
}

.prou-reviews__card figure {
	display: flex;
	flex-direction: column;
	gap: var(--prou-space-4);
	height: 100%;
	margin: 0;
}

.prou-reviews__text {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: var(--prou-font-serif);
	font-size: var(--prou-text-xl);
	font-style: italic;
	line-height: 1.35;
}

.prou-reviews__text p { margin: 0; }

.prou-reviews__author {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: auto;
	font-size: var(--prou-text-sm);
}

.prou-reviews__verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--prou-success);
}

.prou-reviews__product { color: var(--prou-ink-muted); }

/* ==========================================================================
   WhatsApp reviews (real screenshots)
   ========================================================================== */

.prou-chats {
	background: var(--prou-cream, var(--prou-paper));
}

.prou-chats__badge {
	display: inline-flex;
	align-items: center;
	gap: var(--prou-space-2);
	margin: 0 0 var(--prou-space-8);
	padding: 6px 14px;
	border-radius: 999px;
	background: #e7f8ee;
	color: #167a43;
	font-size: var(--prou-text-sm);
	font-weight: 600;
}

.prou-chats__grid {
	display: flex;
	gap: var(--prou-space-4);
	margin: 0 calc(var(--prou-space-4) * -1);
	padding: 4px var(--prou-space-4) var(--prou-space-4);
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.prou-chats__grid::-webkit-scrollbar { display: none; }

.prou-chats__item {
	flex: 0 0 86%;
	scroll-snap-align: center;
}

.prou-chats__card {
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--prou-line);
	border-radius: var(--prou-radius-lg);
	background: var(--prou-surface);
	box-shadow: 0 10px 28px -16px rgba(20, 40, 25, 0.35);
}

.prou-chats__card img {
	display: block;
	width: 100%;
	height: auto;
}

.prou-chats__tag {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	background: var(--prou-night);
	color: #fff;
	font-size: var(--prou-text-sm);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.prou-chats__tag::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #25d366;
}

@media (min-width: 700px) {
	.prou-chats__grid {
		display: block;
		columns: 2;
		column-gap: var(--prou-space-6);
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.prou-chats__item {
		display: block;
		margin-bottom: var(--prou-space-6);
		break-inside: avoid;
	}
}

@media (min-width: 1040px) {
	.prou-chats__grid { columns: 3; }
}


/* ==========================================================================
   Reviews page
   ========================================================================== */

.prou-rv-hero {
	position: relative;
	margin-top: calc(-1 * (var(--prou-header-h) + var(--prou-header-gap)));
	padding-block: calc(var(--prou-header-h) + var(--prou-header-gap) + var(--prou-space-8)) var(--prou-space-12);
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(100% 80% at 85% 0%, rgba(31, 77, 58, 0.6), transparent 60%),
		var(--prou-night);
	color: #fff;
}

.prou-rv-hero__title {
	max-width: 16ch;
	margin: var(--prou-space-4) 0;
	font-size: var(--prou-text-4xl, clamp(2.4rem, 6vw, 4rem));
	color: #fff;
}

.prou-rv-hero__title em { color: var(--prou-lime); }

.prou-rv-hero__text {
	max-width: 52ch;
	margin: 0;
	color: rgba(255, 255, 255, 0.78);
}

.prou-rv-hero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: var(--prou-space-3);
	margin: var(--prou-space-8) 0 0;
	padding: 0;
	list-style: none;
}

.prou-rv-hero__stats li {
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	font-size: var(--prou-text-sm);
}

.prou-rv-end {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--prou-space-4);
	padding: var(--prou-space-8);
	border-radius: var(--prou-radius-lg);
	background: var(--prou-night);
	color: #fff;
}

.prou-rv-end h2 { margin: 0; color: #fff; }
.prou-rv-end p { margin: 0; color: rgba(255, 255, 255, 0.78); }
.prou-reviews-page .prou-chats { padding-top: var(--prou-space-12); }