@charset "utf-8";

/* ================================================================
   카테고리 목록 (category.php)
   MO   : 헤더 → 32 → 제목 → 8 → 광고 → 16 → 카드 1열(3개마다 광고, 위아래 16)
   PC   : 헤더 → 32 → 광고 → 8 → 제목(padding 16 16 8) → 카드 4열(8개마다 광고, 위 24 / 아래 8)
   ================================================================ */
.page--category {
  --page-top: 32px;
}

.cate-page__inner {
  display: flex;
  flex-direction: column;
}

.cate-page__title {
  margin-bottom: 8px;
  color: var(--gray-a2);
  font-size: var(--fs-heading);
  font-weight: 700;
  line-height: 1.4;
}

.cate-page__top-ad {
  margin-bottom: 16px;
}

/* PC: 광고를 제목 위로 (숨기지 않고 순서만 바꾼다) */
@media (min-width: 1024px) {
  .cate-page__top-ad {
    order: -1;
    margin-bottom: 8px;
  }

  .cate-page__title {
    margin-bottom: 0;
    padding: 16px var(--inset) 8px;
  }
}