/* -- FIXED FOOTER / BOTTOM NAV -- */
footer{
  position:fixed;bottom:0;left:0;right:0;
  height:var(--bot-h);
  background:#1a1a2e;
  display:flex;align-items:center;justify-content:space-around;
  box-shadow:0 -2px 12px rgba(0,0,0,.2);
  z-index:600;
}
.bnav-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;color:rgba(255,255,255,.55);background:none;border:none;
  cursor:pointer;font-family:'Inter',sans-serif;padding:6px 0;
  transition:color .2s;-webkit-tap-highlight-color:transparent;
  position:relative;
}
.bnav-btn .bi{font-size:1.3rem;line-height:1}
.bnav-btn .bl{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.bnav-btn.on{color:var(--yellow)}
.bnav-btn.on::after{content:'';position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--yellow);border-radius:0 0 3px 3px}
.bnav-badge{position:absolute;top:2px;right:calc(50% - 22px);background:var(--red);color:white;border-radius:999px;font-size:.5rem;font-weight:700;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0 3px}

/* -- TOAST -- */
.toast{position:fixed;bottom:calc(var(--bot-h) + 10px);left:50%;transform:translateX(-50%) translateY(10px);background:var(--dark);color:white;padding:8px 16px;border-radius:999px;font-size:.78rem;font-weight:500;box-shadow:var(--sh3);z-index:9999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* -- FAVS -- */
.favs-pg{padding:12px;max-width:1400px;margin:0 auto}
.favs-hd{background:linear-gradient(135deg,var(--blue-dk),var(--blue));border-radius:var(--rl);padding:16px 20px;color:white;margin-bottom:11px;display:flex;align-items:center;gap:10px}