/* ══ BOTTOM NAV ══ */
.bottom-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; height: var(--nav-h); background: var(--text); z-index: 200; box-shadow: 0 -2px 14px rgba(0,0,0,.12); padding-bottom: env(safe-area-inset-bottom); }
.bottom-nav-inner { display: flex; align-items: stretch; height: 100%; }
.bottom-nav button { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border: none; background: transparent; color: rgba(255,255,255,.4); font-family: 'Plus Jakarta Sans', sans-serif; font-size: .58rem; font-weight: 600; cursor: pointer; border-radius: 10px; margin: 5px 2px; transition: all .18s; -webkit-tap-highlight-color: transparent; }
.bnav-svg { width: 20px; height: 20px; }
.bottom-nav button.active { background: var(--brand); color: #fff; box-shadow: 0 2px 10px rgba(0,165,194,.4); }