/**
 * Benefit list: .mk-benefit-list (templates/components/benefit-list.php).
 * Items gap 10; icon 20 + 8 + body-medium text.
 */

.mk-benefit-list {
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--benefit-list--gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mk-benefit-list__item {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--custom--benefit-list--item-gap);
	font-family: var(--wp--custom--text--body-medium--font-family);
	font-size: var(--wp--custom--text--body-medium--font-size);
	font-weight: var(--wp--custom--text--body-medium--font-weight);
	line-height: var(--wp--custom--text--body-medium--line-height);
	letter-spacing: var(--wp--custom--text--body-medium--letter-spacing);
}

/* Two classes: beats WooCommerce's `.woocommerce img { height: auto }`. */
.mk-benefit-list .mk-benefit-list__icon {
	flex: none;
	inline-size: var(--wp--custom--benefit-list--icon-size);
	block-size: var(--wp--custom--benefit-list--icon-size);
	object-fit: contain;
}