/* Shared bottom navigation on every public page. */
@media (max-width: 640px) {
	body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
	.mobile-bottom-nav { position: fixed; z-index: 300; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); border-top: 1px solid var(--gn-line); background: rgba(255, 255, 255, .98); box-shadow: 0 -8px 24px rgba(20, 33, 61, .08); }
	.mobile-bottom-nav__item { display: flex; min-width: 0; min-height: 56px; align-items: center; justify-content: center; flex-direction: column; gap: 1px; padding: 3px; border: 0; background: transparent; color: var(--gn-muted); }
	.mobile-bottom-nav__item span { font-size: 1.25rem; }
	.mobile-bottom-nav__item svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
	.mobile-bottom-nav__item.is-unavailable { opacity: .5; }
	.mobile-bottom-nav__item small { font-size: .7rem; font-weight: 750; }
	.mobile-bottom-nav__item.is-active { color: var(--gn-primary); }
	body.nearby-is-open .mobile-bottom-nav { display: none; }
}