.mb-mobile-app-nav{display:none!important}
@media(max-width:767px){
  .mb-mobile-app-nav,
  .mb-mobile-app-nav *{box-sizing:border-box}
  .mb-mobile-app-nav{
    position:fixed;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    left:8px;
    z-index:100050;
    display:block!important;
    margin:0;
    color:var(--mbnav-dark);
    font-family:var(--mb-font-body,"Portal","Inter",Arial,sans-serif);
    pointer-events:none;
  }
  .mb-mobile-app-nav__inner{
    min-height:70px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    gap:2px;
    padding:7px 6px calc(6px + env(safe-area-inset-bottom));
    border:1px solid rgba(132,77,0,.16);
    border-radius:24px;
    background:rgba(255,255,255,.97);
    -webkit-backdrop-filter:blur(20px) saturate(1.12);
    backdrop-filter:blur(20px) saturate(1.12);
    box-shadow:0 14px 38px rgba(62,39,35,.18);
    pointer-events:auto;
  }
  .mb-mobile-app-nav__item{
    min-width:0;
    min-height:56px;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:5px 2px!important;
    border:0!important;
    border-radius:16px!important;
    color:rgba(62,39,35,.66)!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
    transition:color .2s ease,background .2s ease,transform .2s ease;
  }
  .mb-mobile-app-nav__item.is-active:not(.is-primary){
    color:var(--mbnav-primary)!important;
    background:rgba(132,77,0,.08)!important;
  }
  .mb-mobile-app-nav__item:active{transform:scale(.96)}
  .mb-mobile-app-nav__icon{
    position:relative;
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    flex:0 0 25px;
  }
  .mb-mobile-app-nav__icon svg{
    width:23px;
    height:23px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mb-mobile-app-nav__label{
    max-width:100%;
    overflow:hidden;
    color:inherit!important;
    font-size:9px!important;
    font-weight:650!important;
    line-height:1.1!important;
    letter-spacing:.01em!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mb-mobile-app-nav__item.is-primary{
    position:relative;
    z-index:2;
    min-height:66px;
    margin-top:-21px;
    color:#fff!important;
    background:transparent!important;
  }
  .mb-mobile-app-nav__item.is-primary .mb-mobile-app-nav__icon{
    width:52px;
    height:52px;
    flex-basis:52px;
    margin-bottom:1px;
    border:5px solid #fff;
    border-radius:50%;
    color:#fff!important;
    background:var(--mbnav-primary);
    box-shadow:0 10px 24px rgba(132,77,0,.30);
  }
  .mb-mobile-app-nav__item.is-primary .mb-mobile-app-nav__icon svg{
    width:23px;
    height:23px;
    stroke-width:1.8;
  }
  .mb-mobile-app-nav__item.is-primary .mb-mobile-app-nav__label{
    color:var(--mbnav-primary)!important;
    font-weight:750!important;
  }
  .mb-mobile-app-nav__count{
    position:absolute;
    top:-5px;
    right:-8px;
    min-width:17px;
    height:17px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border:2px solid #fff;
    border-radius:999px;
    color:#fff!important;
    background:var(--mbnav-primary);
    font-size:9px;
    font-weight:800;
    line-height:1;
  }
  body.mb-mobile-app-nav-active{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
}
@media(max-width:380px){
  .mb-mobile-app-nav{right:5px;left:5px}
  .mb-mobile-app-nav__inner{border-radius:20px;padding-inline:3px}
  .mb-mobile-app-nav__label{font-size:8px!important}
  .mb-mobile-app-nav__item.is-primary .mb-mobile-app-nav__icon{width:48px;height:48px;flex-basis:48px}
}