/* =============================================================
   category.css — Product list (category · search) screen styles
   ※ Product cards/grid use the shared styles from common.css.
   ============================================================= */

/* Top title — a clean text heading instead of a banner (like a store's category header) */
.page-hero {
  border-bottom: 1px solid var(--line);
  padding: 4px 2px 18px;
}
.page-hero h1 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.03em; }
.page-hero p { margin: 8px 0 0; font-size: 13px; color: var(--muted); }