/* ==============================
   Navbar прозрачный и фиксированный
   ============================== */
.bg-transparent.navbar {
    box-shadow: none !important;
}
.absolute-top {
    position: absolute !important;
    left: 0;
    width: 100%;
    top: 0;
}
/* Авто-скрытие закреплённой шапки (раздел портфолио):
   скрывается при скролле вниз, показывается при скролле вверх.
   transition/will-change для .navbar.fixed-top заданы в template_styles.css */
.navbar--auto-hide.nav-hidden {
    transform: translateY(-100%);
}

/* ==============================
   Кнопка «Оставить заявку» — всегда чёрная, при наведении белая
   ============================== */
#navbarNav .btn-brd,
#offcanvasNavbar .btn-brd {
    background-color: #000 !important;
    color: #ffffff !important;
    border-color: #000 !important;
}
#navbarNav .btn-brd:hover,
#navbarNav .btn-brd:focus,
#offcanvasNavbar .btn-brd:hover,
#offcanvasNavbar .btn-brd:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
}
#navbarNav.bg-transparent .btn-brd
 {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}
#navbarNav.bg-transparent .btn-brd:hover,
#navbarNav.bg-transparent .btn-brd:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

#navbarNav.bg-transparent.scroll  .btn-brd {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
 #navbarNav.bg-transparent.scroll  .btn-brd:focus ,
 #navbarNav.bg-transparent.scroll  .btn-brd:hover
 {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

.bg-transparent .nav-link,
.bg-transparent .def-link {
    color: #ffffff;
}
.bg-transparent .btn-brd {
    border-color: #ffffff !important;
    color: #ffffff !important;
}
.bg-transparent .header-burger span {
    background: #ffffff;
}
.menu-opened .bg-transparent .header-burger span {
    background: #000;
}
.menu-opened .navbar {
    z-index: 9991;
}
.menu-opened .bg-transparent .navbar__logo {
    filter: invert(1);
}

/* ==============================
   Верхнее меню — ссылки навигации
   ============================== */
.navbar-nav--main .nav-link {
    position: relative;
    transition: color 0.25s ease, opacity 0.25s ease;
}

/* Подчёркивание снизу при hover (только для пунктов БЕЗ подменю) */
.navbar-nav--main .nav-item:not(.has-dropdown) > .nav-item__row > .nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width 0.3s ease, left 0.3s ease;
}
/*.navbar-nav--main .nav-item:not(.has-dropdown):hover > .nav-item__row > .nav-link::after,*/
/*.navbar-nav--main .nav-item:not(.has-dropdown).active > .nav-item__row > .nav-link::after {*/
/*    width: 100%;*/
/*    left: 0;*/
/*}*/

/* Прозрачный navbar — hover */
.bg-transparent .nav-link:focus,
.bg-transparent .def-link:focus,
.bg-transparent .nav-link:hover,
.bg-transparent .def-link:hover
{
    color: #ffffff;
    opacity: .7;
}




.bg-transparent.scroll .nav-link:hover,
.bg-transparent.scroll .def-link:hover,
.bg-transparent.scroll .nav-link:focus,
.bg-transparent.scroll .def-link:focus
{
    color: #000000;
}

/*.bg-transparent.scroll .nav-link:hover,*/
/*.bg-transparent.scroll .nav-link:focus {*/
/*    color: #ffffff!important;*/
/*}*/

.bg-white .nav-link:hover,
.bg-white .nav-link:focus {
    color: #000000!important;
}
/*.bg-transparent.scroll .nav-link:hover,*/
/*.bg-transparent.scroll .def-link:hover,*/
/*.bg-transparent.scroll .nav-link:active,*/
/*.bg-transparent.scroll .def-link:active,*/
/*.bg-transparent.scroll .nav-link:focus,*/
/*.bg-transparent.scroll .def-link:focus {*/
/*    color: #000;*/
/*}*/

/* ==============================
   Dropdown контейнер
   ============================== */
.navbar-nav--main .has-dropdown {
    position: relative;
}
.navbar-nav--main .nav-item__row {
    display: inline-flex;
    align-items: center;
    gap: 0;
}
.navbar-nav--main .nav-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    padding: 0.75rem 0;
    margin: 0;

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    min-width: 280px;
    max-width: 340px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}
