/* Off-canvas */
.mm { position: fixed; inset: 0; z-index: 9999; display: block; }
.mm[hidden] { display: none; }
.mm-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: opacity .2s; }
.mm-panel { position: absolute; top: 0; right: 0; height: 100%; width: min(88vw, 360px);
  background: #0f1220; color: #fff; transform: translateX(100%); transition: transform .2s;
  padding: 18px 16px 24px; box-shadow: -6px 0 20px rgba(0,0,0,.2);
}
.mm.open .mm-backdrop { opacity: 1; }
.mm.open .mm-panel { transform: translateX(0); }

.mm-close { appearance: none; background: transparent; border: 0; font-size: 28px; line-height: 1; color: #fff; cursor: pointer; }
.mm-nav { display: grid; gap: 10px; margin-top: 12px; }
.mm-link { display: block; padding: 12px 10px; border-radius: 10px; text-decoration: none; color: #e9edf7; background: rgba(255,255,255,.04); }
.mm-link:hover { background: rgba(255,255,255,.08); }
.mm-cta { text-align: center; font-weight: 700; background: #ffd400; color: #10131f; }
@media (min-width: 992px){ /* на десктопе можно скрыть off-canvas */
  .mm { display:none !important; }
}