/* ==========================================================================
   ARAÇLAR (LİSTELEME) SAYFASI
   (.page-header ortak stili artık components.css içinde tanımlıdır)
   ========================================================================== */

.filter-bar {
  position: sticky; top: var(--header-h); z-index: 20;
  background: rgba(15,23,42,0.85); backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-4);
}
.filter-bar__inner { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; }
.filter-bar select, .filter-bar input[type="search"] {
  background: rgba(255,255,255,0.04); border: 1px solid var(--glass-border); color: var(--color-text);
  padding: 0.7rem 1rem; border-radius: var(--radius-sm); font-size: var(--fs-small);
}
.filter-bar__categories { display: flex; gap: var(--space-2); }
.filter-chip {
  padding: 0.6rem 1.1rem; border-radius: var(--radius-full); font-size: var(--fs-small); font-weight: 600;
  border: 1px solid var(--glass-border); color: var(--color-text-muted); transition: var(--transition-fast);
}
.filter-chip.is-active, .filter-chip:hover { border-color: var(--color-hover); color: #fff; background: rgba(37,99,235,0.16); }
.filter-bar__spacer { flex: 1; }
.filter-bar__count { font-size: var(--fs-small); color: var(--color-text-muted); white-space: nowrap; }

/* .listing-grid / .listing-empty ortak stilleri components.css içindedir */