/**
 * Beaver Builder: ряд из ровно 4 колонок (например тарифы).
 * До 1300px: 2×2; до 700px: одна колонка в столбик.
 *
 * Срабатывает для .fl-col-group с ровно четырьмя прямыми .fl-col (не nested).
 * nth-of-type вместо first-child — в разметке BB между тегами часто есть текстовые узлы.
 * Точечно: класс pricing-row-4 на ряд (BB → Row → Advanced → CSS Selectors / Class).
 * Ряды из 2–3 колонок не затрагиваются.
 */

/* Планшет: 2 колонки в ряд */
@media (max-width: 1300px) {
	.pricing-row-4 .fl-col-group:not(.fl-col-group-nested),
	.fl-col-group:not(.fl-col-group-nested):has(> .fl-col:nth-of-type(4):nth-last-of-type(1)) {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch;
	}

	.pricing-row-4 .fl-col-group:not(.fl-col-group-nested) > .fl-col,
	.fl-col-group:not(.fl-col-group-nested):has(> .fl-col:nth-of-type(4):nth-last-of-type(1)) > .fl-col {
		float: none !important;
		clear: none !important;
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50% !important;
		box-sizing: border-box;
	}
}

/* Мобильный: одна под другой */
@media (max-width: 700px) {
	.pricing-row-4 .fl-col-group:not(.fl-col-group-nested) > .fl-col,
	.fl-col-group:not(.fl-col-group-nested):has(> .fl-col:nth-of-type(4):nth-last-of-type(1)) > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
}