/* Верхняя панель внутренних страниц (логотип, хлебные крошки, «Меню») */
.topbar {
    box-sizing: border-box; width: 100%; flex-direction: row;
    position: sticky; top: 0; z-index: 90;
    display: flex; align-items: center; gap: 24px;
    height: 64px; padding: 0 24px;
    background: rgba(0, 0, 0, .92);
    border-bottom: 2px solid #f9dd16;
    font-family: Roboto, Arial, sans-serif;
    backdrop-filter: blur(6px);
}
.topbar__logo { flex: 0 0 auto; display: block; line-height: 0; }
.topbar__logo img { height: 34px; width: auto; display: block; }
.topbar__crumbs { flex: 1 1 auto; min-width: 0; }
.topbar__crumbs ol { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.topbar__crumbs li { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.topbar__crumbs li + li::before { content: "/"; margin: 0 10px; color: rgba(255, 255, 255, .4); }
.topbar__crumbs a { color: #f9dd16; text-decoration: none; }
.topbar__crumbs a:hover, .topbar__back:hover { text-decoration: underline; }
.topbar__crumbs .is-current { color: #fff; }
.topbar__back { display: none; color: #f9dd16; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.topbar__menu {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    height: 40px; padding: 0 18px; border: 0; border-radius: 0; cursor: pointer;
    background: #f9dd16; color: #000;
    font: 700 14px/1 Roboto, Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em;
}
.topbar__menu:hover { background: #fff; }
/* кнопка-бургер в углу на внутренних страницах не нужна: меню в панели */
.topbar ~ .menu-btn { display: none; }

@media (max-width: 720px) {
    .topbar { height: 56px; padding: 0 14px; gap: 14px; }
    .topbar__logo img { height: 28px; }
    .topbar__crumbs { display: none; }
    .topbar__back { display: block; flex: 1 1 auto; }
}
