/* Pricing — plan cards. */
.pricing-list {
	display: grid;
	grid-template-columns: repeat(min(var(--pricing-count, 3), 4), minmax(0, 1fr));
	gap: var(--spacing-6, 24px);
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: stretch;
}
.pricing-card {
	display: flex;
	flex-direction: column;
	padding: var(--spacing-8, 32px);
	background: var(--background, #ffffff);
	border: 1px solid var(--kore-mist, #e8e8e8);
	border-top: 4px solid var(--kore-mist, #e8e8e8);
	color: var(--foreground, #494949);
	text-align: left;
}
.pricing-card--featured { border-top-color: var(--brand-500, #7dcab0); box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)); }
.pricing-name { margin: 0; color: var(--kore-slate, #333d47); text-transform: uppercase; letter-spacing: 0.06em; }
.pricing-price { display: flex; align-items: baseline; gap: var(--spacing-1, 4px); margin: var(--spacing-4, 16px) 0 0; color: var(--kore-slate, #333d47); }
.pricing-period { color: var(--foreground, #494949); }
.pricing-description { margin: var(--spacing-4, 16px) 0 0; }
.pricing-features { margin: var(--spacing-6, 24px) 0 0; padding: 0; list-style: none; display: grid; gap: var(--spacing-3, 12px); }
.pricing-features li { display: flex; gap: var(--spacing-3, 12px); align-items: flex-start; }
.pricing-features .icon { --icon-size: 20px; margin-top: 3px; color: var(--brand-700, #21735c); }
.pricing-note { margin: var(--spacing-6, 24px) 0 0; font-style: italic; }
.pricing-action { margin-top: auto; padding-top: var(--spacing-8, 32px); }
.pricing-action .kore-btn { width: 100%; }
@media (max-width: 1023px) {
	.pricing-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
	.pricing-list { grid-template-columns: minmax(0, 1fr); }
	.pricing-card { padding: var(--spacing-6, 24px); }
}