@media (max-width: 991px){
  .mobile-menubar{ display:flex!important }
  body.has-bottom-bar{ padding-bottom:calc(74px + env(safe-area-inset-bottom)) }
  .whatsappDiv.right {
    bottom: 13% !important;
  }
}
.mobile-menubar{
  position:fixed;
  left:0; right:0; bottom:0;
  width:100%;
  z-index:9999;
  border-top:1px solid #D9D9D9;
  background:#fff;
  display:none;
  gap:1rem;
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -2px 10px rgba(0,0,0,.04);
}
.mobile-menubar ul{
  background:#fff;
  display:flex;
  justify-content:space-around;
  align-items:center;
  width:100%;
  margin:0; padding:.5rem 0;
  list-style:none;
}
.mobile-menubar li{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:.5rem 0;
}
.mobile-menubar li a,
.mobile-menubar li button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.25rem;
  width:100%;
  min-height:56px;
  background:none;
  border:0;
  text-decoration:none;
  color:#222;
  font-size:.8rem;
  line-height:1;
  font-weight:500;
  -webkit-tap-highlight-color:transparent;
}
.mobile-menubar .icon{ width:30px;height:30px;display:block }
.mobile-menubar .account-button{ position:relative }
.mobile-menubar .count{
  position:absolute;top:-6px;right:-10px;
  min-width:16px;height:16px;padding:0 4px;border-radius:999px;
  background:#e30613;color:#fff;font-size:10px;line-height:16px;text-align:center
}
.mobile-menubar .icon path,.mobile-menubar .icon use{ fill:currentColor }

/* toggle por classe */
.ssa-searchblock-displaySsaSearchMobile{ display:none }
body.search-open .ssa-searchblock-displaySsaSearchMobile{ display:block }
body.search-open #header .cat-bullet-container{ padding-top:165px }
body:not(.page-index).search-open section#wrapper{ padding-top:175px }
body:not(.page-index):not(.search-open) section#wrapper{ padding-top:100px }

@media (min-width: 992px){
  body:not(.page-index):not(.search-open) section#wrapper{ padding-top:140px }
}