/* Noor Naksha v1.11.13 — Mobile M1 menu final corrective only.
 * Scope: (1) keep the mobile drawer above the sticky header stack and fully
 * visible from the top of the visual viewport; (2) render exactly one
 * desktop-style circular Categories chevron on mobile.
 * Owner-confirmed Search, Slider and Horizontal Overflow PASS paths are not
 * changed in this layer.
 */

@media (max-width:720px){
  /* M1-H2 — the drawer is portalled to <body> by v11113.js so it is no
   * longer trapped inside the sticky header stacking context. Keep the
   * surface at the top of the visual viewport and above every header layer.
   */
  body > .nn-mobile-drawer[data-nn-portal-v11113="1"]{
    position:fixed!important;
    inset:0 0 0 auto!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    z-index:100302!important;
    width:min(86vw,340px)!important;
    max-width:calc(100vw - 24px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    /* Keep the top edge controlled by the drawer header itself; this avoids
     * the old negative sticky offset placing the Menu/close row underneath
     * the site's sticky chrome. */
    padding:0 max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    background:#fffdf9!important;
    isolation:isolate!important;
  }
  body > .nn-drawer-backdrop[data-nn-portal-v11113="1"]{
    position:fixed!important;
    inset:0!important;
    z-index:100301!important;
  }
  body > .nn-mobile-drawer[data-nn-portal-v11113="1"] .nn-mobile-drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    min-height:58px!important;
    margin:0!important;
    padding:max(14px,env(safe-area-inset-top)) 0 10px!important;
    box-sizing:border-box!important;
    background:#fffdf9!important;
    border-bottom:1px solid #e9dfd1!important;
  }

  /* M1-H3 — exactly one Categories affordance on mobile.
   * Remove the legacy v1.3 pseudo-arrow and the desktop inline chevron, then
   * restyle the existing functional accordion button to match the approved
   * desktop circular chevron. No duplicate icon and no extra click target.
   */
  .nn-mobile-drawer .nn-auto-categories>a:after,
  .nn-mobile-drawer .nn-v111-mini-mega>a:after,
  .nn-mobile-drawer .menu-item-has-children.nn-v111-mini-mega>a:after{
    content:none!important;
    display:none!important;
  }
  .nn-mobile-drawer .nn-auto-categories>a .nn-category-chevron-v1111,
  .nn-mobile-drawer .nn-v111-mini-mega>a .nn-category-chevron-v1111{
    display:none!important;
  }
  .nn-mobile-drawer .nn-auto-categories>a{
    padding-right:42px!important;
  }
  .nn-mobile-drawer .nn-auto-categories>.nn-v19-submenu-toggle{
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1.5px solid currentColor!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--nn-green)!important;
    line-height:1!important;
    box-shadow:none!important;
    transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
  }
  .nn-mobile-drawer .nn-auto-categories>.nn-v19-submenu-toggle:before{
    content:""!important;
    display:block!important;
    width:7px!important;
    height:7px!important;
    border:0!important;
    border-right:1.7px solid currentColor!important;
    border-bottom:1.7px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;
    transform-origin:center!important;
    transition:transform .16s ease!important;
  }
  .nn-mobile-drawer .nn-auto-categories>.nn-v19-submenu-toggle:hover,
  .nn-mobile-drawer .nn-auto-categories>.nn-v19-submenu-toggle:focus-visible{
    background:rgba(18,55,44,.06)!important;
  }
  .nn-mobile-drawer .nn-auto-categories.is-submenu-open-v19>.nn-v19-submenu-toggle:before{
    transform:translateY(2px) rotate(225deg)!important;
  }
}

@media (max-width:720px) and (prefers-reduced-motion:reduce){
  .nn-mobile-drawer .nn-auto-categories>.nn-v19-submenu-toggle,
  .nn-mobile-drawer .nn-auto-categories>.nn-v19-submenu-toggle:before{transition:none!important}
}