/*
 * Canvas 69 design-token enforcement.
 *
 * Elementor's Theme Style panel only exposes a *global* border-radius control
 * for Buttons and Form Fields (set separately in Elementor → Site Settings →
 * Theme Style). Everything else — containers, cards, images, modals — has no
 * sitewide radius setting, so those surfaces get these utility classes added
 * via each element's Advanced → CSS Classes field instead. Source of truth
 * for all values: DESIGN-pinterest.md (rounded.md / rounded.lg / display-xl
 * and heading-xl letterSpacing).
 */

.c69-r-md {
	border-radius: 16px !important;
}

.c69-r-lg {
	border-radius: 32px !important;
}

.c69-tracking-display {
	letter-spacing: -1.2px !important;
}

/* Rendered by the "Product Feature List" Elementor dynamic tag (see
   includes/dynamic-tag-feature-list.php) from a product's key_features_raw meta. */
.c69-feature-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.c69-feature-list__item {
	background-color: #f6f6f3;
	border-radius: 16px;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.4;
	color: #000000;
}

.c69-feature-list__item::before {
	content: "✓";
	display: inline-block;
	margin-right: 8px;
	color: #e60023;
	font-weight: 700;
}