.mmf-mobile-nav__close {
	position: fixed;
	top: calc(10px + env(safe-area-inset-top));
	right: 14px;
	z-index: 1001;
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	color: var(--mmf-nav-text, #1E2244);
	background: rgba(255, 255, 255, 0.66);
	border: 1px solid rgba(30, 34, 68, 0.08);
	border-radius: 16px;
	box-shadow: 0 12px 28px rgba(30, 34, 68, 0.11);
	cursor: pointer;}
.mmf-mobile-menu-heading {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	column-gap: 12px;
	row-gap: 2px;
	align-items: center;
	margin: 0 0 12px;
	padding-right: 56px; /* keep clear of the fixed close button */
	color: var(--mmf-nav-text, #1E2244);}
.mmf-mobile-menu-logo {
	grid-row: 1 / span 2;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.66);
	border: 1px solid rgba(30, 34, 68, 0.08);
	box-shadow: 0 10px 24px rgba(30, 34, 68, 0.10);
	object-fit: contain;
	padding: 6px;
	box-sizing: border-box;}
.mmf-mobile-menu-heading span {
	font-size: 0.82rem;
	font-weight: 700;
	opacity: 0.75;}
.mmf-mobile-menu-heading strong {
	font-size: 1.05rem;
	font-weight: 900;
	line-height: 1.1;}
.mmf-mobile-nav__links {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	margin: 0 auto;}
.mmf-mobile-nav__links .mmf-nav__list {
	display: flex;
	flex-direction: column;
	gap: 8px;}
.mmf-mobile-nav__links .mmf-nav-item {
	width: 100%;}
.mmf-mobile-nav__links .mmf-nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: var(--mmf-nav-mobile-item-height, 50px);
	padding: 0 14px;
	color: var(--mmf-nav-text, #1E2244);
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid rgba(30, 34, 68, 0.08);
	border-radius: 18px;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 800;
	text-align: left;
	box-shadow: 0 12px 32px rgba(30, 34, 68, 0.08);
	box-sizing: border-box;
	transition: background 0.18s ease, color 0.18s ease;}
.mmf-mobile-nav__links .mmf-nav-link:hover,
.mmf-mobile-nav__links .mmf-nav-link:focus-visible {
	background: rgba(255, 255, 255, 0.88);
	color: var(--mmf-nav-accent, #EE6F5C);
	outline: none;}
.mmf-mobile-nav__links .mmf-nav-link.mmf-nav-link--cta {
	background: rgba(238, 111, 92, 0.18);
	border-color: rgba(238, 111, 92, 0.26);}
.mmf-mobile-nav__links .mmf-nav-link.mmf-nav-link--cta:hover,
.mmf-mobile-nav__links .mmf-nav-link.mmf-nav-link--cta:focus-visible {
	background: rgba(238, 111, 92, 0.26);
	color: var(--mmf-nav-text, #1E2244);}
.mmf-mobile-nav__links .mmf-nav-link-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;}
.mmf-submenu-toggle {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	color: var(--mmf-nav-accent, #EE6F5C);
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(30, 34, 68, 0.08);
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(30, 34, 68, 0.08);
	cursor: pointer;
	transition: background 0.18s ease, transform 0.18s ease;}
.mmf-submenu-toggle:hover,
.mmf-submenu-toggle:focus-visible {
	background: rgba(255, 255, 255, 0.92);
	outline: none;}
.mmf-submenu-toggle span {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1;
	transition: transform 0.18s ease;}
.mmf-mobile-nav__links .mmf-nav-submenu {
	display: none;
	flex-direction: column;
	gap: 6px;
	width: calc(100% - 22px);
	margin: 7px 0 3px 22px;
	padding: 0 0 0 12px;
	background: transparent;
	border-left: 2px solid color-mix(in srgb, var(--mmf-nav-accent, #EE6F5C) 55%, transparent);
	border-radius: 0;
	box-sizing: border-box;}
.mmf-nav-item.is-submenu-open > .mmf-nav-submenu {
	display: flex;
	animation: mmf-nav-slide-down 0.18s ease;}
.mmf-nav-item.is-submenu-open > .mmf-nav-link-row .mmf-submenu-toggle span {
	transform: rotate(180deg);}
.mmf-mobile-nav__links .mmf-nav-submenu .mmf-nav-link {
	min-height: 42px;
	padding: 0 12px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 14px;
	font-size: 0.94rem;
	font-weight: 700;
	box-shadow: none;}
/* ── Mobile CTA section (bottom shortcuts) ── */
.mmf-mobile-nav__cta {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(30, 34, 68, 0.10);
	display: grid;
	gap: 10px;}
.mmf-mobile-cta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;}
.mmf-mobile-cta-link {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 14px;
	color: var(--mmf-nav-text, #1E2244);
	background: rgba(238, 111, 92, 0.14);
	border: 1px solid rgba(238, 111, 92, 0.24);
	border-radius: 18px;
	text-decoration: none;
	font-weight: 900;
	box-shadow: 0 14px 34px rgba(30, 34, 68, 0.08);}
.mmf-mobile-cta-link:focus-visible,
.mmf-mobile-cta-link:hover {
	background: rgba(238, 111, 92, 0.20);
	outline: none;}
.mmf-mobile-link-icon {
	width: 24px;
	text-align: center;}
/* ── Mobile: make link + chevron feel like a single control ── */
.mmf-mobile-nav__links .mmf-nav-link-row {
	position: relative;
	grid-template-columns: 1fr;}
.mmf-mobile-nav__links .mmf-nav-link {
	padding-right: 70px; /* reserve space for the larger mobile tap target */}
.mmf-mobile-nav__links .mmf-submenu-toggle {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 54px;
	height: 54px;
	border-radius: 18px;
	background: transparent;
	border: 0;
	box-shadow: none;}
.mmf-mobile-nav__links .mmf-submenu-toggle:hover,
.mmf-mobile-nav__links .mmf-submenu-toggle:focus-visible {
	background: rgba(255, 255, 255, 0.45);
	outline: none;
	transform: translateY(-50%);}
.mmf-mobile-nav__links .mmf-submenu-toggle span {
	/* Replace the font glyph with a CSS chevron to avoid baseline misalignment */
	color: transparent;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	transform: none;}
.mmf-mobile-nav__links .mmf-submenu-toggle span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-right: 3px solid var(--mmf-nav-accent, #EE6F5C);
	border-bottom: 3px solid var(--mmf-nav-accent, #EE6F5C);
	transform: translate(-50%, -62%) rotate(45deg);
	box-sizing: border-box;
	transition: transform 0.18s ease;}
/* When open, rotate the chevron (keep the mobile variant independent from desktop rules) */
.mmf-mobile-nav__links .mmf-nav-item.is-submenu-open > .mmf-nav-link-row .mmf-submenu-toggle span::before {
	transform: translate(-50%, -42%) rotate(225deg);}
/* ── Desktop (≥782px) ── */
