.mobile-bottom-nav{display:none}
@media(max-width:768px){
body.has-mobile-bottom-nav{padding-bottom:82px}
.mobile-bottom-nav{position:fixed;display:flex;right:12px;left:12px;bottom:max(10px,env(safe-area-inset-bottom));height:64px;z-index:999;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(18,52,91,.1);border-radius:22px;box-shadow:0 12px 35px rgba(18,52,91,.16),0 0 0 1px rgba(255,255,255,.6) inset;align-items:stretch;justify-content:space-around;padding:6px}
.mobile-bottom-nav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:17px;color:#718096;font-size:10px;transition:.2s;position:relative}
.mobile-bottom-nav a span{font-size:20px;line-height:1;font-family:Tahoma,sans-serif}
.mobile-bottom-nav a b{font:600 10px Vazirmatn,Tahoma,sans-serif}
.mobile-bottom-nav a.active{color:#12345b;background:rgba(212,175,55,.15)}
.mobile-bottom-nav a.active:after{content:"";position:absolute;top:4px;width:24px;height:2px;border-radius:4px;background:#d4af37}
.mobile-bottom-nav a:active{transform:scale(.96)}
}