.mobile-bottom-nav{display:none}
@media(max-width:767px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-nav{position:fixed;z-index:9000;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));border:1px solid rgba(23,34,53,.13);border-radius:19px;background:rgba(255,252,247,.94);box-shadow:0 18px 50px rgba(25,21,16,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-bottom-nav a{position:relative;min-width:0;min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;color:#7a8593;transition:color .18s,background .18s,transform .18s}
  .mobile-bottom-nav a:active{transform:scale(.95)}
  .mobile-bottom-nav a.active{color:var(--coral);background:#fff0ec}
  .mobile-bottom-nav a.active:before{content:"";position:absolute;top:2px;left:50%;width:18px;height:3px;border-radius:99px;background:var(--coral);transform:translateX(-50%)}
  .mobile-nav-icon{width:23px;height:23px;display:grid;place-items:center}
  .mobile-nav-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:-.01em}
  .site-footer{margin-bottom:6px}
}
@media(max-width:370px){.mobile-bottom-nav{left:6px;right:6px;bottom:6px}.mobile-nav-label{font-size:8px}}