.lower-nav { position: sticky; top: 0; z-index: 4000; background: #0f1115;
  border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: saturate(140%) blur(6px); }
.lower-nav__wrap { max-width: 1100px; margin: 0 auto; padding: 8px 12px; display: flex; gap: 12px; }
.lower-nav__link { color: #e5e7eb; text-decoration: none; padding: 8px 12px; border-radius: 10px; font-size: 15px; line-height: 1; transition: background .15s ease, color .15s ease; }
.lower-nav__link:hover { background: rgba(255,255,255,.06); }
.lower-nav__link.is-active { background: rgba(255,255,255,.12); color: #fff; }
@media (max-width: 640px) {
  .lower-nav__wrap { justify-content: space-between; padding: 10px 12px; gap: 8px; }
  .lower-nav__link { font-size: 14px; padding: 10px 14px; }
}
@media (max-width: 380px) {
  .lower-nav__link { padding: 8px 10px; font-size: 13px; }
}