/**
 * YepX 4-side spacing. Desktop longhands are inline (set sides only).
 */
.yepx-sec.yepx-has-space {
	padding-top: var(--yepx-pad-top, var(--yepx-sec-pad-d));
	padding-bottom: var(--yepx-pad-bottom, var(--yepx-sec-pad-d));
}

@media (max-width: 1024px) {
	.yepx-sec.yepx-has-space {
		padding-top: var(--yepx-pad-top-t, var(--yepx-pad-top, var(--yepx-sec-pad-t)));
		padding-bottom: var(--yepx-pad-bottom-t, var(--yepx-pad-bottom, var(--yepx-sec-pad-t)));
	}
	.yepx-has-space--t {
		padding-top: var(--yepx-pad-top-t, var(--yepx-pad-top));
		padding-right: var(--yepx-pad-right-t, var(--yepx-pad-right));
		padding-bottom: var(--yepx-pad-bottom-t, var(--yepx-pad-bottom));
		padding-left: var(--yepx-pad-left-t, var(--yepx-pad-left));
		margin-top: var(--yepx-mar-top-t, var(--yepx-mar-top));
		margin-right: var(--yepx-mar-right-t, var(--yepx-mar-right));
		margin-bottom: var(--yepx-mar-bottom-t, var(--yepx-mar-bottom));
		margin-left: var(--yepx-mar-left-t, var(--yepx-mar-left));
	}
}

@media (max-width: 767px) {
	.yepx-sec.yepx-has-space {
		padding-top: var(--yepx-pad-top-m, var(--yepx-pad-top-t, var(--yepx-pad-top, var(--yepx-sec-pad-m))));
		padding-bottom: var(--yepx-pad-bottom-m, var(--yepx-pad-bottom-t, var(--yepx-pad-bottom, var(--yepx-sec-pad-m))));
	}
	.yepx-has-space--m {
		padding-top: var(--yepx-pad-top-m, var(--yepx-pad-top-t, var(--yepx-pad-top)));
		padding-right: var(--yepx-pad-right-m, var(--yepx-pad-right-t, var(--yepx-pad-right)));
		padding-bottom: var(--yepx-pad-bottom-m, var(--yepx-pad-bottom-t, var(--yepx-pad-bottom)));
		padding-left: var(--yepx-pad-left-m, var(--yepx-pad-left-t, var(--yepx-pad-left)));
		margin-top: var(--yepx-mar-top-m, var(--yepx-mar-top-t, var(--yepx-mar-top)));
		margin-right: var(--yepx-mar-right-m, var(--yepx-mar-right-t, var(--yepx-mar-right)));
		margin-bottom: var(--yepx-mar-bottom-m, var(--yepx-mar-bottom-t, var(--yepx-mar-bottom)));
		margin-left: var(--yepx-mar-left-m, var(--yepx-mar-left-t, var(--yepx-mar-left)));
	}
}

/* Full-bleed bg: user mar L/R must not collapse 100vw. */
.yepx-sec.yepx-sec--has-bg.yepx-has-space {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}