/*
 * makerzoid-brand / key-facts: чіпи атрибутів біля рейтингу товару.
 * Іконка — маска (SVG плагіна), колір — токен бренду; шлях задається змінною --mz-key-facts-icon.
 */

.mz-key-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 var(--mz-key-facts-gap, 16px);
	padding: 0;
	list-style: none;
}

.mz-key-facts__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid var(--mz-border);
	border-radius: var(--mz-radius-pill);
	background: var(--mz-surface);
	color: var(--mz-heading);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
}

.mz-key-facts__icon {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	background: var(--mz-brand-blue);
	-webkit-mask: var(--mz-key-facts-icon) center / contain no-repeat;
	mask: var(--mz-key-facts-icon) center / contain no-repeat;
}