/* One floating page-back control: no content row, heading moves or duplicate Home. */
.mlmg-navigation-ready [data-mlmg-nav-legacy] { display: none !important; }
[data-mlmg-text-scaled] { font-size: var(--mlmg-text-size) !important; line-height: var(--mlmg-text-leading) !important; }
#mlmg-navigation {
  --nav-accent: var(--shop-primary, #087f5b);
  --nav-bg: var(--shop-surface, #fff);
  --nav-text: var(--shop-text, #25334a);
  --nav-border: var(--shop-line, #cbd5e3);
  --nav-on-accent: var(--shop-on-primary, #fff);
  --nav-icon: var(--nav-accent);
  --nav-grip: #607188;
  --nav-safe-top: env(safe-area-inset-top, 0px);
  --nav-safe-right: env(safe-area-inset-right, 0px);
  --nav-safe-bottom: env(safe-area-inset-bottom, 0px);
  --nav-safe-left: env(safe-area-inset-left, 0px);
  position: fixed; top: 0; left: 0; right: auto; bottom: auto;
  transform: translate3d(var(--nav-x, 12px), var(--nav-y, 55vh), 0);
  z-index: 980;
  display: flex; align-items: center; gap: 2px;
  box-sizing: border-box; width: max-content; height: 58px; margin: 0; padding: 5px;
  border: 1px solid var(--nav-border); border-radius: 32px;
  background: var(--nav-bg); color: var(--nav-text);
  box-shadow: 0 5px 18px #152b4926, 0 1px 3px #152b4914;
  font-family: inherit; line-height: 1.6; text-align: start;
  isolation: isolate; user-select: none; direction: rtl;
  transition: box-shadow 140ms ease;
}
#mlmg-navigation.is-positioned { transition: transform 180ms cubic-bezier(.2,.7,.2,1), box-shadow 140ms ease; }
#mlmg-navigation[data-menu-closing="true"] { transition: box-shadow 140ms ease; }
#mlmg-navigation[data-edge="left"] { flex-direction: row-reverse; }
#mlmg-navigation[hidden], #mlmg-navigation [hidden] { display: none !important; }
#mlmg-navigation *, #mlmg-navigation *::before, #mlmg-navigation *::after { box-sizing: border-box; }
#mlmg-navigation a, #mlmg-navigation button {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; flex-shrink: 0; margin: 0; padding: 8px;
  border: 0; border-radius: 24px; font: inherit; font-size: 13px; font-weight: 600;
  line-height: 1.6; text-decoration: none; color: var(--nav-text); background: transparent;
  cursor: pointer; box-shadow: none; transition: background-color 120ms ease, filter 120ms ease;
}
#mlmg-navigation .mlmg-navigation__back {
  position: relative; width: 46px; height: 46px; padding: 0;
  color: var(--nav-on-accent); background: var(--nav-accent); touch-action: none;
  box-shadow: inset 0 0 0 1px #ffffff24;
}
#mlmg-navigation .mlmg-navigation__back::before {
  content: ''; width: 11px; height: 11px; border-top: 2px solid currentColor;
  border-right: 2px solid currentColor; transform: rotate(45deg); margin-left: 3px;
}
#mlmg-navigation .mlmg-navigation__back::after {
  content: ''; position: absolute; width: 18px; height: 2px; border-radius: 2px;
  background: currentColor; left: 12px; top: 22px;
}
#mlmg-navigation .mlmg-navigation__label, #mlmg-navigation .mlmg-navigation__sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
#mlmg-navigation .mlmg-navigation__grip { position: relative; width: 44px; height: 46px; padding: 10px; touch-action: none; cursor: grab; }
#mlmg-navigation .mlmg-navigation__grip > svg {
  display: block; flex: none; width: 20px; height: 20px; margin: 0; padding: 0;
  fill: var(--nav-grip); stroke: none; pointer-events: none;
  transition: transform 220ms ease, opacity 120ms ease;
}
#mlmg-navigation[data-menu-open="true"] .mlmg-navigation__grip > svg { opacity: 0; transform: rotate(90deg) scale(.5); }
#mlmg-navigation .mlmg-navigation__grip::before, #mlmg-navigation .mlmg-navigation__grip::after {
  content: ''; position: absolute; left: 50%; top: 50%; width: 18px; height: 2px; border-radius: 2px;
  background: currentColor; opacity: 0; transform: translate(-50%, -50%) rotate(0); transition: transform 220ms ease, opacity 120ms ease;
}
#mlmg-navigation[data-menu-open="true"] .mlmg-navigation__grip::before { opacity: 1; transform: translate(-50%, -50%) rotate(45deg); }
#mlmg-navigation[data-menu-open="true"] .mlmg-navigation__grip::after { opacity: 1; transform: translate(-50%, -50%) rotate(-45deg); }
/* Orbit: one bounded surface for the wheel and its nested views. */
#mlmg-navigation .mlmg-navigation__icon { width: 23px; height: 23px; flex: 0 0 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
#mlmg-navigation .mlmg-navigation__surface {
  position: absolute; right: 0; left: auto; width: 344px; height: 344px;
  background: var(--nav-bg); border: 1px solid var(--nav-border); border-radius: 50%;
  box-shadow: 0 18px 60px #102c3229, 0 3px 10px #102c3214;
  transition: border-radius 260ms cubic-bezier(.16,1,.3,1); overflow: hidden;
}
#mlmg-navigation[data-edge="left"] .mlmg-navigation__surface { right: auto; left: 0; }
#mlmg-navigation .mlmg-navigation__surface:not([data-view="tools"]) { border-radius: 26px; }
#mlmg-navigation-tools { position: relative; width: 100%; height: 100%; }
#mlmg-navigation-tools::before { content: ''; position: absolute; inset: 42px; border: 1px dashed color-mix(in srgb,var(--nav-accent) 18%,transparent); border-radius: 50%; pointer-events: none; }
#mlmg-navigation .mlmg-navigation__center { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; width: 82px; height: 82px; border-radius: 50%; color: var(--nav-accent); background: color-mix(in srgb,var(--nav-accent) 7%,var(--nav-bg)); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--nav-accent) 12%,transparent); pointer-events: none; }
#mlmg-navigation .mlmg-navigation__center strong { font-size: 11px; font-weight: 700; }
#mlmg-navigation .mlmg-navigation__action {
  --tool-color: var(--nav-accent); position: absolute; left: calc(50% - 43px); top: calc(50% - 40px);
  width: 86px; height: 80px; padding: 3px; flex-direction: column; gap: 4px;
  border-radius: 18px; transform: translate(var(--tool-x),var(--tool-y)); background: transparent;
}
#mlmg-navigation .mlmg-navigation__action > .mlmg-navigation__icon:not(.mlmg-navigation__chevron) { width: 44px; height: 44px; flex: 0 0 44px; padding: 11px; border-radius: 16px; color: var(--tool-color); background: color-mix(in srgb,var(--tool-color) 10%,var(--nav-bg)); transition: background-color 180ms, box-shadow 180ms; }
#mlmg-navigation .mlmg-navigation__action > span { max-width: 100%; white-space: normal; text-align: center; font-size: 11px; line-height: 1.65; color: var(--nav-text); }
#mlmg-navigation .mlmg-navigation__action > * { pointer-events: none; }
#mlmg-navigation .mlmg-navigation__action[data-tool="shortcuts"] { --tool-color: #7550bf; }
#mlmg-navigation .mlmg-navigation__action[data-tool="text"] { --tool-color: #a5630c; }
#mlmg-navigation .mlmg-navigation__action[data-tool="position"] { --tool-color: #266ab3; }
#mlmg-navigation .mlmg-navigation__action[data-tool="share"] { --tool-color: #b94471; }
#mlmg-navigation .mlmg-navigation__action .mlmg-navigation__chevron { position: absolute; top: 30px; left: 15px; width: 17px; height: 17px; padding: 2px; border-radius: 50%; color: var(--tool-color); background: var(--nav-bg); box-shadow: 0 0 0 1px color-mix(in srgb,var(--tool-color) 25%,transparent); }
#mlmg-navigation .mlmg-navigation__action:hover { background: color-mix(in srgb,var(--tool-color) 5%,var(--nav-bg)); }
#mlmg-navigation .mlmg-navigation__action:hover > svg:first-child { box-shadow: 0 0 0 3px color-mix(in srgb,var(--tool-color) 10%,transparent); }
#mlmg-navigation a:active, #mlmg-navigation button:active { filter: brightness(.93); }
#mlmg-navigation :is(a,button):focus-visible { outline: 3px solid var(--nav-accent); outline-offset: -2px; }
#mlmg-navigation button:disabled { cursor: default; opacity: .45; }
#mlmg-navigation.is-dragging { transition: none; box-shadow: 0 12px 30px #152b4940; }
#mlmg-navigation.is-dragging :is(a,button) { cursor: grabbing; }
#mlmg-navigation-position { position: relative; width: 100%; height: 100%; padding: 12px 16px 18px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--nav-border) transparent; }
#mlmg-navigation-position strong { display: block; font-size: 16px; line-height: 1.9; margin-block: 6px 0; }
#mlmg-navigation-position p { margin: 2px 0 14px; font-size: 12px; color: var(--nav-grip); line-height: 1.8; }
#mlmg-navigation .mlmg-navigation__panel-back { justify-content: flex-start; gap: 6px; font-size: 12px; min-height: 44px; padding: 5px 8px; color: var(--nav-accent); }
#mlmg-navigation .mlmg-navigation__panel-back:hover { background: color-mix(in srgb,var(--nav-accent) 7%,var(--nav-bg)); }
#mlmg-navigation .mlmg-navigation__shortcuts { display: grid; gap: 5px; }
#mlmg-navigation .mlmg-navigation__shortcuts a { --item-color: var(--nav-accent); width: 100%; gap: 12px; justify-content: flex-start; min-height: 52px; padding: 6px 8px; border-radius: 14px; white-space: normal; text-align: start; font-size: 13px; line-height: 1.8; }
#mlmg-navigation .mlmg-navigation__shortcuts a > svg { width: 38px; height: 38px; flex-basis: 38px; padding: 9px; border-radius: 12px; background: color-mix(in srgb,var(--item-color) 9%,var(--nav-bg)); color: var(--item-color); }
#mlmg-navigation .mlmg-navigation__shortcuts a[data-art="school"], #mlmg-navigation .mlmg-navigation__shortcuts a[data-art="library"] { --item-color: #7550bf; }
#mlmg-navigation .mlmg-navigation__shortcuts a[data-art="ticket"], #mlmg-navigation .mlmg-navigation__shortcuts a[data-art="flag"] { --item-color: #b94471; }
#mlmg-navigation .mlmg-navigation__shortcuts a[data-art="history"], #mlmg-navigation .mlmg-navigation__shortcuts a[data-art="report"] { --item-color: #266ab3; }
#mlmg-navigation .mlmg-navigation__shortcuts a:hover, #mlmg-navigation .mlmg-navigation__shortcuts a[aria-current] { background: color-mix(in srgb,var(--item-color) 6%,var(--nav-bg)); }
#mlmg-navigation .mlmg-navigation__positions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#mlmg-navigation .mlmg-navigation__positions button { gap: 6px; border: 1px solid var(--nav-border); border-radius: 12px; white-space: normal; }
#mlmg-navigation [data-position="reset"] { grid-column: 1 / -1; }
#mlmg-navigation .mlmg-navigation__text-controls { display: grid; grid-template-columns: 1fr 56px 1fr; align-items: center; gap: 6px; }
#mlmg-navigation .mlmg-navigation__text-controls button { gap: 4px; padding: 7px; border: 1px solid var(--nav-border); border-radius: 12px; font-size: 12px; }
#mlmg-navigation .mlmg-navigation__text-controls output { text-align: center; font-size: 17px; font-weight: 700; }
#mlmg-navigation .mlmg-navigation__text-reset { grid-column: 1 / -1; margin-block-start: 6px; }
#mlmg-navigation .mlmg-navigation__home { width: 100%; gap: 8px; border-radius: 12px; margin-block-start: 8px; border: 1px solid var(--nav-border); }
/* Short and narrow viewports keep all actions reachable in the same surface. */
#mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__surface { border-radius: 24px; }
#mlmg-navigation[data-compact-menu="true"] #mlmg-navigation-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 8px; padding: 12px; overflow-y: auto; }
#mlmg-navigation[data-compact-menu="true"] #mlmg-navigation-tools::before, #mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__center { display: none; }
#mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__action { position: relative; left: auto; top: auto; transform: none; width: 100%; height: 86px; }
[data-theme="dark"] #mlmg-navigation, [data-shop-mode-resolved="dark"] #mlmg-navigation, [data-bs-theme="dark"] #mlmg-navigation {
  --nav-bg: var(--shop-surface, #172332); --nav-text: var(--shop-text, #ecf1f8); --nav-border: var(--shop-line, #56677c); --nav-icon: #c4d6ff; --nav-grip: #a8b9ce; --nav-accent: var(--shop-primary, #73d9b5);
}
[data-theme="dark"] #mlmg-navigation :is(a,button):hover, [data-shop-mode-resolved="dark"] #mlmg-navigation :is(a,button):hover { background-color: #344358; }
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__action[data-tool="shortcuts"],
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__shortcuts a:is([data-art="school"],[data-art="library"]) { --tool-color: #c7adff; --item-color: #c7adff; }
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__action[data-tool="text"] { --tool-color: #f2c578; }
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__action[data-tool="position"],
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__shortcuts a:is([data-art="history"],[data-art="report"]) { --tool-color: #99c6ff; --item-color: #99c6ff; }
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__action[data-tool="share"],
#mlmg-navigation:is([data-theme="dark"] *, [data-shop-mode-resolved="dark"] *, [data-bs-theme="dark"] *) .mlmg-navigation__shortcuts a:is([data-art="ticket"],[data-art="flag"]) { --tool-color: #ffaccd; --item-color: #ffaccd; }
[data-theme="dark"] #mlmg-navigation .mlmg-navigation__back, [data-shop-mode-resolved="dark"] #mlmg-navigation .mlmg-navigation__back, [data-bs-theme="dark"] #mlmg-navigation .mlmg-navigation__back { color: var(--nav-bg); background: var(--nav-accent); }
/* Dense emerald wheel: real sector hit areas, with no empty outer disc. */
#mlmg-navigation .mlmg-navigation__surface {
  --nav-bg: #102a25; --nav-text: #f0faf6; --nav-border: #44685e; --nav-grip: #b4d0c5; --nav-accent: #8de4b9;
  width: 292px; height: 292px; padding: 3px;
  background: radial-gradient(circle at 25% 10%, #557e68, #152f29 48%, #071c18);
  border: 1px solid #a6d0b77a;
  box-shadow: 0 20px 48px #041c244d, 0 4px 12px #041c2433, inset 0 0 0 2px #b7e7c419;
}
#mlmg-navigation-tools::before { display: none; }
#mlmg-navigation .mlmg-navigation__center { width: 54px; height: 54px; gap: 2px; z-index: 2; background: linear-gradient(145deg,#3f6757,#152f27); color: #d3f6df; box-shadow: inset 0 1px 1px #ffffff40, 0 2px 10px #0007; }
#mlmg-navigation .mlmg-navigation__center .mlmg-navigation__icon { width: 17px; height: 17px; flex-basis: 17px; }
#mlmg-navigation .mlmg-navigation__center strong { font-size: 9px; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action {
  inset: 0; width: 100%; height: 100%; padding: 0; border-radius: 0; transform: none;
  clip-path: var(--tool-sector); background: linear-gradient(155deg,#33594c,#173d32 65%,#123128);
  transition: background-color 180ms, filter 180ms; --tool-color: #b8edd0;
}
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action > .mlmg-navigation__icon:not(.mlmg-navigation__chevron) {
  position: absolute; left: calc(50% + var(--tool-x) - 14px); top: calc(50% + var(--tool-y) - 27px);
  width: 28px; height: 28px; padding: 2px; border-radius: 0; background: none; color: #a6e7c4;
  filter: drop-shadow(0 2px 4px #0003); transition: scale 220ms, color 180ms;
}
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action > span {
  position: absolute; left: calc(50% + var(--tool-x) - 40px); top: calc(50% + var(--tool-y) + 6px);
  width: 80px; max-width: 80px; font-size: 10.5px; line-height: 1.7; color: #effaf3; font-weight: 600;
}
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action .mlmg-navigation__chevron {
  left: calc(50% + var(--tool-x) - 30px); top: calc(50% + var(--tool-y) - 12px);
  width: 12px; height: 12px; padding: 0; background: none; box-shadow: none; color: #b1d6be;
}
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action:is(:hover,:focus-visible) {
  outline: none; background: radial-gradient(ellipse at center,#498263,#265a44 65%,#23513e); filter: brightness(1.13);
}
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action:is(:hover,:focus-visible) > svg:first-child { box-shadow: none; color: #fff; scale: 1.12; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action:active { filter: brightness(.88); }
#mlmg-navigation .mlmg-navigation__surface .mlmg-navigation__shortcuts a { --item-color: #b3e6ca; border-bottom: 1px solid #bdeed30c; }
#mlmg-navigation .mlmg-navigation__surface .mlmg-navigation__shortcuts a:is([data-art="school"],[data-art="library"]) { --item-color: #d0c0fa; }
#mlmg-navigation .mlmg-navigation__surface .mlmg-navigation__shortcuts a:is([data-art="ticket"],[data-art="flag"]) { --item-color: #f2b8cd; }
#mlmg-navigation .mlmg-navigation__surface .mlmg-navigation__shortcuts a:is([data-art="history"],[data-art="report"]) { --item-color: #b4d8ff; }
#mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__action { --tool-color: #b3e6ca; background: #244638; }
/* Nested views retain the circular sectors and use the site's light palette. */
#mlmg-navigation .mlmg-navigation__surface {
  --nav-bg: var(--shop-surface, #fffefa); --nav-text: var(--shop-text, #254b3e); --nav-border: var(--shop-line, #d5e3da); --nav-grip: var(--shop-muted, #5b7468); --nav-accent: var(--shop-primary, #087f5b);
  background: color-mix(in srgb,var(--nav-accent) 14%,var(--nav-bg)); border-color: var(--nav-border);
  box-shadow: 0 14px 36px #123d2826, 0 3px 8px #123d2812, inset 0 0 0 2px #ffffffa6;
}
#mlmg-navigation .mlmg-navigation__surface:not([data-view="tools"]) { border-radius: 50%; }
#mlmg-navigation .mlmg-navigation__center,
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__panel-back {
  color: var(--nav-accent); background: color-mix(in srgb,var(--nav-accent) 5%,var(--nav-bg)); box-shadow: inset 0 1px 1px #ffffff40, 0 2px 8px #234d3021;
}
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action { background: linear-gradient(150deg,var(--nav-bg),color-mix(in srgb,var(--nav-accent) 5%,var(--nav-bg))); }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action > .mlmg-navigation__icon:not(.mlmg-navigation__chevron) { color: var(--nav-accent); filter: none; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action > span { color: var(--nav-text); }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action .mlmg-navigation__chevron { color: var(--nav-accent); }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action:is(:hover,:focus-visible) { background: var(--nav-accent); filter: none; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__action:is(:hover,:focus-visible) > :is(svg,span) { color: var(--nav-on-accent); }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position { padding: 0; overflow: visible; }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position > :is(strong,p) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position > :is(.mlmg-navigation__shortcuts,.mlmg-navigation__positions,.mlmg-navigation__text-controls) { display: contents; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__panel-back { position: absolute; inset: calc(50% - 37px) auto auto calc(50% - 37px); width: 74px; height: 74px; border-radius: 50%; z-index: 3; flex-direction: column; justify-content: center; gap: 0; padding: 3px 3px 12px; font-size: 10px; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__panel-back > svg { width: 18px; height: 18px; flex-basis: 18px; }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__panel-back > span { font-size: 10px; }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position .mlmg-navigation__action { margin: 0; border: 0; gap: 0; }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position .mlmg-navigation__action > span { font-size: 10px; top: calc(50% + var(--tool-y)); max-height: 51px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position .mlmg-navigation__action > svg { top: calc(50% + var(--tool-y) - 31px); }
#mlmg-navigation:not([data-compact-menu="true"]) #mlmg-navigation-position output { position: absolute; left: calc(50% - 27px); top: calc(50% + 17px); width: 54px; z-index: 4; font-size: 10px; text-align: center; line-height: 1.5; pointer-events: none; color: #426854; }
#mlmg-navigation .mlmg-navigation__page-readout { direction: rtl; font-weight: 700; }
#mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__surface:not([data-view="tools"]) { border-radius: 24px; }
#mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__action { background: color-mix(in srgb,var(--nav-accent) 5%,var(--nav-bg)); --tool-color: var(--nav-accent); }
#mlmg-navigation[data-compact-menu="true"] .mlmg-navigation__shortcuts button { width: 100%; height: auto; }
/* Paging is navigation, visually distinct from destination sectors. */
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page="1"] { background: var(--nav-accent); }
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page="-1"] { background: color-mix(in srgb,var(--nav-accent) 14%,var(--nav-bg)); }
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page="1"] > :is(svg,span) { color: var(--nav-on-accent); }
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page] > svg { border: 1px solid currentColor; border-radius: 50%; padding: 5px; }
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page] > span { font-weight: 800; line-height: 1.6; }
#mlmg-navigation #mlmg-navigation-position .mlmg-navigation__page-hint { display: block; margin-top: 2px; font-size: 9px; font-weight: 500; line-height: 1.5; color: inherit; }
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page="1"]:is(:hover,:focus-visible) { background: var(--shop-primary-strong, color-mix(in srgb,var(--nav-accent) 80%,#000)); outline: 0; }
#mlmg-navigation #mlmg-navigation-position [data-shortcut-page="-1"]:is(:hover,:focus-visible) { background: var(--nav-accent); }
#mlmg-navigation .mlmg-navigation__icon { transform: none; }
#mlmg-navigation #mlmg-navigation-position output { color: var(--nav-text); }
#mlmg-navigation #mlmg-navigation-position .mlmg-navigation__shortcuts a { --item-color: var(--nav-accent); }
#mlmg-navigation .mlmg-navigation__count { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 4px; border-radius: 12px; background: var(--shop-accent, #f6a700); color: var(--shop-on-accent, #17231f); font-size: 11px; line-height: 1; box-shadow: 0 0 0 2px var(--nav-bg); }
#mlmg-navigation:not([data-compact-menu="true"]) .mlmg-navigation__count { position: absolute; min-width: 20px; height: 20px; left: calc(50% + var(--tool-x) + 1px); top: calc(50% + var(--tool-y) - 40px); }
@media (prefers-reduced-motion: reduce) { #mlmg-navigation, #mlmg-navigation * { transition: none !important; } }
@media print { #mlmg-navigation, .mlmg-navigation-noscript { display: none !important; } }
.mlmg-navigation-noscript { padding: 12px; text-align: center; }
.mlmg-navigation-noscript a { display: inline-block; min-height: 44px; padding: 10px; }
#mlmg-navigation-confirm { box-sizing: border-box; max-width: min(460px, calc(100% - 32px)); padding: 24px; border: 1px solid #dce3ed; border-radius: 16px; font-family: inherit; color: #25334a; background: #fff; }
#mlmg-navigation-confirm::backdrop { background: #14223999; }
#mlmg-navigation-confirm h2 { font-size: 20px; line-height: 1.6; margin: 0 0 12px; }
#mlmg-navigation-confirm p { font-size: 14px; line-height: 1.9; }
#mlmg-navigation-confirm button { display: block; width: 100%; min-height: 44px; margin-block-start: 12px; padding: 10px; border-radius: 8px; border: 1px solid #dce3ed; background: #fff; color: #25334a; font: inherit; cursor: pointer; }
#mlmg-navigation-confirm button:first-of-type { color: #fff; background: #3562cf; border-color: #3562cf; }
#mlmg-navigation-confirm button:focus-visible { outline: 3px solid #3562cf; outline-offset: 3px; }