/* ============================================================
   CANNI V8.2.32 — unified navigation visuals / layers
   ============================================================ */

/* Unified return placement for ALL shop/category/special pages */
#shopView .back-nav-v8232,
#shopView .back-nav-v729{
  width:min(1180px,calc(100% - 64px))!important;
  margin:18px auto 24px!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
}

#shopView .shop-back-button-v8232{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#49433d!important;
  -webkit-text-fill-color:#49433d!important;
  font:500 13px/1.2 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#shopView .back-icon-v8232{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Global interaction layering */
#utilityPageV8215{z-index:11900!important}
.v4-header{z-index:15000!important}
#menuShade.menu-shade{z-index:14600!important}
#sideMenu.side-menu{z-index:14700!important}
#cartShade.cart-shade{z-index:14800!important}
#cartDrawer.cart-drawer{z-index:14900!important}
#modal.overlay{z-index:14920!important}

/* Closed drawers never trap taps. */
#menuShade.menu-shade:not(.show),
#sideMenu.side-menu:not(.open),
#cartShade.cart-shade:not(.show),
#cartDrawer.cart-drawer:not(.open){
  pointer-events:none!important;
}
#sideMenu.side-menu.open,
#sideMenu.side-menu.open nav,
#sideMenu.side-menu.open nav button,
#sideMenu.side-menu.open nav a,
#cartDrawer.cart-drawer.open{
  pointer-events:auto!important;
}

@media(max-width:700px){
  #shopView .back-nav-v8232,
  #shopView .back-nav-v729{
    width:calc(100% - 36px)!important;
    margin:10px auto 20px!important;
  }
  #shopView .shop-back-button-v8232{
    min-height:36px!important;
    font-size:13px!important;
  }
  #shopView .back-icon-v8232{
    width:19px!important;height:19px!important;
  }

  #sideMenu.side-menu{
    top:var(--canni-header-height-v828,64px)!important;
    height:calc(100dvh - var(--canni-header-height-v828,64px))!important;
    bottom:auto!important;
  }
  #menuShade.menu-shade{
    top:var(--canni-header-height-v828,64px)!important;
  }
  #cartDrawer.cart-drawer{
    top:var(--canni-header-height-v828,64px)!important;
    height:calc(100dvh - var(--canni-header-height-v828,64px))!important;
    bottom:auto!important;
  }
  #cartShade.cart-shade{
    top:var(--canni-header-height-v828,64px)!important;
  }
}