@charset "utf-8";
/* 굿스푼 v16 검색 화면 — 2026-10-14 시안 v17c search.html(pages.css .ssec·.chip·.recent) 모양 · 칸은 js/gs_v16_search.js
   고도몰 goods_search 칸(.tit·.goods_top_box·ul.goods_product_list·더보기)은 그대로 두고 숨기기·모양만 */
#wrap .goods_search.gs-srch-on { padding-bottom: 28px; }
#wrap .goods_search.gs-srch-on > .tit { display: none !important; }
#wrap .goods_search.gs-srch-home > #goodslist { display: none !important; }   /* 입력 전 = 서버 «전체 상품» 목록 대신 최근·추천·요즘 많이 담는 메뉴 */
#wrap .gs-srch .gs-ssec { padding: 22px var(--gs-gutter) 6px; }
#wrap .gs-srch .gs-ssec h3, #wrap .gs-srch-tips .gs-ssec h3 { display: flex; justify-content: space-between; align-items: center; margin: 0 0 12px; font-size: 16px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); }
#wrap .gs-srch-tips .gs-ssec { padding: 26px var(--gs-gutter) 6px; }
#wrap .gs-srch .gs-srch-all { border: 0; background: none; padding: 4px 0; font-size: 13px; font-weight: 500; color: var(--gs-muted); cursor: pointer; }
#wrap .gs-srch .gs-chips, #wrap .gs-srch-tips .gs-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 !important; margin: 0; }
#wrap .gs-srch .gs-chip, #wrap .gs-srch-tips .gs-chip { text-decoration: none; }
#wrap .gs-srch .gs-chip-rc { padding: 0 6px 0 14px; gap: 0; }
#wrap .gs-srch .gs-chip-rc a { height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: inherit; text-decoration: none; line-height: 32px; }   /* gs_v15.css:148 .gs-chips a 알약 테두리가 칩 안 글자에도 걸려 겹선이 됐다(10/14 미리보기) */
#wrap .gs-srch .gs-chip-rc button { width: 24px; height: 28px; margin-left: 2px; border: 0; background: none; color: var(--gs-muted); font-size: 12px; line-height: 28px; cursor: pointer; }
#wrap .gs-srch .gs-srch-none { padding: 6px 0 4px; font-size: 13px; color: var(--gs-muted); }
#wrap .gs-srch .gs-srch-pop { padding: 28px 0 6px; }
#wrap .gs-srch .gs-srch-pop[hidden] { display: none; }
#wrap .gs-srch .gs-ssec-hd { display: flex; justify-content: space-between; align-items: center; padding: 0 var(--gs-gutter) 12px; }
#wrap .gs-srch .gs-ssec-hd h3 { margin: 0; }
#wrap .gs-srch .gs-more { font-size: 13px; color: var(--gs-muted); text-decoration: none; }
#wrap .gs-srch .gs-more::after { content: ' ›'; }
/* 결과·0건 머리 — 시안 .ph h1(19px) */
#wrap .gs-srch .gs-srch-hd { padding: 18px var(--gs-gutter) 4px; }
#wrap .gs-srch .gs-srch-hd h2 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); word-break: break-all; }
/* 총 N개 · 정렬(고도몰 select 그대로) — 시안 toolsHtml */
#wrap .goods_search.gs-srch-on .goods_top_box { padding: 4px var(--gs-gutter) 14px; border: 0; background: none; }
#wrap .goods_search.gs-srch-on .goods_arr_box { display: flex; align-items: center; gap: 10px; float: none; width: auto; padding: 0; border: 0; }
#wrap .goods_search.gs-srch-on .goods_arr_box::after { display: none; }
#wrap .goods_search.gs-srch-on .gs-srch-cnt { flex: 1; margin: 0; font-size: 13px; color: var(--gs-muted); }
#wrap .goods_search.gs-srch-on .gs-srch-cnt b { color: var(--gs-text); font-weight: 700; }
#wrap .goods_search.gs-srch-on .goods_sort { float: none; width: auto; margin: 0; }
#wrap .goods_search.gs-srch-on .goods_sort .inp_sel { width: auto; border: 0; background: none; }
#wrap .goods_search.gs-srch-on .goods_sort select { height: 32px; padding: 0 22px 0 4px; border: 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e4f40' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 2px center / 14px; color: var(--gs-sub); font-size: 13px; -webkit-appearance: none; appearance: none; }
#wrap .goods_search.gs-srch-on .goods_view_type { display: none !important; }   /* 보기 방식 단추(list·gallery) — 시안은 2칸 하나 · 값(displayType)은 그대로 */
/* 0건 — 서버 «상품이 존재하지 않습니다» 칸 · 더보기 숨김 */
#wrap .goods_search.gs-srch-none .goods_product_list > li.no_bx { grid-column: 1 / -1; padding: 28px 0 8px; border: 0; background: none; text-align: center; }
#wrap .goods_search.gs-srch-none .goods_product_list > li.no_bx strong { font-size: 14px; font-weight: 600; color: var(--gs-muted); }
#wrap .goods_search.gs-srch-none .btn_box { display: none !important; }
/* 더보기 — 시안 «더 보기» 줄 단추 */
#wrap .goods_search.gs-srch-on .btn_box { padding: 22px var(--gs-gutter) 0; }
#wrap .goods_search.gs-srch-on .btn_box .more_btn { width: 100%; height: 46px; border: 1px solid var(--gs-line); border-radius: 12px; background: #fff; color: var(--gs-sub); font-size: 14px; font-weight: 600; }