/**
 * Shared breakpoint layer.
 *
 * Mobile-first. Matches Elementor Free defaults:
 * - Mobile:  default (below 768px)
 * - Tablet:  min-width 768px
 * - Desktop: min-width 1025px
 *
 * Component-specific breakpoints belong in that component's CSS.
 */

@media (min-width: 768px) {
	:root {
		--nl-pad-inline: 24px;
	}
}

@media (min-width: 1025px) {
	:root {
		--nl-pad-inline: 32px;
	}
}