/* Фикс ширины для десктопа — подключается в head.php */
@media (min-width: 768px) {
  .navbar {
    max-width: 1140px;
    left: 50%;
    transform: translateX(-50%);
    width: 1140px;
    border-radius: 0 0 16px 16px;
  }
  .app-wrapper {
    max-width: 1140px;
    margin: 0 auto;
  }
}
.product-page .app-wrapper {
  padding-top: 90px;
}

/* Хлебные крошки */
.breadcrumb-choco .breadcrumb-item {
  display: inline;
  color: var(--text-muted);
}
.breadcrumb-choco .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: var(--border-medium);
  padding: 0 0.5rem;
}
.breadcrumb-choco .breadcrumb-item a {
  color: var(--milk-chocolate);
  text-decoration: none;
}
.breadcrumb-choco .breadcrumb-item a:hover {
  color: var(--dark-chocolate);
}
.breadcrumb-choco .breadcrumb-item.active {
  color: var(--text-muted);
}

/* Уменьшенный шрифт для длинных названий категорий */
.sidebar .nav-link {
  font-size: 0.82rem;
  white-space: normal;
  word-break: break-word;
  padding: 0.6rem 0.8rem;
}