/* Page header — Figma: Sayfa başı (121:929 · mobile 124:972 · tablet 362:7130)
   Breadcrumb, title and lead on a page → brand-tint gradient. */

.page-header {
  background: linear-gradient(180deg, var(--color-surface-page) 0%, var(--color-brand-tint) 100%);
}

.page-header__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-14);
  padding-block: var(--space-32) var(--space-40);
}

.page-header__crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--color-text-secondary);
}
.page-header__crumbs a:hover { color: var(--color-text-link); }
.page-header__crumbs [aria-hidden] { font-weight: 400; color: var(--color-text-disabled); }
.page-header__crumbs [aria-current] { color: var(--color-text-primary); }

.page-header__title {
  font-size: 34px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--color-text-primary);
  text-wrap: balance;
}

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

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .page-header__title { font-size: 44px; }
}

/* Desktop */
@media (min-width: 1024px) {
  .page-header__inner { gap: var(--space-20); padding-block: 88px var(--space-72); }
  .page-header__crumbs { gap: var(--space-8); font-size: 14px; }
  .page-header__title { max-width: 960px; font-size: 56px; line-height: 1.05; letter-spacing: -0.03em; }
  .page-header__lead { max-width: 760px; font-size: 20px; }
}