/**
 * Feature Cards — frontend styles
 */

.ta-feature-cards-block {
	margin-top: var(--ta-margin-top, 0);
	margin-bottom: var(--ta-margin-bottom, 0);
}

.ta-feature-cards__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ta-feature-cards-gap, 32px);
	align-items: start;
}

@media (max-width: 1024px) {
	.ta-feature-cards-block {
		margin-top: var(--ta-margin-top-mobile, var(--ta-margin-top, 0));
		margin-bottom: var(--ta-margin-bottom-mobile, var(--ta-margin-bottom, 0));
	}
}

@media (max-width: 768px) {
	.ta-feature-cards__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--ta-feature-cards-gap-mobile, 24px);
	}
}