/* تظهر فقط على الشاشات الصغيرة */
.mnf-handle,.mnf-overlay,.mnf-drawer{display:none}

@media (max-width: 991px){
  .mnf-handle{display:flex;align-items:center;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);
    width:38px;height:64px;background:#1f2937;color:#fff;border:0;border-radius:10px 0 0 10px;z-index:100001;
    box-shadow:0 2px 10px rgba(0,0,0,.2);padding:0}
  .mnf-chevron{display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff}
  html:not(.mnf-left) .mnf-handle{right:0}
  html.mnf-left .mnf-handle{left:0;border-radius:0 10px 10px 0}
  html.mnf-left .mnf-chevron{transform:scaleX(-1)}

  .mnf-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;
    transition:opacity .2s;z-index:99999}

  .mnf-drawer{display:block;position:fixed;top:0;height:100vh;width:86vw;max-width:360px;background:#1f2937;color:#fff;
    transform:translateX(100%);transition:transform .25s ease;z-index:100000;overflow:auto;-webkit-overflow-scrolling:touch;
    box-shadow:-2px 0 12px rgba(0,0,0,.25)}
  html.mnf-left .mnf-drawer{left:0;right:auto;transform:translateX(-100%)}
  html:not(.mnf-left) .mnf-drawer{right:0}

  body.mnf-open .mnf-overlay{opacity:1;pointer-events:auto}
  body.mnf-open:not(.mnf-left) .mnf-drawer{transform:translateX(0)}
  body.mnf-open.mnf-left .mnf-drawer{transform:translateX(0)}
  body.mnf-open{overflow:hidden}

  .mnf-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
  .mnf-brand img{max-height:var(--mnf-logo-h,36px)}
  .mnf-close{background:transparent;color:#fff;font-size:28px;border:0;cursor:pointer}

  .mnf-nav{list-style:none;margin:0;padding:8px 0}
  .mnf-nav li{border-bottom:1px solid rgba(255,255,255,.08)}
  .mnf-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;text-decoration:none;color:#fff}
  .mnf-nav .menu-item-has-children > a::after{content:'›';transform:rotate(-90deg);opacity:.9}
  .mnf-sub{max-height:0;overflow:hidden;transition:max-height .24s ease;background:#111827}
  .mnf-item-open > .mnf-sub{max-height:700px}
  .mnf-sub a{padding-inline-start:28px}

  .mnf-footer{padding:18px 16px}
  .mnf-cta{display:block;text-align:center;background:var(--mnf-cta-bg,#e11d48);color:var(--mnf-cta-color,#fff);padding:12px 14px;border-radius:999px;text-decoration:none}
  body.mnf-open:not(.mnf-left) .mnf-handle{right:-44px}
  body.mnf-open.mnf-left .mnf-handle{left:-44px}
}