.listing-filter-sticky {
  position: sticky;
  top: 64px;
  z-index: 20;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}
.listing-filter-sticky .mobile-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
}
.listing-filter-sticky .filter-drawer-container {
  display: none;
}
.listing-filter-sticky .filter-drawer-container.open {
  display: flex;
  position: fixed;
  inset: 8vh 50% auto 50%;
  transform: translateX(-50%);
  width: min(720px, calc(100vw - 32px));
  max-height: 84vh;
  z-index: 2000;
  overflow-y: auto;
  background: var(--bg-card);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  box-shadow: 0 24px 60px rgba(15, 23, 42, .25);
}
.listing-filter-sticky .filter-drawer-header { display: flex; }
.listing-filter-sticky .filter-drawer-backdrop { display: none; }
.listing-filter-sticky .filter-drawer-backdrop.open { display: block; }
.load-more-btn {
  display: block;
  min-width: 190px;
  min-height: 44px;
  margin: var(--space-8) auto 0;
}
@media (max-width: 768px) {
  .listing-filter-sticky { top: 0; }
  .listing-filter-sticky .filter-drawer-container.open {
    inset: 0 auto 0 0;
    transform: none;
    width: 85vw;
    max-width: 310px;
    max-height: none;
    border-radius: 0;
    padding: 0;
  }
  .load-more-btn { width: 100%; }
}