/**
 * ============================================================================
 * CATEGORY HEADER - CATEGORY PAGE TITLE AND DESCRIPTION
 * ============================================================================
 * Displays category name and description at top of category pages.
 * ============================================================================
 */

/* ========================================================================== */
/* MAIN CONTAINER */
/* ========================================================================== */
.category-header {
  width: 100%; /* Full width */
  background: none; /* Transparent */
  padding: 20px 0; /* Vertical spacing */
}

/* INNER CONTAINER */
.category-header__container {
  max-width: 100%; /* Full width */
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 8px; /* Space between title and description */
}

/* CATEGORY TITLE */
.category-header__title {
  color: #ffffff; /* White text */
  font-size: 24px; /* Large heading */
  font-weight: 900; /* Heavy weight */
  margin: 0; /* No margin */
  line-height: 1.2; /* Tight line spacing */
}

/* CATEGORY DESCRIPTION */
.category-header__description {
  color: rgba(255, 255, 255, 0.7); /* Semi-transparent white */
  font-size: 14px; /* Smaller text */
  font-weight: 400; /* Regular weight */
  margin: 0; /* No margin */
  line-height: 1.6; /* Comfortable line spacing */
}