/* search.css · 상품 검색 섹션 (/electronics #search · 2026-09-12 임무 ②)
   ─────────────────────────────────────────────────────────────────────────
   390 우선. 폼·버튼은 44px 터치 타깃(--cs-hit). 결과 격자는 catalog.css .plist__grid / .pcard 를 그대로 상속한다 —
   열 수 규칙을 여기 두지 않는다(2열 → ≥768 3열 → 4열은 catalog.css 의 단계 그대로 · 검색 결과만 다른 열 수가 되지 않게).
   색은 stage.css 토큰(--cs-*)만 쓴다. 폐기 팔레트 hex 0(render-M (b)). 등장 초기 숨김 0(check-html ⓙ). */

/* 앵커 착지: sticky 헤더(48 · ≥1024 108) 아래로 제목이 가려지지 않게 */
.el-search{scroll-margin-top:calc(var(--cs-header-h) + 12px)}
.el-search [id]{scroll-margin-top:calc(var(--cs-header-h) + 12px)}

/* #banner 안 검색 바로 가기(검증 라운드 1) — 390 첫 화면에서 #search 로. 44px 타깃, 색은 토큰만 */
.el-jump{margin:-8px 0 20px}
.el-jump__link{
  display:inline-flex;align-items:center;min-height:var(--cs-hit);
  font-size:var(--cs-text-sm);font-weight:700;color:var(--cs-accent-deep);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
}
.el-jump__link:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}

/* 폼 — 헤더 패널의 .site-search 규칙(stage.css 17-5)을 상속하고 페이지 안 폭·타깃만 정한다 */
.el-search .site-search{max-width:640px;margin:0}
.el-search .site-search__row{gap:8px}
/* iOS 는 16px 미만 입력창에 포커스하면 화면을 확대한다 — 확대 0 */
.el-search .site-search__input{height:var(--cs-hit);font-size:16px}
.el-search .site-search__btn{min-height:var(--cs-hit);height:var(--cs-hit);padding:0 18px;font-size:var(--cs-text-sm)}

/* 건수(aria-live) · 상태 · 격자 · 더 보기 — 비어 있으면 자리를 차지하지 않는다 */
.el-search__count{margin:16px 0 0}
.el-search__count:empty{display:none}
.el-search .plist__state{margin-top:16px}
.el-search .plist__state-ctas .btn{min-height:var(--cs-hit)}
.el-search__grid{margin-top:12px}
.el-search__grid:empty{display:none}
.el-search .plist__more:has(> [hidden]){display:none}