/*
 * 검색 결과 목록의 `더보기` 버튼 — 목업에 대응 마크업이 없어 새로 추가한 스타일.
 *
 * 목업(CH-U-PR-02-01-02)의 검색 결과 화면에는 `더보기` 버튼이 아예 없다. 그래서
 * `page/product.css` 의 `button.more_btn` 규칙은
 * `.page-product main .cont_wrap .pd_wrap > .tab_cont > .tabcont` 아래에만 있고
 * (PC 611행 · 1024px 이하 3445행), 검색 결과는 래퍼가
 * `.tab-cont-wrap > .tabcont_wrap.tabcont01.active` 라 **한 규칙도 걸리지 않는다** —
 * 그래서 브라우저 기본 버튼 모양으로 떴다.
 *
 * 값은 목업 원본(`page/product.css`)과 같다. 원본을 고치거나 `!important` 로 덮지 않고,
 * 검색 결과 래퍼에만 같은 선언을 다시 건다. 카테고리 목록(`.pd_wrap`)에는 손대지 않으므로
 * 그쪽 `더보기` 는 원본 규칙이 그대로 적용된다.
 */
.search-result-page main .product_list .tabcont_wrap > button.more_btn {
  display: block;
  margin: 40px auto 0;
  padding: 0;
  width: 320px;
  height: 44px;
  border: 0.5px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

/* 목업 원본과 같은 브레이크포인트(1024px 이하)에서 전체 폭이 된다 — product.css 3445행 */
@media (max-width: 1024px) {
  .search-result-page main .product_list .tabcont_wrap > button.more_btn {
    width: 100%;
  }
}

/*
 * 진행 중(`불러오는 중…`)에는 버튼이 잠긴다 — 목업에 이 상태가 없어 여기서만 정의한다.
 * 카테고리 목록의 `더보기` 도 같은 컴포넌트가 그리므로 스코프를 나누지 않고 함께 건다.
 */
.page-product button.more_btn:disabled {
  color: var(--color-text-light);
  cursor: default;
}