.navbar-nav--main .has-dropdown.is-open > .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Подменю 3-го уровня */
.navbar-nav--main .nav-dropdown .nav-dropdown {
    top: -0.75rem;
    left: 100%;
    transform: translateX(10px);
    box-shadow: 4px 8px 32px rgba(0, 0, 0, 0.1);
}
.navbar-nav--main .nav-dropdown .has-dropdown.is-open > .nav-dropdown {
    transform: translateX(0);
}

/* ==============================
   Стрелки для пунктов с подменю
   ============================== */

/* Общая база кнопки-стрелки */
.navbar-nav--main .nav-item__toggle--header {
    width: 0.75rem;
    height: 0.75rem;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 0;
    flex-shrink: 0;
}

/* Линии стрелки */
.navbar-nav--main .nav-item__toggle--header span {
    position: absolute;
    width: 0.375rem;
    height: 1px;
    background: #000;
    transition: transform 0.25s ease;
}

/* --- Верхний уровень: шеврон вниз (V) --- */
.navbar-nav--main > .has-dropdown > .nav-item__row > .nav-item__toggle--header span:first-child {
    transform: translateX(-2px) rotate(40deg);
}
.navbar-nav--main > .has-dropdown > .nav-item__row > .nav-item__toggle--header span:last-child {
    transform: translateX(2px) rotate(-40deg);
}

/* Верхний уровень open: шеврон вверх (^) */
.navbar-nav--main > .has-dropdown.is-open > .nav-item__row > .nav-item__toggle--header span:first-child {
    transform: translateX(-2px) rotate(-40deg);
}
.navbar-nav--main > .has-dropdown.is-open > .nav-item__row > .nav-item__toggle--header span:last-child {
    transform: translateX(2px) rotate(40deg);
}

/* --- Вложенный уровень: шеврон вправо (>) --- */
.navbar-nav--main .nav-dropdown .nav-item__toggle--header {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    margin-top: -0.375rem;
}
.navbar-nav--main .nav-dropdown .nav-item__toggle--header span:first-child {
    transform: translateY(-2px) rotate(40deg);
}
.navbar-nav--main .nav-dropdown .nav-item__toggle--header span:last-child {
    transform: translateY(2px) rotate(-40deg);
}

/* Вложенный open: шеврон сдвигается вправо */
.navbar-nav--main .nav-dropdown .has-dropdown.is-open > .nav-item__row > .nav-item__toggle--header span:first-child {
    transform: translateY(-2px) translateX(2px) rotate(40deg);
}
.navbar-nav--main .nav-dropdown .has-dropdown.is-open > .nav-item__row > .nav-item__toggle--header span:last-child {
    transform: translateY(2px) translateX(2px) rotate(-40deg);
}

/* --- Цвета стрелок --- */
.bg-transparent .navbar-nav--main > .has-dropdown > .nav-item__row > .nav-item__toggle--header span {
    background: #fff;
}
.bg-transparent.scroll .navbar-nav--main > .has-dropdown > .nav-item__row > .nav-item__toggle--header span {
    background: #000;
}
.navbar-nav--main .nav-dropdown .nav-item__toggle--header span {
    background: #000;
}
/*.bg-transparent .navbar-nav--main .nav-dropdown .nav-item__toggle--header span {*/
/*    background: #fff;*/
/*}*/
.bg-transparent.scroll .navbar-nav--main .nav-dropdown .nav-item__toggle--header span {
    background: #000;
}
.navbar-nav--main .nav-dropdown .nav-item:hover {
    background: #f1f1f1
}
/*.navbar-nav--main .nav-dropdown .nav-item:hover a {*/
/*    color: #ffffff;*/
/*}*/
/* ==============================
   Ссылки в dropdown — hover эффекты
   ============================== */
.navbar-nav--main .nav-dropdown__item {
    position: relative;
    transition: background-color 0.2s ease;
}
.navbar-nav--main .nav-dropdown__item:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.navbar-nav--main .nav-dropdown__link {
    display: block;
    padding: 0.5rem 1.25rem;
    color: #000;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.02em;
    white-space: normal;
    position: relative;
    transition: color 0.2s ease, padding-left 0.25s ease;
}
.navbar-nav--main .nav-dropdown__item:hover > .nav-item__row > .nav-dropdown__link,
.navbar-nav--main .nav-dropdown__item:hover > .nav-dropdown__link {
    padding-left: 1.5rem;
    color: #9A3725;
}

/* Разделы (пункты с подменю) — полужирные */
.navbar-nav--main .nav-dropdown > .has-dropdown > .nav-item__row > .nav-dropdown__link {
    font-weight: 500;
}

