.gx-tabbar{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
  .gx-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:15;inset-inline:0;bottom:0;height:58px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--gx-line,#e8e8e8);box-shadow:0 -2px 12px rgba(0,0,0,.06)}
  .gx-tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#666;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:0}
  .gx-tabbar__item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .gx-tabbar__item.is-active{color:#111}
  .gx-tabbar__icon-wrap{position:relative}
  .gx-tabbar__badge{position:absolute;inset-inline-end:-7px;top:-5px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:50%;background:var(--gx-accent,#e96b01);color:#fff;font-size:9px;font-weight:800;line-height:1}
  .gx-tabbar__badge[hidden]{display:none}
  .gx-tabbar form{display:contents}
}