/* 「오늘 내린 가격」 검색 (2026-11-10 납품 입구·검색) — assets/js/kf-search.js 와 짝
   값: 납품-입구검색-1110 D-E2 · D-E5 · D-E6 가이드·치수도 · 신규권장값목록 (웹은 라이트만) */

/* ── D-E2 PC 위쪽 메뉴 맨 앞 「오늘 내린 가격」 · 검색칸(1024 이상) ── */
/* 메뉴 항목 — 높이 36 · 좌우 13 · 반경 10 · 14/21/500 #4e5968 · 항목 사이 0(치수도 D-E2-1 3~9번) · 「배송 신청」 강조 14/21/700 #3182f6
   (쇼핑 탭이 켜져 이 파일이 실릴 때만 — 꺼져 있으면 지금 운영 메뉴 그대로) */
@media (min-width:1024px){
  .kfr-appbar__nav{gap:0;margin-left:4px}
  .kfr-appbar__nav a{height:36px;padding:0 13px;border-radius:10px;font-size:14px;line-height:21px}
  .kfr-appbar__nav a.kfr-appbar__navbtn{height:36px;padding:0 13px;margin:0;font-weight:700}
  .kfr-appbar__nav,.kfr-logo,.kfr-appbar__box,.kfa-appbar-bell,.kfr-appbar__menu,.kfr-appbar__login{flex:none}   /* 줄어드는 것은 검색칸 하나(220 → 최소 160) */
  .kfr-appbar__menu{margin-right:-6px}   /* ☰ 오른쪽 끝 = 시안 D-E2-1(검색칸 x677.5 · 폭 215.5 에 맞춤) */
}
.kfr-appbar__nav a.kfr-appbar__navdeal.is-cur{background:#e8f3ff;color:#1b64da !important;font-weight:700}
.kfr-appbar__sf{display:none}
@media (min-width:1024px){
  .kfr-appbar__srch{display:none !important}
  .kfr-appbar__sf{display:flex;align-items:center;gap:6px;flex:0 1 220px;min-width:160px;height:36px;margin:0 4px 0 -4px;padding:0 10px 0 12px;border-radius:10px;background:#f2f4f6;color:#8b95a1;box-sizing:border-box;position:relative}
  .kfr-appbar__sf svg{flex:none}
  .kfr-appbar__sf input{flex:1;min-width:0;height:36px;margin:0;padding:0;border:0;background:none;outline:0;font:inherit;font-size:14px;line-height:21px;color:#191f28;-webkit-appearance:none;appearance:none}
  .kfr-appbar__sf input::placeholder{color:#8b95a1;opacity:1}
  .kfr-appbar__sf input::-webkit-search-cancel-button{display:none}
  .kfr-appbar__sf:focus-within{box-shadow:inset 0 0 0 1.5px #3182f6}
  .kfr-appbar__sfx{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;padding:0;border:0;background:none;cursor:pointer}
  .kfr-appbar__sfx[hidden]{display:none}
}

/* ── D-E6 휴대폰 펼침 — 같은 화면 위(새 페이지 아님) · 바탕 #f2f4f6 ── */
html.kf-sx-open,html.kf-sx-open body{overflow:hidden}
.kf-sx{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:#f2f4f6;opacity:0;transition:opacity .15s ease}
.kf-sx.is-in{opacity:1}
.kf-sx[hidden]{display:none}
.kf-sx__bar{flex:none;display:flex;align-items:center;gap:3px;height:56px;padding:0 16px 0 3px;background:#fff;box-shadow:0 1px 0 #f2f4f6;box-sizing:border-box}
.kf-sx__x{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:none;color:#333d4b;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kf-sx__x:active{background:#f2f4f6}
.kf-sx__f{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 0 0 12px;border-radius:10px;background:#f2f4f6;color:#8b95a1;box-sizing:border-box}
.kf-sx__f svg{flex:none}
.kf-sx__f input{flex:1;min-width:0;height:40px;margin:0;padding:0 0 2px;box-sizing:border-box;border:0;background:none;outline:0;font:inherit;font-size:16px;line-height:24px;color:#191f28;caret-color:#3182f6;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
.kf-sx__f input::placeholder{color:#8b95a1;opacity:1}
.kf-sx__f input::-webkit-search-cancel-button{display:none}
.kf-sx__clr{flex:none;display:flex;align-items:center;justify-content:flex-end;width:44px;height:40px;margin:0;padding:0 10px 0 0;border:0;background:none;cursor:pointer;box-sizing:border-box}
.kf-sx__clr[hidden]{display:none}
.kf-sx__f:has(.kf-sx__clr[hidden]){padding-right:10px}
.kf-sx__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:32px;overscroll-behavior:contain}

/* 묶음 머리 13/19/600 #6b7684 · 좌우 20 · 위 20(묶음 사이 24 · 0개 아래 40) · 아래 8 */
.kf-sx__h{margin:24px 0 8px;padding:0 20px;font-size:13px;line-height:19px;font-weight:600;color:#6b7684}
.kf-sx__h.is-first{margin-top:20px}
.kf-sx__zero + .kf-sx__h{margin-top:40px}
/* 칩 36 · 반경 18 · 흰 바탕 + 안쪽 1px #e5e8eb · 14/21/500 #333d4b · 안쪽 0 14 · 사이 8 · 줄바꿈 */
.kf-sx__chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px}
.kf-sx__chip{display:inline-flex;align-items:center;height:36px;margin:0;padding:0 14px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #e5e8eb;font:inherit;font-size:14px;line-height:21px;font-weight:500;color:#333d4b !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;transition:background-color .15s ease}
.kf-sx__chip:active{background:#f2f4f6}
/* ① 맨 아래 한 줄 — 위 24 · 링크 그림 16 #b0b8c1 · 13/19 #8b95a1 */
.kf-sx__hint{display:flex;align-items:center;gap:6px;margin:24px 0 0;padding:0 20px;font-size:13px;line-height:19px;color:#8b95a1}
.kf-sx__hint svg{flex:none;color:#b0b8c1}

/* 브랜드 줄(E⑩) — 흰 상자 반경 16 · 좌우 12 · 안쪽 14 12 14 16 · 원 40 #f2f4f6 · 15/22/700 + 13/19 #6b7684 · 꺾쇠 16 #b0b8c1 */
.kf-sx__bl{display:flex;flex-direction:column;gap:8px;margin:0 12px}
.kf-sx__brand,.kf-sx__link{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;border-radius:16px;background:#fff;color:inherit !important;text-decoration:none !important;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
.kf-sx__brand:active,.kf-sx__link:active{background:#f2f4f6}
.kf-sx__bc{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;background:#f2f4f6;font-size:16px;font-weight:700;color:#4e5968}
.kf-sx__bt,.kf-sx__lt{flex:1;min-width:0;display:flex;flex-direction:column}
.kf-sx__bt b,.kf-sx__lt b{font-size:15px;line-height:22px;font-weight:700;color:#191f28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-sx__bt small,.kf-sx__lt small{font-size:13px;line-height:19px;color:#6b7684;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-sx__ch{flex:none;color:#b0b8c1}
/* ⑤ 링크 줄 — 위 12 · 원 40 #e8f3ff + 링크 그림 20 #3182f6 */
.kf-sx__link{margin:12px 12px 0}
.kf-sx__lic{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;background:#e8f3ff;color:#3182f6}
.kf-sx__link + .kf-sx__h{margin-top:24px}

/* 상품 줄 — 쇼핑 탭 목록 줄(D-S2) 그대로 · 카드 좌우 12 */
.kf-sx__dl{margin:0}
.kf-sx .kf-sx__dl ul.kf-dl__list{margin:0 12px}

/* ③ ④ ⑥ 0개·실패 — 위 64 · 17/25/700 가운데 · 최대 폭 300 → 16 → 버튼 44 */
.kf-sx__zero{display:flex;flex-direction:column;align-items:center;margin:64px auto 0;padding:0 20px;max-width:340px;text-align:center}
.kf-sx__zt{margin:0;max-width:300px;font-size:17px;line-height:25px;font-weight:700;color:#191f28;word-break:keep-all}
.kf-sx__fill,.kf-sx__weak{display:inline-flex;align-items:center;justify-content:center;height:44px;margin:16px 0 0;padding:0 20px;border:0;border-radius:12px;font:inherit;font-size:15px;line-height:22px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
.kf-sx__fill{background:#3182f6;color:#fff}
.kf-sx__fill:active{background:#1b64da}
.kf-sx__weak{background:#e8f3ff;color:#1b64da}
.kf-sx__weak:active{background:#d0e5ff}
.kf-sx__on{display:flex;align-items:center;justify-content:center;height:44px;margin:16px 0 0;font-size:15px;line-height:22px;font-weight:600;color:#6b7684;outline:0}
.kf-sx__tb{display:inline-flex;align-items:center;gap:2px;min-height:44px;margin:16px 0 0;padding:0 8px;border-radius:10px;font-size:15px;line-height:22px;font-weight:700;color:#3182f6 !important;text-decoration:none !important}
.kf-sx__tb:active{background:#f2f4f6}
.kf-sx-toast{position:fixed;left:18px;right:18px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;padding:13.5px 16px 13.5px 14px;border-radius:12px;background:rgba(25,31,40,.86);color:#fff;font-size:14px;line-height:21px;text-align:left}
.kf-sx-toast[hidden]{display:none}
.kf-sx a:focus-visible,.kf-sx button:focus-visible{outline:2px solid #3182f6;outline-offset:2px}

/* ── D-E2 PC 드롭다운 — 폭 400 · 칸 아래 6 · 오른쪽 맞춤 · 반경 16 · 그림자 ── */
.kf-sx--pc{position:absolute;inset:auto;width:400px;z-index:90;display:block;background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(0,23,51,.14),0 0 0 1px rgba(0,23,51,.05);opacity:1;padding:6px 0 10px}
.kf-sx--pc .kf-sx__body{overflow-y:auto;padding:0}
.kf-sx--pc .kf-sx__h{margin:10px 0 4px;padding:0 16px;font-size:12px;line-height:18px}
.kf-sx--pc .kf-sx__h.is-first{margin-top:10px}
.kf-sx--pc .kf-sx__bl{margin:0;gap:0}
.kf-sx--pc .kf-sx__brand,.kf-sx--pc .kf-sx__link{margin:0;padding:8px 16px;border-radius:0}
.kf-sx--pc .kf-sx__bc,.kf-sx--pc .kf-sx__lic{width:36px;height:36px}
.kf-sx--pc .kf-sx__brand.is-sel .kf-sx__bc{background:#fff}
.kf-sx--pc .kf-sx__bt b,.kf-sx--pc .kf-sx__lt b{font-size:14px;line-height:21px}
.kf-sx--pc .kf-sx__bt small,.kf-sx--pc .kf-sx__lt small{font-size:12px;line-height:18px}
.kf-sx--pc .is-sel{background:#f2f4f6}
.kf-sx--pc .kf-sx__chips{padding:2px 16px 4px}
.kf-sx--pc .kf-sx__zero{margin:24px auto 14px}
.kf-sx__pl{list-style:none;margin:0;padding:0}
.kf-sx__pl li{margin:0;padding:0}
.kf-sx__pr{display:flex;align-items:center;gap:12px;padding:8px 16px;color:inherit !important;text-decoration:none !important}
.kf-sx__pr:hover{background:#f9fafb}
.kf-sx__pth{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f2f4f6}
.kf-sx__pth img{display:block;width:44px;height:44px;object-fit:cover}
.kf-sx__pbd{flex:1;min-width:0;display:flex;flex-direction:column}
.kf-sx__pbd b{font-size:14px;line-height:20px;font-weight:600;color:#191f28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-sx__pbd small{font-size:12px;line-height:18px;color:#8b95a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-sx__pv{display:flex;align-items:baseline;font-size:13px;line-height:20px;color:#4e5968;white-space:nowrap}
.kf-sx__pv b{margin-left:3px;font-size:15px;font-weight:700;color:#191f28}
.kf-sx__pv i{font-style:normal;align-self:center;display:inline-flex;align-items:center;height:20px;margin-left:6px;padding:0 5px;border-radius:6px;background:#e8f3ff;font-size:12px;font-weight:700;color:#1b64da}
@media (prefers-reduced-motion:reduce){ .kf-sx,.kf-sx__chip,.kf-sx__brand,.kf-sx__link,.kf-sx__fill,.kf-sx__weak{transition:none} }
.kf-sx .kf-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kf-sx__bl + .kf-sx__h{margin-top:20px}   /* 브랜드 상자 다음 머리는 20(치수도 D-E6-2 15번) */

/* 검색 결과 상품 줄 = 쇼핑 탭 목록 줄(kf-shop.css 끝 「목록 줄 시안 크기」) 그대로 */
/* 320 — 메타는 말줄임 없이 다음 줄로(시안 D-E6-7 「조스 뉴발란스 아울렛 · 미국 ·」/「2시간 전 확인」) · 금액 줄은 한 줄 */
.kf-sx .kf-sx__dl .kf-dl__m{display:block;word-break:keep-all}
.kf-sx .kf-sx__dl .kf-dl__shop,.kf-sx .kf-sx__dl .kf-dl__keep,.kf-sx .kf-sx__dl .kf-dl__col{display:inline;white-space:normal;overflow:visible}
.kf-sx .kf-sx__dl .kf-dl__ar{white-space:nowrap}
.kf-sx--pc .kf-sx__bl + .kf-sx__h{margin-top:14px}   /* 치수도 D-E2-3 21번 — 브랜드 줄 다음 머리 위 14 */