/**
 * wc-section-header.css
 * Styles for the global WC Section Header component.
 */

.wc-section {
  padding: var(--sp-xl) 0;
}

.wc-section-header {
  margin-bottom: var(--sp-lg);
}

.wc-section-header .t-h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--t-h1);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--dark);
  margin-bottom: var(--sp-xs);
}

.wc-section-header .t-body {
  font-size: var(--t-body);
  color: var(--body-text);
  line-height: 1.7;
}

/* ── Cards grid ── */
.wc-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-md);
}

@media (max-width: 768px) {
  .wc-cards-grid {
    grid-template-columns: 1fr;
  }
}