/**
 * breadcrumbs.css
 * Хлебные крошки — выводятся на всех страницах, кроме главной.
 * Подключаются глобально (как header.css/footer.css), т.к. могут
 * появиться на любой внутренней странице.
 */

.vbc {
  background: #F5F0EA;
  border-bottom: 1px solid rgba(139, 115, 85, 0.15);
  font-family: 'Raleway', sans-serif;
}

.vbc__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vbc__link {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #888 !important;
  text-decoration: none !important;
  transition: color 0.3s;
}

.vbc__link:hover {
  color: #8B7355 !important;
}

.vbc__sep {
  font-size: 10px;
  color: #8B7355;
  opacity: 0.5;
}

.vbc__current {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1A1A1A;
}

@media (max-width: 860px) {
  .vbc__inner { padding: 12px 24px; }
}

@media (max-width: 480px) {
  .vbc__inner { padding: 10px 20px; gap: 6px; }
  .vbc__link, .vbc__current, .vbc__sep { font-size: 9px; }
}