.nujiz-home-menu-toggle{
  display:none;
}

@media (max-width:900px){

  .site-header .header-inner{
    position:relative;
  }

  .nujiz-home-menu-toggle{
    display:flex !important;
    width:44px;
    height:44px;
    flex:0 0 44px;
    padding:10px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:12px;
    background:#fff;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    cursor:pointer;
    z-index:100002;
  }

  .nujiz-home-menu-toggle span{
    display:block;
    width:22px;
    height:2px;
    border-radius:5px;
    background:#10213f;
    transition:.2s ease;
  }

  .nujiz-home-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .nujiz-home-menu-toggle.is-open span:nth-child(2){
    opacity:0;
  }

  .nujiz-home-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  /*
   * القائمة الجانبية
   */
  .site-header .main-nav{
    display:flex !important;
    position:fixed !important;
    top:0;
    bottom:0;
    width:min(330px,86vw);
    height:100dvh;
    padding:88px 18px 24px !important;
    background:#fff;
    z-index:100001;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:5px !important;
    overflow-y:auto;
    box-shadow:0 0 45px rgba(15,23,42,.18);
    transition:transform .25s ease;
  }

  html[dir="rtl"] .site-header .main-nav,
  html[lang="ar"] .site-header .main-nav{
    right:0;
    left:auto;
    transform:translateX(105%);
  }

  html[dir="ltr"] .site-header .main-nav,
  html[lang="en"] .site-header .main-nav{
    left:0;
    right:auto;
    transform:translateX(-105%);
  }

  html[dir="rtl"] .site-header .main-nav.nujiz-home-menu-open,
  html[lang="ar"] .site-header .main-nav.nujiz-home-menu-open,
  html[dir="ltr"] .site-header .main-nav.nujiz-home-menu-open,
  html[lang="en"] .site-header .main-nav.nujiz-home-menu-open{
    transform:translateX(0);
  }

  .site-header .main-nav > a{
    display:flex !important;
    align-items:center;
    min-height:48px;
    width:100%;
    padding:11px 13px !important;
    border-radius:11px;
    color:#17213c !important;
    text-decoration:none !important;
    font-weight:700;
  }

  .site-header .main-nav > a:hover{
    background:#f4f2ff;
  }

  body.nujiz-home-menu-active{
    overflow:hidden;
  }

  body.nujiz-home-menu-active::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:100000;
    background:rgba(15,23,42,.34);
  }
}