/* ── Шапка внутрішньої сторінки ─────────────────────────────────────────── */
.page-head {
    padding: var(--space-6) 0 var(--space-8);
    background: var(--color-bg-warm);
}

.page-head__title {
    font-size: var(--fs-h1);
    font-weight: var(--fw-light);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-heading);
    color: var(--color-heading);
    text-wrap: balance;
}

.page-head__intro { margin-top: var(--space-4); font-size: var(--fs-lg); color: var(--color-text); }

/* ── Хлібні крихти ──────────────────────────────────────────────────────── */
.breadcrumbs { margin-bottom: var(--space-6); font-size: var(--fs-xs); }
.breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.breadcrumbs__item { display: flex; align-items: center; gap: var(--space-2); }
.breadcrumbs__item::after { content: '/' / ''; color: var(--color-border-strong); }
.breadcrumbs__item:last-child::after { content: none; }
.breadcrumbs__link { color: var(--color-muted); transition: color var(--transition); }
.breadcrumbs__link:hover { color: var(--color-accent); }
.breadcrumbs__current { color: var(--color-heading); }

/* ── Пагінація ──────────────────────────────────────────────────────────── */
.pagination { display: flex; justify-content: center; margin-top: var(--space-8); }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; margin: 0 var(--space-1); font-size: var(--fs-sm); color: var(--color-heading); border: 1px solid transparent; border-radius: 50%; transition: border-color var(--transition), background-color var(--transition), color var(--transition); }
.pagination a.page-numbers:hover { border-color: var(--color-border-strong); }
.pagination .page-numbers.current { color: var(--color-on-primary); background: var(--color-primary); }

/* ── Адаптив ────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .page-head { padding: var(--space-5) 0 var(--space-7); }
    .breadcrumbs { margin-bottom: var(--space-4); }
    .page-head__intro { margin-top: var(--space-3); font-size: var(--fs-base); }
}