/* Section heading — Figma: Tasarım sistemi › Bölüm başlığı (231:679)
   Layout: left · center · split   Mobile: 28 px title, 16 px description
   Tablet (768–1023): mobile layout (always left-aligned) with a 34 px title */

.section-heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.section-heading__title {
  font-size: 28px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--color-text-primary);
  text-wrap: balance;
}

.section-heading__description {
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-secondary);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .section-heading__title { font-size: 34px; }
}

@media (min-width: 1024px) {
  .section-heading { gap: var(--space-20); }

  .section-heading__title {
    font-size: 52px;
    line-height: 1.08;
  }

  /* Left */
  .section-heading--left { max-width: 420px; }
  .section-heading--left .section-heading__title { font-weight: 600; letter-spacing: -0.03em; }
  .section-heading--left .section-heading__description { font-size: 17px; }

  /* Center */
  .section-heading--center {
    max-width: 760px;
    margin-inline: auto;
    align-items: center;
    gap: var(--space-16);
    text-align: center;
  }
  .section-heading--center .section-heading__title { font-weight: 700; letter-spacing: -0.025em; }
  .section-heading--center .section-heading__description { font-size: 20px; line-height: 1.55; letter-spacing: -0.005em; }

  /* Split: title on the left, description on the right */
  .section-heading--split .section-heading__title { font-weight: 700; letter-spacing: -0.025em; max-width: 640px; }
  .section-heading--split .section-heading__description { font-size: 17px; line-height: 1.6; letter-spacing: -0.003em; max-width: 380px; }
}

@media (min-width: 1024px) {
  .section-heading--split {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-40);
  }
  .section-heading--split .section-heading__title { flex: 0 1 640px; }
  .section-heading--split .section-heading__description { flex: 0 1 380px; }
}