@media (max-width: 800px) {
  .mobile-nav {
    position: sticky;
    top: 57px;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 6;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 6px max(8px, env(safe-area-inset-left)) 6px max(8px, env(safe-area-inset-right));
    border-top: 0;
    border-bottom: 1px solid #dce2e9;
    background: #ffffffed;
    box-shadow: 0 4px 12px #10234e0a;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .mobile-link {
    min-height: 48px;
    gap: 4px;
    padding: 4px 2px;
    font-size: 10px;
  }

  .mobile-link span {
    height: 20px;
    font-size: 18px;
  }
}