/* ==========================================================================
   Component: Feature (текст с оранжевой чертой)
   1920: черта 32, gap 16, 16px · ≤1919: черта 28, gap 12, 14px
   .features--boxed — вариант «плашкой» (бургер 1024, футер 1024/375)
   ========================================================================== */

.feature {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 16px;
	line-height: 1.2;
	color: var(--c-white);
}

.feature__line {
	flex-shrink: 0;
	align-self: center;
	width: 2px;
	/* в макете черта 32px + скругления 1px сверху и снизу */
	height: 34px;
	margin: -1px 0;
	border-radius: 1px;
	background-color: var(--c-orange);
}

.feature__text {
	flex: 1 1 0;
	min-width: 0;
}

.feature__text--short {
	display: none;
}

.features--bold .feature {
	font-weight: 600;
}

.features--boxed .feature {
	gap: 12px;
	padding-right: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 1919.98px) {
	.feature {
		gap: 12px;
		font-size: 14px;
	}

	.features--bold .feature {
		font-weight: 400;
	}

	.feature__line {
		height: 30px;
	}

	.feature--only-wide {
		display: none;
	}
}

/* короткая формулировка — только в макете 1024 */
@media (min-width: 1024px) and (max-width: 1439.98px) {
	.feature__text--full {
		display: none;
	}

	.feature__text--short {
		display: block;
	}
}