/* hb-growth — growth.html 카테고리 강의 리스트 (WP 프론트, 스코프 .hb-growth-root) */
.hb-growth-root{--nv:#1B3C6E;--nv2:#2E5FA3;--gold:#C9963B;--line:#DFE7F0;--ink:#2F3A4A;--soft:#5D6B80;--bg:#F5F8FC;
  font-family:'Pretendard','Malgun Gothic',sans-serif;color:var(--ink);max-width:1120px;margin:0 auto;padding:22px 16px 60px;box-sizing:border-box;}
.hb-growth-root *{box-sizing:border-box;}
.hb-growth-root .hb-g-title{font-size:24px;font-weight:800;color:var(--nv);margin:6px 0 18px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.hb-growth-root .hb-g-title .cnt{font-size:14px;font-weight:600;color:var(--soft);}
.hb-growth-root .hb-g-title .path{font-size:13px;color:var(--soft);font-weight:600;}
.hb-growth-root .gcur{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;margin:0 0 18px;overflow:hidden;box-shadow:0 1px 3px rgba(27,60,110,.05);}
.hb-growth-root .gcur-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;
  background:linear-gradient(120deg,#EAF1FA,#F5F8FC);border-bottom:1px solid var(--line);flex-wrap:wrap;}
.hb-growth-root .gcur-name{font-size:17px;font-weight:800;color:var(--nv);}
.hb-growth-root .gcur-name b{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:var(--soft);}
.hb-growth-root .gcur-instr{margin-top:4px;font-size:13px;}
.hb-growth-root .gcur-instr a{color:var(--nv2);text-decoration:none;font-weight:700;}
.hb-growth-root .cur-buy{text-align:right;min-width:190px;}
.hb-growth-root .cur-price{font-size:15px;font-weight:800;color:var(--gold);white-space:nowrap;}
.hb-growth-root .cur-orig{color:#9aa6b6;text-decoration:line-through;font-weight:600;font-size:13px;margin-right:6px;}
.hb-growth-root .cur-off{background:#B3262E;color:#fff;font-size:11px;font-weight:800;padding:1px 6px;border-radius:8px;margin-left:6px;}
.hb-growth-root .cur-price .won{font-size:12px;color:var(--soft);font-weight:600;margin-left:1px;}
.hb-growth-root .buy-btn{display:inline-block;margin-top:8px;background:var(--gold);color:#fff;border:0;border-radius:9px;
  padding:9px 15px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;}
.hb-growth-root .buy-btn:hover{filter:brightness(.95);}
.hb-growth-root .grow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid #eef2f7;flex-wrap:wrap;}
.hb-growth-root .grow h4{font-size:15px;font-weight:600;margin:0;color:var(--ink);flex:1;min-width:180px;}
.hb-growth-root .gright{display:flex;align-items:center;gap:10px;white-space:nowrap;}
.hb-growth-root .gprice{font-size:15px;font-weight:800;color:var(--nv);}
.hb-growth-root .free-badge{background:#E3F4E8;color:#2E7D46;border:1px solid #B6E0C2;font-size:12px;font-weight:700;padding:3px 10px;border-radius:11px;}
.hb-growth-root .cart-btn{background:#fff;border:1px solid var(--nv);color:var(--nv);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;}
.hb-growth-root .cart-btn:hover{background:var(--nv);color:#fff;}
.hb-growth-root .watch-btn{background:var(--nv);color:#fff;border:0;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px;text-decoration:none;}
.hb-growth-root .watch-btn:hover{background:var(--nv2);}
.hb-growth-root .g-empty{text-align:center;color:var(--soft);padding:60px 20px;font-size:15px;}
.hb-growth-root .g-loading{text-align:center;color:var(--soft);padding:60px 20px;}

/* ── 상단 칩 필터 (한 줄 · 프리미엄) ── */
.hb-growth-root .hb-g-topbar{margin:2px 0 20px;}
.hb-growth-root .hb-g-filter{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;}
.hb-growth-root .hb-g-chips{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;padding:4px 2px 8px;
  scrollbar-width:thin;scrollbar-color:#c7d3e2 transparent;}
.hb-growth-root .hb-g-chips::-webkit-scrollbar{height:5px;}
.hb-growth-root .hb-g-chips::-webkit-scrollbar-thumb{background:#c7d3e2;border-radius:4px;}
.hb-growth-root .hb-chip{flex:0 0 auto;border:1px solid #E3E9F1;background:#fff;color:#5D6B80;border-radius:999px;
  padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;line-height:1;
  transition:all .16s ease;box-shadow:0 1px 2px rgba(27,60,110,.04);}
.hb-growth-root .hb-chip:hover{border-color:#B9C9DD;color:var(--nv);transform:translateY(-1px);}
.hb-growth-root .hb-chip.on{background:linear-gradient(135deg,#122B52,#1B3C6E);color:#fff;border-color:transparent;
  box-shadow:0 4px 12px rgba(27,60,110,.28);}
.hb-growth-root .hb-chip-sm{padding:8px 14px;font-size:13px;font-weight:600;}
.hb-growth-root .hb-chip-sep{flex:0 0 auto;width:1px;height:20px;background:#E3E9F1;margin:0 2px;}
.hb-growth-root .hb-g-search{flex:0 0 260px;position:relative;}
.hb-growth-root .hb-g-search input{width:100%;border:1px solid #E3E9F1;background:#F5F8FC;border-radius:999px;
  padding:11px 42px 11px 20px;font-size:14px;color:var(--ink);outline:none;transition:all .16s ease;font-family:inherit;}
.hb-growth-root .hb-g-search input:focus{background:#fff;border-color:var(--nv2);box-shadow:0 0 0 3px rgba(46,95,163,.12);}
.hb-growth-root .hb-g-search .hb-g-search-ico{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.55;pointer-events:none;}

/* ── 페이지네이션 ── */
.hb-growth-root .hb-g-pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:26px 0 8px;}
.hb-growth-root .hb-pg{min-width:38px;height:38px;padding:0 10px;border:1px solid #E3E9F1;background:#fff;color:var(--ink);
  border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .14s ease;font-family:inherit;}
.hb-growth-root .hb-pg:hover:not(:disabled){border-color:var(--nv);color:var(--nv);}
.hb-growth-root .hb-pg.on{background:linear-gradient(135deg,#122B52,#1B3C6E);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(27,60,110,.25);}
.hb-growth-root .hb-pg.nav{font-size:18px;font-weight:800;}
.hb-growth-root .hb-pg:disabled{opacity:.35;cursor:default;}
.hb-growth-root .hb-pg-dots{color:#9aa6b6;padding:0 2px;}
.hb-growth-root .hb-pg-info{width:100%;text-align:center;color:var(--soft);font-size:12px;margin-top:8px;}

@media(max-width:640px){
  .hb-growth-root .hb-g-filter{flex-wrap:wrap;}
  .hb-growth-root .hb-g-search{flex:1 1 100%;order:-1;}
}
@media(max-width:600px){
  .hb-growth-root .gcur-head{flex-direction:column;}
  .hb-growth-root .cur-buy{text-align:left;min-width:0;}
  .hb-growth-root .grow{align-items:flex-start;}
}