/* ============================================================
 * CRC — Valorile atributelor produsului (listă cu dungi)
 * Design aliniat cu mega-menu / filtru-categorii.
 * ========================================================== */

.crc-ap {
	--ap-ink:      #2b2b30;
	--ap-surface:  #f5f5f7;
	--ap-font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ap-font-ui: "Work Sans", "Montserrat", system-ui, sans-serif;

	font-family: var(--ap-font-ui);
	color: var(--ap-ink);
	max-width: 100%;
}

.crc-ap-title {
	font-family: var(--ap-font-display);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 12px;
	color: var(--ap-ink);
}

.crc-ap-list {
	margin: 0;
	padding: 0;
}

.crc-ap-row {
	display: grid;
	grid-template-columns: minmax(160px, 38%) 1fr;
	align-items: baseline;
	gap: 20px;
	margin: 0;
	padding: 16px 24px;
	border-radius: 12px;
}
/* Dungi: rândurile pare capătă fundal gri rotunjit. */
.crc-ap-row:nth-child(even) {
	background: var(--ap-surface);
}

.crc-ap-name {
	margin: 0;
	font-family: var(--ap-font-display);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4;
	color: var(--ap-ink);
}

.crc-ap-value {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--ap-ink);
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.crc-ap-row {
		grid-template-columns: 1fr;
		gap: 4px;
		padding: 14px 18px;
	}
	.crc-ap-name,
	.crc-ap-value { font-size: 15px; }
}