.mps-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow-y: auto;
  background: #505052;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease, visibility 220ms ease;
}
.mps-mobile-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.mps-mobile-menu__top,
.mps-mobile-menu__footer { display: flex; align-items: center; justify-content: space-between; padding-inline: var(--gutter-mobile); }
.mps-mobile-menu__top { min-height: 82px; border-bottom: 1px solid rgba(255,255,255,.15); }
.mps-mobile-menu__logo { display: block; width: auto; max-width: var(--mps-logo-width-mobile, 105px); max-height: 56px; }
.mps-mobile-menu__close { display: grid; width: 46px; height: 46px; place-items: center; border: 0; padding: 0; background: transparent; color: currentColor; font: 300 36px/1 var(--mps-font-body); cursor: pointer; }
.mps-mobile-menu__body { padding: 38px var(--gutter-mobile) 48px; }
.mps-mobile-menu__list,
.mps-mobile-menu__list ul { margin: 0; padding: 0; list-style: none; }
.mps-mobile-menu__list > li { border-bottom: 1px solid rgba(255,255,255,.15); }
.mps-mobile-menu__list > li > a { display: block; padding-block: 16px; color: #fff; font-family: var(--mps-font-heading); font-size: 28px; line-height: 1.2; text-decoration: none; }
.mps-mobile-menu__list .sub-menu { display: grid; gap: 8px; padding: 0 0 18px 14px; }
.mps-mobile-menu__list .sub-menu a { display: block; padding-block: 5px; color: rgba(255,255,255,.74); font-size: 14px; font-weight: 600; text-decoration: none; }
.mps-mobile-menu__footer { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; border-top: 1px solid rgba(255,255,255,.15); padding-block: 18px; }
.mps-mobile-menu__action { display: grid; min-height: 60px; place-items: center; gap: 6px; border: 0; background: transparent; color: #fff; font-family: var(--mps-font-body); font-size: 10px; text-align: center; text-decoration: none; }
.mps-mobile-menu__action svg { width: 28px; height: 28px; }