/* ── H1 ── */
.sp-page-title-heading h1 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.01em;
  margin-bottom: 20px;
}

/* ── ОПИСАНИЕ ── */
.sp-page-title-sub-heading h2 {
  font-size: 17px;
  color: rgba(255,255,255,.78);
  max-width: 500px;
  margin-bottom: 32px;
  line-height: 1.6;
}

.sp-megamenu-parent {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sp-menu-item a {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #2a2d37;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px; /* подставьте ваш --radius */
  transition: background .15s, color .15s;
  display: block;
}

.sp-menu-item a:hover {
  background: #f5f6f8;
  color: #d4400a;
}

.sp-menu-item a.active {
  color: #d4400a;
}

.mod-breadcrumbs__wrapper {
  font-size: 13px;
  color: #5c6070;
}

/* сброс Bootstrap-стилей ol */
.mod-breadcrumbs {
  display: flex;
  gap: 6px;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 !important; /* перебиваем Bootstrap px-3 py-2 */
  background: none;
  border-radius: 0;
}

/* скрываем иконку-разделитель Joomla, заменяем на "/" */
.mod-breadcrumbs__divider {
  display: none;
}

/* разделитель "/" между пунктами */
.mod-breadcrumbs__item + .mod-breadcrumbs__item::before {
  content: '/';
  color: #d8dae0;
}

/* Bootstrap добавляет свой разделитель — убираем */
.mod-breadcrumbs__item + .mod-breadcrumbs__item::after {
  display: none;
}

.mod-breadcrumbs__item a { color: #5c6070; text-decoration: none; }
.mod-breadcrumbs__item a:hover { color: #1a4fa8; text-decoration: underline; }

/* текущая страница (последний пункт) */
.mod-breadcrumbs__item.active { color: #0f1117; font-weight: 500; }