/**
 * Sen Computer — category listing page (categorie.html).
 * Reuses .sc-product-grid/.sc-product-card (homepage-redesign.css) and the
 * compact .sc-home section/.sc-eyebrow sizing already scoped down for this
 * page family in product-page.css.
 */

.cp-hero { margin-bottom: 4px; }

.cp-hero h1 {
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  font-weight: var(--weight-700);
  color: var(--eerie-black);
  line-height: 1.2;
  margin: 2px 0 6px;
}

.cp-hero-desc { font-size: var(--fs-8); color: var(--sonic-silver-aa); margin-bottom: 6px; max-width: 60ch; }
.cp-hero-count { font-size: var(--fs-9); color: var(--sonic-silver-aa); }

.cp-empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 48px 20px;
  text-align: center;
  color: var(--sonic-silver-aa);
}
.cp-empty[hidden] { display: none; }
.sc-product-grid[hidden] { display: none; }
.cp-empty .sc-icon { font-size: 48px; color: var(--spanish-gray); }
.cp-empty p { font-size: var(--fs-8); }

.cp-error { padding: 24px; text-align: center; color: var(--bittersweet, #c0392b); font-size: var(--fs-8); }

.cp-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 28px;
}

.cp-page-link {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cultured);
  border-radius: 8px;
  font-size: var(--fs-9);
  color: var(--eerie-black);
  transition: background 150ms ease-out, border-color 150ms ease-out;
}
.cp-page-link:hover { background: var(--cultured); }
.cp-page-link.is-active { background: var(--eerie-black); border-color: var(--eerie-black); color: var(--white); }
.cp-page-link.is-disabled { opacity: 0.4; pointer-events: none; }

@media (max-width: 600px) {
  .cp-hero h1 { font-size: 1.25rem; }
  .cp-pagination { gap: 4px; }
  .cp-page-link { min-width: 30px; height: 30px; padding: 0 8px; font-size: var(--fs-10); }
}