/* AstroTown · Explore Page */
@import url('../tokens.css');

.filter-bar {
  position: sticky;
  top: var(--nav-h);
  z-index: var(--z-sticky);
  background: rgba(7,8,16,0.94);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid var(--border-subtle);
  padding-block: var(--s2);
}

.filter-bar-inner {
  display: flex;
  align-items: center;
  gap: var(--s3);
  overflow-x: auto;
  scrollbar-width: none;
  padding-inline: var(--s4);
  min-height: 44px;
}

.filter-bar-inner::-webkit-scrollbar { display: none; }

@media (min-width: 960px) {
  .filter-bar-inner { padding-inline: var(--s8); }
}