/* ==========================================================================
   page-banner.css — بانر الصفحات الداخلية (Inner page banner)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   يُستخدم في: الصفحات الثابتة (الشروط، الخصوصية، الاسترجاع، الدفع، الشحن،
   الضمان، الأسئلة الشائعة)، طلب الإطارات، تواصل معنا.
   يستضيف breadcrumb بداخله.
   ========================================================================== */

.page-banner {
  background: var(--gradient-brand);
  color: var(--color-text-invert);
  padding-block: var(--space-48);
}
.page-banner__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}
.page-banner__title {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-black);
  line-height: var(--lh-tight);
  color: var(--color-text-invert);
}
.page-banner__subtitle {
  font-size: var(--fs-base);
  color: var(--color-text-invert);
  opacity: 0.85;
  max-width: 60ch;
}
/* داخل البانر، اجعل ألوان مسار التنقّل فاتحة */
.page-banner .breadcrumb,
.page-banner .breadcrumb__item,
.page-banner .breadcrumb__sep {
  color: var(--color-text-invert);
  opacity: 0.85;
}
.page-banner .breadcrumb__item:hover {
  color: var(--color-accent);
  opacity: 1;
}