/* Category Hub Cards - frontend styles */
.chc-hub { margin: 1.5rem 0 2rem; }
.chc-hub__inner{
  max-width:1100px;margin:0 auto;padding:1.25rem 1rem;
  border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.04);
}
.chc-hub__head{ text-align:center; margin-bottom:1rem; }
.chc-hub__title{ margin:0; font-size:1.6rem; line-height:1.25; }
.chc-hub__subtitle{ margin:.35rem 0 0; opacity:.72; }

.chc-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; }
@media (min-width:640px){ .chc-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:980px){ .chc-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); } }

.chc-card{
  display:flex;flex-direction:column;text-decoration:none;
  border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;
  background:#fafafa;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.chc-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(0,0,0,.08);
  border-color:rgba(99,102,241,.35);
}
.chc-card__media{ height:92px; display:grid; place-items:center; background:#f1f2f4; }
.chc-card__img{ width:100%; height:92px; object-fit:cover; display:block; }
.chc-card__placeholder{
  width:44px;height:44px;border-radius:999px;display:grid;place-items:center;
  background:rgba(99,102,241,.12);color:rgba(49,46,129,.95);font-weight:700;font-size:18px;
}
.chc-card__body{ padding:.7rem .75rem .8rem; text-align:center; }
.chc-card__name{ font-weight:700; margin-bottom:.25rem; }
.chc-card__meta{ display:flex; gap:.5rem; justify-content:center; align-items:center; flex-wrap:wrap; opacity:.75; font-size:.88rem; }
.chc-card__count{
  padding:.12rem .5rem;border-radius:999px;border:1px solid rgba(0,0,0,.10);
  background:#fff;font-size:.78rem;opacity:.9;
}