/* =====================================================================
   밸롭 리뉴얼 — 상품 목록(카테고리) 페이지
   <!-- CAFE24 CONVERT: product/list.html. 상단 카테고리 정보는 {$category_*},
        정렬은 product_normalpackage 모듈 옵션, 그리드는 product_listmore 루프 -->
   ===================================================================== */

/* 카테고리 비주얼 */
.cat-hero{position:relative;height:clamp(180px,24vw,300px);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;}
.cat-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cat-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32);}
.cat-hero .ch{position:relative;z-index:2;color:#fff;}
.cat-hero .ch .t{font-size:clamp(26px,3.4vw,42px);font-weight:900;letter-spacing:-0.04em;}
.cat-hero .ch .d{margin-top:10px;font-size:14px;opacity:.92;}

/* breadcrumb */
.crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sub);padding-block:18px;}
.crumb a:hover{color:var(--ink);}
.crumb .sep{opacity:.6;}

/* 서브 카테고리 칩 */
.subcat{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);}
.subcat a{height:38px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;font-size:13.5px;
  font-weight:600;color:var(--muted);border:1px solid var(--line);transition:all .15s var(--ease);}
.subcat a:hover{border-color:var(--ink);color:var(--ink);}
.subcat a.on{background:var(--accent);border-color:var(--accent);color:#fff;}

/* 정렬/카운트 바 */
.list-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;flex-wrap:wrap;}
.list-bar .cnt{font-size:14px;color:var(--muted);}
.list-bar .cnt b{color:var(--ink);font-weight:700;}
.list-bar .sort{display:flex;align-items:center;gap:4px;}
.list-bar .sort button{font-size:13.5px;font-weight:600;color:var(--sub);padding:8px 12px;border-radius:6px;transition:all .15s var(--ease);}
.list-bar .sort button:hover{color:var(--ink);}
.list-bar .sort button.on{color:var(--ink);}
.list-bar .sort button.on::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle;}

/* 목록 그리드: 데스크탑 4단(상속) */
.list-grid{padding-block:8px 60px;}
.list-grid .prod-grid{gap:36px 18px;}

/* 페이지네이션 */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:30px;}
.pager a{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;
  font-size:14px;font-weight:600;color:var(--muted);transition:all .15s var(--ease);}
.pager a:hover{background:var(--soft);color:var(--ink);}
.pager a.on{background:var(--ink);color:#fff;}
.pager a.arrow{color:var(--sub);}