@media (max-width:600px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .main-nav{
    inset:auto 10px max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:66px!important;
    padding:6px!important;
    gap:3px!important;
    justify-content:stretch!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:15px;
    background:rgba(19,20,20,.97)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.08);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .main-nav .nav-link{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:52px!important;
    padding:4px 5px!important;
    border-radius:10px;
    color:#b8b8b3!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1.25;
    text-align:center;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .main-nav .nav-link.active{
    color:#171817!important;
    background:#f3f0e8;
    box-shadow:0 2px 10px rgba(0,0,0,.18);
  }
  .main-nav .nav-link:active{transform:scale(.97)}
  .main-nav .nav-link.active:after{
    top:auto!important;
    bottom:5px!important;
    left:calc(50% - 9px)!important;
    right:auto!important;
    width:18px;
    height:2px!important;
    border-radius:2px;
    background:#a88647!important;
  }
  html[dir="rtl"] .main-nav .nav-link{font-size:9px!important}
  body.owner-mode{padding-bottom:0}
}