/* Noor Naksha v1.8.3 - compact mobile menu + approved mobile commerce chrome.
 * Additive mobile-only layer; desktop navigation, homepage renderer and Shop data paths are untouched.
 */

.nn-mobile-header-menu-v183,
.nn-mobile-header-cart-v183,
.nn-mobile-bottom-nav-v183{display:none}

@media (max-width:720px){
  /* Approved mobile header: Menu | centered logo | Cart. */
  .nn-mainbar-inner{
    grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr)!important;
    gap:8px!important;
    position:relative!important;
  }
  .nn-mobile-header-menu-v183{
    display:inline-flex!important;align-items:center!important;justify-self:start!important;gap:6px!important;
    appearance:none!important;border:0!important;background:transparent!important;color:var(--nn-ink)!important;
    min-height:42px!important;padding:7px 2px!important;font:inherit!important;font-size:11px!important;font-weight:700!important;
    text-transform:uppercase!important;letter-spacing:.02em!important;cursor:pointer!important;
  }
  .nn-mobile-header-menu-v183 .nn-icon{width:20px!important;height:20px!important;stroke:currentColor!important}
  .nn-mainbar-inner>.nn-brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;max-width:min(var(--nn-logo-w-m,var(--nn-logo-mobile-width,160px)),170px)!important;width:auto!important;overflow:visible!important}
  .nn-mainbar-inner>.nn-brand .nn-brand-link{justify-content:center!important;width:auto!important;max-width:170px!important}
  .nn-mainbar-inner>.nn-brand .nn-logo{max-width:100%!important;height:auto!important;object-fit:contain!important}
  .nn-mobile-header-cart-v183{
    display:grid!important;place-items:center!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;
    width:42px!important;height:42px!important;position:relative!important;color:var(--nn-ink)!important;border:0!important;background:transparent!important;
  }
  .nn-mobile-header-cart-v183 .nn-icon{width:23px!important;height:23px!important;stroke:currentColor!important}
  .nn-mobile-header-cart-v183 .nn-cart-count{top:0!important;right:-2px!important}
  .nn-primary-nav,.nn-header-actions{display:none!important}

  /* Compact drawer rhythm without compromising touch targets. */
  .nn-mobile-drawer{
    width:min(82vw,320px)!important;max-width:320px!important;padding:14px 16px 18px!important;
  }
  .nn-mobile-drawer-head{padding-bottom:9px!important;min-height:42px!important}
  .nn-mobile-drawer-head strong{font-size:13px!important}
  .nn-mobile-drawer-head .nn-icon-button{width:38px!important;height:38px!important;padding:8px!important}
  .nn-mobile-drawer .nn-mobile-nav-list,.nn-mobile-drawer .nn-nav-list{padding:7px 0 2px!important}
  .nn-mobile-drawer .nn-mobile-nav-list>li,.nn-mobile-drawer .nn-nav-list>li{margin:0!important}
  .nn-mobile-drawer .nn-mobile-nav-list a,.nn-mobile-drawer .nn-nav-list a{
    min-height:42px!important;padding:9px 2px!important;display:flex!important;align-items:center!important;font-size:13px!important;line-height:1.25!important;
  }
  .nn-mobile-drawer .sub-menu{padding:0 0 2px 12px!important;margin:-1px 0 1px!important}
  .nn-mobile-drawer .sub-menu li{border-bottom:0!important}
  .nn-mobile-drawer .sub-menu a{min-height:36px!important;padding:7px 0 7px 10px!important;font-size:12px!important;color:#53615c!important}
  .nn-mobile-order{
    margin-top:12px!important;min-height:42px!important;padding:10px 14px!important;justify-content:center!important;width:max-content!important;max-width:100%!important;
  }

  /* Fixed mobile commerce dock: Shop | Wishlist | Cart | My Account. */
  .nn-mobile-bottom-nav-v183{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9998!important;
    min-height:60px!important;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    background:rgba(255,253,249,.98)!important;border-top:1px solid #e6ded0!important;box-shadow:0 -8px 24px rgba(10,46,36,.10)!important;
    backdrop-filter:saturate(140%) blur(10px)!important;-webkit-backdrop-filter:saturate(140%) blur(10px)!important;
  }
  .nn-mobile-bottom-item-v183{
    min-width:0!important;min-height:48px!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    color:#33443e!important;text-decoration:none!important;font-size:9.5px!important;font-weight:600!important;line-height:1.05!important;border-radius:8px!important;padding:3px 2px!important;
  }
  .nn-mobile-bottom-item-v183 .nn-icon{width:21px!important;height:21px!important;stroke:currentColor!important}
  .nn-mobile-bottom-item-v183>span:not(.nn-cart-count):not(.nn-mobile-bottom-count-v183){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .nn-mobile-bottom-item-v183.is-active{color:var(--nn-green)!important;background:rgba(18,55,44,.06)!important}
  .nn-mobile-bottom-item-v183.is-disabled{opacity:.42!important;cursor:not-allowed!important}
  .nn-mobile-bottom-item-v183>.nn-cart-count,.nn-mobile-bottom-count-v183{
    position:absolute!important;top:1px!important;left:calc(50% + 7px)!important;right:auto!important;
    min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;
    background:#d43e2f!important;color:#fff!important;border:2px solid #fffdf9!important;font-size:8px!important;line-height:12px!important;text-align:center!important;
  }
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important}
}

@media (min-width:721px){
  .nn-mobile-header-menu-v183,.nn-mobile-header-cart-v183,.nn-mobile-bottom-nav-v183{display:none!important}
}