.listing-hero { padding: 150px 0 40px; }
.listing-hero h1 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); margin-top: 10px; }
.listing-hero p { margin-top: 12px; }

.listing-layout { display: grid; grid-template-columns: 260px 1fr; gap: 40px; padding-bottom: 100px; align-items: start; }
.listing-filters { position: sticky; top: 100px; }

.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 40px; }
.pagination a {
  width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--card-border); color: var(--muted); font-size: 0.85rem;
}
.pagination a:hover { border-color: var(--accent); color: var(--accent); }
.pagination a.is-active { background: var(--accent); color: #020617; border-color: var(--accent); }

@media (max-width: 900px) {
  .listing-layout { grid-template-columns: 1fr; }
  .listing-filters { position: static; }
}