/* Menú del cliente: la portada y las categorías deben desaparecer al bajar.
   Solo permanece accesible la flecha de regreso. */
#s-menu.screen.active{
  display:block !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  transform:none !important;
  animation:none !important;
  background:var(--gris);
}
#s-menu > .bhdr{
  position:relative !important;
  flex:none !important;
}
#s-menu > .content{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  padding-bottom:24px !important;
}
#s-menu .menu-cat-nav{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  background:#fff;
}
/* La flecha es el único elemento que permanece arriba mientras se navega. */
#s-menu > .bhdr > .bbtn{
  position:fixed !important;
  top:calc(12px + env(safe-area-inset-top)) !important;
  left:12px !important;
  z-index:10020 !important;
  width:40px !important;
  height:40px !important;
  background:rgba(0,0,0,.52) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  backdrop-filter:blur(8px) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.18) !important;
}
#s-menu #btn-ver-carrito-wrap{
  position:sticky;
  bottom:0;
  z-index:30;
  padding-bottom:calc(12px + env(safe-area-inset-bottom));
  box-shadow:0 -5px 18px rgba(15,25,35,.08);
}
#s-menu .catalogo-cat-vacia{
  background:#f8faf9;
  border:1px dashed #dfe7e2;
  border-radius:13px;
  padding:11px 12px;
  color:var(--texto3);
  font-size:10.5px;
  font-weight:750;
  margin-bottom:8px;
}




#s-menu .menu-filter-section[style*="display: none"]{display:none!important;}
#s-menu .menu-cat-nav .menu-cat-pill.on .menu-cat-pill-ico{
  background:var(--verde3);
  box-shadow:inset 0 0 0 2px var(--verde);
}
#s-menu .menu-cat-nav .menu-cat-pill.on span{color:var(--verde2);}




#s-menu .menu-cat-pill-ico{
  color:#6f7f78;
  font-size:15px !important;
}
#s-menu .menu-cat-pill-ico i{
  font-size:15px;
  line-height:1;
}
#s-menu .menu-cat-pill.on .menu-cat-pill-ico{
  color:var(--verde2);
}