/* Home page — ported from pimpmyacc-design/catalog.html. Shared parts live in base.css. */

/* Reviews */
.pma-reviews {
	background: var(--pma-soft);
	border-top: 1px solid var(--pma-line);
	padding: 40px 34px 46px;
}
.pma-ui .pma-reviews h2 { text-align: center; font-size: 24px; letter-spacing: -.5px; margin: 0 0 24px; }
.pma-reviews-grid {
	max-width: 1042px; margin: 0 auto;
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px;
}
.pma-review {
	display: flex; flex-direction: column;
	margin: 0; padding: 22px;
	background: var(--pma-bg);
	border: 1px solid var(--pma-line);
	border-radius: var(--pma-radius);
}
.pma-review-quote { color: var(--pma-purple); font-size: 22px; opacity: .5; }
.pma-ui .pma-review blockquote { margin: 10px 0 18px; padding: 0; border: 0; font-style: normal; flex: 1; }
.pma-review blockquote p { font-size: 14px; line-height: 1.65; color: var(--pma-ink); margin: 0; }
.pma-review figcaption { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--pma-muted); line-height: 1.4; }
.pma-review figcaption strong { display: block; font-size: 13px; font-weight: 500; color: var(--pma-ink); }
.pma-avatar {
	width: 36px; height: 36px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: var(--pma-purple); color: #fff;
	font-size: 12px; font-weight: 700; flex-shrink: 0;
}

@media (max-width: 780px) {
	.pma-reviews { padding: 34px 22px 38px; }
	.pma-reviews-grid { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 380px) {
	.pma-reviews { padding-left: 16px; padding-right: 16px; }
}