@charset "utf-8";

/* ================================================================
   검색 (search.php) — 입력 전(추천 검색어) / 결과(1열) / 결과 없음
   헤더 → 16 → 광고 → (MO 16 / PC 10) → 검색창(위아래 16) → (MO 16 / PC 10) → 내용
   ================================================================ */
.page--search {
  --page-top: 16px;
}

.search-page__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, calc(16px - 6 * var(--fluid)), 16px);
}

/* ---------- 결과 없음 ---------- */
.search-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: clamp(40px, calc(40px + 8 * var(--fluid)), 48px);
  text-align: center;
}

.search-empty__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 32px;
  color: var(--gray-a3);
}

.search-empty__title {
  color: var(--gray-a2);
  font-size: var(--fs-empty);
  font-weight: 700;
  line-height: clamp(28px, calc(28px + 20 * var(--fluid)), 48px); /* 20/28 → 26/48 */
}

.search-empty__desc {
  color: var(--gray-a3);
  font-size: var(--fs-title3);
  font-weight: 500;
  line-height: 1.6;
}

.search-page__divider {
  height: 1px;
  margin: 16px 16px 0;
  background: var(--fill-elevated);
}

.search-page__results {
  display: flex;
  flex-direction: column;
}