@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  ME605 / хлебные крошки
  CSS CLASS NAME блока: uc-bcmbs

  Что делает код:
  1) применяет наш шрифт Google Sans / Manrope;
  2) подгоняет ширину блока под сетку сайта 1320px;
  3) убирает лишние стандартные ограничения Tilda;
  4) аккуратно оформляет ссылки хлебных крошек.
*/

.uc-bcmbs,
.uc-bcmbs * {
  box-sizing: border-box;
  font-family: "Google Sans", "Manrope", Arial, sans-serif !important;
}

.uc-bcmbs {
  --vn-black: #111111;
  --vn-text: #3b342d;
  --vn-muted: #8a7b6a;

  --vn-orange: #f28a00;
  --vn-orange-hover: #ff970d;
  --vn-orange-active: #d97900;

  --vn-border: rgba(90, 72, 48, 0.10);

  width: 100%;
  background: transparent;
  color: var(--vn-text);
}

/* 
  Основная ширина под нашу сетку.
  1320px — как в шапке, футере и основных блоках сайта.
*/
.uc-bcmbs .t-container {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Убираем стандартные ограничения колонок Tilda внутри ME605 */
.uc-bcmbs .t-col,
.uc-bcmbs [class*="t-col_"] {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Общая типографика внутри блока */
.uc-bcmbs,
.uc-bcmbs div,
.uc-bcmbs span,
.uc-bcmbs a,
.uc-bcmbs li {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Ссылки хлебных крошек */
.uc-bcmbs a,
.uc-bcmbs a:link,
.uc-bcmbs a:visited {
  color: var(--vn-muted) !important;
  text-decoration: none !important;
  transition: color 0.18s ease, transform 0.12s ease;
}

.uc-bcmbs a:hover {
  color: var(--vn-orange) !important;
}

.uc-bcmbs a:active {
  color: var(--vn-orange-active) !important;
  transform: translateY(1px);
}

/* Текущий пункт / последний пункт */
.uc-bcmbs span,
.uc-bcmbs li:last-child,
.uc-bcmbs [class*="current"] {
  color: var(--vn-text) !important;
}

/* Разделители, если они есть в блоке */
.uc-bcmbs .t-breadcrumbs__separator,
.uc-bcmbs [class*="separator"],
.uc-bcmbs [class*="divider"] {
  color: var(--vn-muted) !important;
  opacity: 0.55;
}

/* Фокус для доступности */
.uc-bcmbs a:focus-visible {
  outline: 2px solid var(--vn-orange);
  outline-offset: 4px;
  border-radius: 8px;
}

/* Планшеты */
@media (max-width: 1180px) {
  .uc-bcmbs .t-container {
    width: min(1120px, calc(100% - 24px)) !important;
  }
}

/* Мобильная версия */
@media (max-width: 760px) {
  .uc-bcmbs .t-container {
    width: calc(100% - 36px) !important;
  }

  .uc-bcmbs,
  .uc-bcmbs div,
  .uc-bcmbs span,
  .uc-bcmbs a,
  .uc-bcmbs li {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

/* Маленькие телефоны */
@media (max-width: 420px) {
  .uc-bcmbs .t-container {
    width: calc(100% - 28px) !important;
  }

  .uc-bcmbs,
  .uc-bcmbs div,
  .uc-bcmbs span,
  .uc-bcmbs a,
  .uc-bcmbs li {
    font-size: 12px !important;
  }
}
</style>