/* 카테고리 목록 페이지 */
.listing-hero {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 44px 24px 8px;
}

.listing-grid-section {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 26px 24px 8px;
}

.listing-cta-section {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 48px 24px 64px;
}

@media (max-width: 960px) {
  .listing-hero,
  .listing-grid-section,
  .listing-cta-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}