/* Внутренний row */
.navbar-nav--main .nav-dropdown .nav-item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1.75rem;
}

/* ==============================
   Dropdown — прозрачный navbar
   ============================== */
/*.bg-transparent .nav-dropdown {*/
/*    background: rgba(0, 0, 0, 0.88);*/
/*    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);*/
/*}*/
/*.bg-transparent .nav-dropdown__link {*/
/*    color: #fff;*/
/*}*/
/*.bg-transparent .nav-dropdown__item:hover {*/
/*    background-color: rgba(255, 255, 255, 0.08);*/
/*}*/
.bg-transparent .nav-dropdown__item:hover > .nav-item__row > .nav-dropdown__link
 {
    color: #fff;
}

/* Прозрачный + scroll = белый фон */
.bg-transparent.scroll .nav-dropdown {

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.bg-transparent.scroll .nav-dropdown__link {
    color: #000;
}
.bg-transparent.scroll .nav-dropdown__item:hover {
    background-color: rgba(0, 0, 0, 0.03);
}
.bg-transparent.scroll .nav-dropdown__item:hover > .nav-item__row > .nav-dropdown__link,
.bg-transparent.scroll .nav-dropdown__item:hover > .nav-dropdown__link {
    color: #9A3725;
}

/* ==============================
   Подменю mobile sidebar
   ============================== */
.offcanvas-body__menu .nav-item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.offcanvas-body__menu .nav-item__toggle {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
}
.offcanvas-body__menu .nav-item__toggle span {
    position: absolute;
    width: 0.875rem;
    height: 1px;
    background: #000;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.offcanvas-body__menu .nav-item__toggle span:last-child {
    transform: rotate(90deg);
}
.offcanvas-body__menu .nav-item--has-dropdown > .nav-item__dropdown {
    display: none;
    padding-left: 0.75rem;
    margin-top: 0.5rem;
}
.offcanvas-body__menu .nav-item--has-dropdown.is-open > .nav-item__dropdown {
    display: block;
}
.offcanvas-body__menu .nav-item--has-dropdown.is-open > .nav-item__row > .nav-item__toggle span:last-child {
    transform: rotate(0deg);
    opacity: 0;
}
.navbar-nav--main .nav-dropdown:before {
    content: "";
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

/* ============================================================
   Шапка по прототипу: мега-меню (ПК) + drawer-аккордеон (моб.)
   Прототип: balcon-new-header-footer-demo.euulea.workers.dev
   ============================================================ */

.site-header {
	--hdr-ink: #14110f;
	--hdr-line: #e6e2dd;
	--hdr-muted: #5f5d5a;
	--hdr-panel-shadow: 0 18px 40px rgba(0, 0, 0, .08);
	transition: background .3s ease, color .3s ease, box-shadow .3s ease;
}

.site-header .header-bar {
	display: flex;
	align-items: center;
	gap: 32px;
}

/* Логотип один. При открытой панели на прозрачной шапке подложка белеет —
   инвертируем белый логотип в чёрный тем же приёмом, что и штатное правило
   для .scroll. Если .scroll уже есть, invert() применён — второй раз не надо. */
.site-header.bg-transparent.menu-open:not(.scroll) .navbar__logo { filter: invert(1); }

.site-header.menu-open { background: #fff; color: var(--hdr-ink); }

/* ---------- десктопная навигация ---------- */
.site-header .main-nav { flex: 1 1 auto; }

.site-header .main-nav > ul {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* relative нужен для подчёркивания на весь пункт. Мега-панели лежат соседями
   .header-bar внутри <nav>, а не внутри .nav-item, поэтому их позиционирование
   не ломается. */
.site-header .nav-item { position: relative; }

.site-header .nav-top {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	padding: 12px;
	background: none;
	border: 0;
	color: inherit;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .13em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

/* Линия под всем пунктом — вместе с шевроном, как в макете. Раньше висела
   на .nav-top и подчёркивала только текст. */
.site-header .nav-item::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 10px;
	bottom: 6px;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s ease;
	pointer-events: none;
}

.site-header .nav-item.is-active::after,
.site-header .nav-item.is-current::after,
.site-header .nav-item:hover::after { transform: scaleX(1); }

.site-header .nav-toggle .chev { transition: transform .25s ease; }
.site-header .nav-item.is-active .chev { transform: rotate(180deg); }

.site-header .header-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 0 0 auto;
}

.site-header .header-phone {
	font-size: 13px;
	letter-spacing: .02em;
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
}
.site-header .header-phone:hover { opacity: .7; }

/* ---------- мега-панели ---------- */
.site-header .mega-panel {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #fff;
	color: var(--hdr-ink);
	border-top: 1px solid var(--hdr-line);
	box-shadow: var(--hdr-panel-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s;
	pointer-events: none;
}
.site-header .mega-panel.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Ширину и боковые отступы задаёт .container сайта — тот же, что у .header-bar.
   Здесь только вертикальные отступы, иначе левый край колонок уезжает от логотипа. */
.site-header .mega-inner {
	/* .container в теме — flex, из-за чего grid внутри не растягивался
	   и колонки сбивались влево. Панели нужен блочный поток. */
	display: block;
	padding-top: 42px;
	padding-bottom: 46px;
}

.site-header .mega-cols { display: grid; gap: 40px; }
.site-header .mega-cols.cols-2 { grid-template-columns: repeat(2, 1fr); max-width: 640px; }
.site-header .mega-cols.cols-3 { grid-template-columns: repeat(3, 1fr); }
.site-header .mega-cols.cols-4 { grid-template-columns: repeat(4, 1fr); }

.site-header .mega-group { min-width: 0; }

.site-header .mega-group__title {
	font-size: 15px;
	font-weight: 600;
	color: var(--hdr-ink);
}
.site-header .mega-group__title a { color: inherit; text-decoration: none; }

.site-header .mega-list {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.site-header .mega-list a {
	font-size: 13.5px;
	color: var(--hdr-muted);
	text-decoration: none;
	transition: color .18s ease, padding .18s ease;
}
.site-header .mega-list a:hover { color: var(--hdr-ink); padding-left: 4px; }

.site-header .mega-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--hdr-ink);
	text-decoration: none;
	transition: gap .25s ease;
}
.site-header .mega-more:hover { gap: 14px; }

/* ---------- мобильное меню ---------- */
.scrim {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .4);
	z-index: 1050;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.scrim.show { opacity: 1; visibility: visible; }

.m-menu {
	position: fixed;
	inset: 0;
	z-index: 1100;
	background: #fff;
	color: #14110f;
	transform: translateX(100%);
	transition: transform .35s ease;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
.m-menu.open { transform: translateX(0); }

.m-menu__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 20px;
	border-bottom: 1px solid #e6e2dd;
}
.m-menu__brand img { display: block; }

.m-close {
	background: none;
	border: 0;
	font-size: 30px;
	line-height: 1;
	color: #14110f;
	cursor: pointer;
}

.m-menu__body { padding: 0 20px 32px; }

.m-acc { border-bottom: 1px solid #e6e2dd; }

.m-acc__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.m-acc__top {
	/* не 1 1 auto: растянутый флекс-элемент игнорирует fit-content,
	   и подчёркивание уезжало на всю ширину строки */
	flex: 0 1 auto;
	display: block;
	padding: 18px 0;
	background: none;
	border: 0;
	color: inherit;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	cursor: pointer;
	/* Подчёркивание по ширине текста: в мобильном меню подпись — ссылка на раздел,
	   и это должно быть видно. fit-content, иначе линия тянется на всю строку. */
	width: fit-content;
	text-decoration: underline;
}

/* Кнопка раскрытия: зона нажатия во всю высоту строки, чтобы попадать пальцем. */
.m-acc__toggle {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	align-self: stretch;
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
}
.m-acc__toggle .chev { transition: transform .25s; flex: 0 0 auto; }
.m-acc.open .chev { transform: rotate(180deg); }

.m-acc__panel { display: none; padding-bottom: 14px; }
.m-acc.open .m-acc__panel { display: block; }

.m-acc__grp { margin-bottom: 18px; }
.m-acc__grp b {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
}
.m-acc__grp a {
	display: block;
	padding: 6px 0;
	font-size: 14px;
	color: #5f5d5a;
	text-decoration: none;
}
.m-acc__grp a:hover { color: #14110f; }

.m-menu__foot { padding-top: 26px; }
.m-menu__phone {
	display: block;
	margin-bottom: 16px;
	font-size: 17px;
	color: #14110f;
	text-decoration: none;
}

/* ---------- брейкпоинт ---------- */
@media (max-width: 1199px) {
	.site-header .main-nav,
	.site-header .header-actions { display: none; }
	.site-header .header-bar { justify-content: space-between; gap: 22px; }
	.site-header .mega-panel { display: none; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
	.site-header .header-bar { gap: 22px; }
	.site-header .nav-top { padding: 12px 9px; }
	.site-header .mega-cols.cols-4 { gap: 28px; }
}

@media (min-width: 1200px) {
	.m-menu, .scrim { display: none; }
}

/* Белая подложка шапки при открытом мега-меню.
   Через ::after, а не background — утилита .bg-transparent задаёт
   background-color: transparent !important, перебить её иначе нельзя. */
.site-header::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #fff;
	opacity: 0;
	z-index: -1;
	pointer-events: none;
	transition: opacity .3s ease;
}
.site-header.menu-open::after { opacity: 1; }
.site-header.menu-open { color: var(--hdr-ink); }
.site-header.menu-open .nav-top,
.site-header.menu-open .header-phone { color: var(--hdr-ink); }

/* Пункты меню в покое: белые на прозрачной шапке поверх фото.
   Старое правило .bg-transparent .nav-link относилось к прежней разметке
   и после перехода на .nav-top перестало действовать. */
.site-header.bg-transparent:not(.scroll):not(.menu-open) { color: #fff; }
.site-header.bg-transparent:not(.scroll):not(.menu-open) .nav-top,
.site-header.bg-transparent:not(.scroll):not(.menu-open) .header-phone { color: #fff; }

/* приписка вида «60 · 70 · 80 · 90 · 100 м²» под списком группы */
.site-header .mega-metric {
	margin-top: 2px;
	font-size: 13px;
	letter-spacing: .04em;
	color: var(--hdr-muted);
}

/* При открытом мега-меню подложка белая — текст обязан темнеть даже на
   прозрачной шапке. Специфичность выше, чем у правила .bg-transparent выше. */
.site-header.bg-transparent.menu-open,
.site-header.bg-transparent.menu-open .nav-top,
.site-header.bg-transparent.menu-open .header-phone { color: var(--hdr-ink); }

/* Кнопка заявки — на штатных классах сайта (.button.btn-brd.mw-xxl-325).
   Ширину задаёт сам сайт через width: calc(...)!important, поэтому здесь только
   запрещаем флексу её сжимать. */
.site-header .header-actions > .button {
	flex: 0 0 auto;
}

/* ряд площадей: «60 · 70 · 80 · 90 · 100 м²» — ссылки на страницы по площади */
.site-header .mega-metric a { color: inherit; text-decoration: none; }
.site-header .mega-metric a:hover { color: var(--hdr-ink); }
.site-header .mega-metric i { font-style: normal; margin: 0 4px; opacity: .55; }

/* При скролле шапка белеет (класс .scroll вешает site_scripts.js) — пункты
   и телефон обязаны темнеть. Раньше это делали правила для .nav-link,
   после перехода на .nav-top их нужно продублировать. */
.site-header.bg-transparent.scroll,
.site-header.bg-transparent.scroll .nav-top,
.site-header.bg-transparent.scroll .header-phone { color: var(--hdr-ink); }

/* Штатное .navbar.scroll .navbar__logo { filter: invert() } без аргумента
   вычисляется как invert(0) и не срабатывает — логотип оставался белым
   на побелевшей шапке. Дублируем с явным значением. */
.site-header.bg-transparent.scroll .navbar__logo { filter: invert(1); }

/* Шеврон — отдельная кнопка рядом с подписью-ссылкой. Подчёркивание при
   наведении принадлежит подписи, поэтому у кнопки своих индикаторов нет. */
.site-header .nav-toggle {
	display: inline-flex;
	align-items: center;
	padding: 12px 10px 12px 0;
	margin-left: -6px;
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
}
.site-header .nav-item > .nav-top { padding-right: 4px; }

/* Кнопка заявки при открытой мега-панели. На прозрачной шапке она белая
   (прозрачный фон + белые текст и рамка), а подложка при открытии белеет —
   кнопка пропадала. Повторяем поведение .scroll: делаем её чёрной.
   !important обязателен: штатные правила выше объявлены с ним. */
#navbarNav.bg-transparent.menu-open .btn-brd {
	background-color: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
}
#navbarNav.bg-transparent.menu-open .btn-brd:hover,
#navbarNav.bg-transparent.menu-open .btn-brd:focus {
	background-color: #ffffff !important;
	color: #000000 !important;
	border-color: #000000 !important;
}