:root {
	--mnml-gutter: clamp(12px, var(--mnml-gutter-max, 44px), 12vw);
}

@media (min-width: 901px) {
	.mnml-header-layout-nav-left .mnml-header__inner { flex-direction: row-reverse; }
	.mnml-header-layout-nav-left .mnml-navigation { margin-left: 0; margin-right: auto; }
	.mnml-header-layout-centered .mnml-header__inner { position: relative; }
	.mnml-header-layout-centered .mnml-navigation { left: 50%; margin: 0; position: absolute; transform: translateX(-50%); }
}

@media (max-width: 900px) {
	:root { --mnml-gutter: clamp(14px, var(--mnml-gutter-max, 44px), 28px); }
}