/* PhotoCNX — public reviews display (Etsy-style) */
.pcnx-reviews {
	--brand-ink: #854F0B;
	--star: #E8952B;
	--line: #e6e2d8;
	--muted: #8a877f;
	max-width: 640px;
	margin: 0 auto;
	font-family: -apple-system, "Segoe UI", Roboto, "Sarabun", sans-serif;
	color: #2c2c2a;
}

.pcnx-rv-summary {
	display: flex;
	gap: 20px;
	align-items: center;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--line);
	margin-bottom: 6px;
}
.pcnx-rv-avg { text-align: center; flex-shrink: 0; }
.pcnx-rv-avg .num { font-size: 40px; font-weight: 600; line-height: 1; }
.pcnx-rv-avg .stars { color: var(--star); font-size: 16px; letter-spacing: 1px; margin-top: 2px; }
.pcnx-rv-avg .cnt { font-size: 12px; color: var(--muted); margin-top: 3px; }

.pcnx-rv-dist { flex: 1; }
.pcnx-rv-dist .row { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.pcnx-rv-dist .row > span { width: 22px; }
.pcnx-rv-dist .bar { flex: 1; height: 7px; background: #eee; border-radius: 4px; overflow: hidden; }
.pcnx-rv-dist .bar > div { height: 7px; background: var(--star); }

.pcnx-rv-list { margin-top: 8px; }
.pcnx-rv-card { padding: 16px 0; border-bottom: 1px solid var(--line); }
.pcnx-rv-card:last-child { border-bottom: none; }
.pcnx-rv-card .head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.pcnx-rv-card .ava {
	width: 36px; height: 36px; border-radius: 50%;
	background: #FAEEDA; color: var(--brand-ink);
	display: flex; align-items: center; justify-content: center;
	font-size: 15px; font-weight: 500; flex-shrink: 0;
}
.pcnx-rv-card .nm { font-size: 14px; font-weight: 500; }
.pcnx-rv-card .stars { font-size: 13px; letter-spacing: 1px; margin-top: 1px; }
.pcnx-rv-card .stars .f { color: var(--star); }
.pcnx-rv-card .stars .e { color: #dcd7cc; }
.pcnx-rv-card .dt { margin-left: auto; font-size: 11px; color: var(--muted); white-space: nowrap; }
.pcnx-rv-card .txt { font-size: 14px; color: #4a4842; line-height: 1.7; }

.pcnx-rv-summary .stars .f { color: var(--star); }
.pcnx-rv-summary .stars .e { color: #dcd7cc; }

.pcnx-rv-empty { text-align: center; color: var(--muted); padding: 30px 0; }