/*
 * 제품 검색 결과 페이지 (PUBLIC-FINAL-BUNDLE-001).
 *
 * 헤더 검색창(.sh-search)은 GLOBAL SHELL 소유라 public-shell.css 에 있다.
 * 이 파일은 검색 "결과 화면" 전용이다.
 * shell namespace(.sh-*)를 오염시키지 않도록 분리해 둔다.
 */
/* ── 검색 결과 페이지 ────────────────────────────────────── */
.pub-root .sr-lead{margin-top:var(--s2);}
/*
 * 검색 결과 화면의 재검색 폼 (PATCH-009 · P0-1).
 *
 * 높이를 버튼과 같은 토큰으로 맞춘다.
 *   이전에는 input 이 min-height:48px, 버튼은 공통 .btn 의 var(--h-md).
 *   두 값이 달라 버튼 아래가 4px 떠 보였다(실측 · 전 폭).
 *   숫자를 따로 적으면 한쪽만 바뀐다.
 *
 * align-items:center 를 둔다.
 *   높이가 같아도 폰트나 border 차이로 baseline 이 흔들릴 수 있다.
 *
 * max-width 는 그대로 두되 왼쪽 기준선에 맞춘다.
 *   본문 heading 과 같은 x 에서 시작해야 한 덩어리로 읽힌다.
 *   PC 에서 폼만 화면 가운데로 가면 제목과 어긋난다.
 */
.pub-root .sr-form{display:flex;align-items:center;gap:var(--s2);
  margin-top:var(--s5);max-width:520px;}
.pub-root .sr-form input{flex:1 1 auto;min-width:0;
  height:var(--h-md);padding:0 var(--s4);
  border:0;border-radius:var(--r1);
  box-shadow:inset 0 0 0 1px var(--pub-line-2);
  font-size:var(--fs-label);color:var(--pub-ink);}
/*
 * focus 표시를 지우지 않는다.
 *   이전에는 outline:none 만 두고 box-shadow 로 대체했다.
 *   Windows 고대비 모드에서는 box-shadow 가 그려지지 않아
 *   키보드 사용자가 현재 위치를 잃는다.
 *   outline 을 투명하게 남겨 고대비 모드에서 보이게 한다.
 */
.pub-root .sr-form input:focus-visible{
  outline:2px solid transparent;outline-offset:0;
  box-shadow:inset 0 0 0 2px var(--pub-ink);}

.pub-root .sr-pop{max-width:520px;}
.pub-root .sr-pop__t{margin-bottom:var(--s3);
  font-size:var(--fs-label);font-weight:var(--fw-sb);color:var(--pub-ink-3);}
.pub-root .sr-pop__list{margin:0;padding:0;list-style:none;
  display:grid;gap:var(--s1);}
.pub-root .sr-pop__list a{display:flex;align-items:center;gap:var(--s3);
  min-height:44px;padding:0 var(--s3);border-radius:var(--r1);
  font-size:var(--fs-label);color:var(--pub-ink);}
.pub-root .sr-pop__list a:hover{text-decoration:none;background:var(--pub-bg-2);}
.pub-root .sr-pop__n{flex:0 0 auto;width:16px;
  font-weight:var(--fw-b);color:var(--pub-ink-4);font-variant-numeric:tabular-nums;}
.pub-root .sr-pop__list li:nth-child(-n+3) .sr-pop__n{color:var(--pub-accent);}

/* ── 모바일 메뉴 상담 진입 (PUBLIC-FINAL-BUNDLE-001) ──────
 * 헤더에서 상담 버튼을 뺐다. 좁은 화면에서는 여기가 주 진입점이다.
 */
.pub-root .sh-menu__counsel{display:grid;gap:2px;width:100%;
  padding:var(--s4);margin-bottom:var(--s4);
  border:1px solid var(--pub-line);border-radius:var(--r2);
  background:var(--pub-accent-bg);cursor:pointer;text-align:left;}
.pub-root .sh-menu__counsel-t{font-size:var(--fs-label);font-weight:var(--fw-b);
  color:var(--pub-ink);}
.pub-root .sh-menu__counsel-d{font-size:var(--fs-caption);color:var(--pub-ink-3);}
.pub-root .sh-menu__counsel-go{margin-top:var(--s1);
  font-size:var(--fs-label);font-weight:var(--fw-sb);color:var(--pub-accent);}

.pub-root .sh-menu__tel{display:flex;align-items:center;gap:var(--s2);
  min-height:48px;margin-top:var(--s4);padding-top:var(--s4);
  border-top:1px solid var(--pub-line);
  font-size:var(--fs-label);color:var(--pub-ink-3);}
.pub-root .sh-menu__tel b{color:var(--pub-ink);font-variant-numeric:tabular-nums;}
.pub-root .sh-menu__tel:hover{text-decoration:none;}