/**
 * LID group — верхняя панель сайта.
 * Палитра брендбука: тёмно-синий #204C6F, бирюзовый #008AAB, линии #E1E8EE.
 * Логотип не затрагивается: стили применяются только к информационным блокам.
 */

.gb-site-header {
	--lid-navy: #204c6f;
	--lid-cyan: #008aab;
	--lid-line: #e1e8ee;
	--lid-muted: #5b6b78;
	--lid-font: "Century Gothic", "Century Gothic Pro", Bahnschrift, "Segoe UI",
		"Helvetica Neue", Arial, sans-serif;
}

/* Блок шапки задаёт min-width: 2000px — из-за этого на обычных мониторах
   шапка шире экрана, а кнопка и меню уезжают за край. Держим её по ширине окна. */
.gb-site-header {
	min-width: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.gb-site-header nav.gb-navigation {
	max-width: 100%;
	min-width: 0;
	flex-wrap: nowrap;
	justify-content: space-between;
}

/* Логотип занимает ровно свою картинку, а не 500 px контейнера */
.gb-site-header nav.gb-navigation > div.gb-element-05ab3c5a {
	width: auto !important;
	min-width: 0;
	flex: 0 1 auto;
}

/* Ряд целиком: ровная базовая линия и одинаковый ритм */
.gb-site-header nav.gb-navigation {
	align-items: center;
	gap: 0;
	padding: 14px 0;
}

/* Информационные группы: часы, мессенджеры, телефон, почта, кнопка */
.gb-site-header nav.gb-navigation > div {
	display: flex;
	align-items: center;
}

.gb-site-header nav.gb-navigation > div.gb-element-2f6a8c8f,
.gb-site-header nav.gb-navigation > div.gb-element-e3521e10,
.gb-site-header nav.gb-navigation > div.gb-element-3d0ac6a0,
.gb-site-header nav.gb-navigation > div.lid-topbar-mail {
	position: relative;
	height: 26px;
	margin-left: 20px;
	padding: 0 0 0 20px;
	border-left: 0;
}

/* Разделитель рисуем псевдоэлементом: тонкая черта ровно по центру строки */
.gb-site-header nav.gb-navigation > div.gb-element-2f6a8c8f::before,
.gb-site-header nav.gb-navigation > div.gb-element-e3521e10::before,
.gb-site-header nav.gb-navigation > div.gb-element-3d0ac6a0::before,
.gb-site-header nav.gb-navigation > div.lid-topbar-mail::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #cfdbe5;
}

.gb-site-header nav.gb-navigation > div.gb-element-e3521e10 {
	gap: 8px;
	height: 32px;
}

.gb-site-header nav.gb-navigation > div.gb-element-e10e4be2 {
	margin-left: 22px;
}

/* Типографика ссылок верхней панели */
.gb-site-header nav.gb-navigation a.gb-text-d7ea15f5,
.gb-site-header nav.gb-navigation a.gb-text-1cbd5b31,
.gb-site-header .lid-topbar-mail a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--lid-font);
	font-size: 13.5px;
	line-height: 1;
	letter-spacing: 0.01em;
	color: var(--lid-navy);
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.16s ease;
}

.gb-site-header nav.gb-navigation a.gb-text-1cbd5b31 {
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: 0.015em;
	font-variant-numeric: tabular-nums;
}

/* Трубка: свою иконку рисуем маской — тонкая, в один штрих, в цвет акцента.
   Старый залитый силуэт скрываем. */
.gb-site-header nav.gb-navigation a.gb-text-1cbd5b31 .gb-shape {
	width: 16px;
	height: 16px;
	position: relative;
}

.gb-site-header nav.gb-navigation a.gb-text-1cbd5b31 .gb-shape svg {
	display: none;
}

.gb-site-header nav.gb-navigation a.gb-text-1cbd5b31 .gb-shape::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: var(--lid-cyan);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 16.6v2.6a2 2 0 0 1-2.2 2 19.6 19.6 0 0 1-8.5-3 19.3 19.3 0 0 1-6-6 19.6 19.6 0 0 1-3-8.6A2 2 0 0 1 3.8 1.4h2.6a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L7.5 9a15.8 15.8 0 0 0 6 6l1.1-1.1a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 16.6v2.6a2 2 0 0 1-2.2 2 19.6 19.6 0 0 1-8.5-3 19.3 19.3 0 0 1-6-6 19.6 19.6 0 0 1-3-8.6A2 2 0 0 1 3.8 1.4h2.6a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L7.5 9a15.8 15.8 0 0 0 6 6l1.1-1.1a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.16s ease;
}

.gb-site-header nav.gb-navigation a.gb-text-d7ea15f5:hover,
.gb-site-header nav.gb-navigation a.gb-text-1cbd5b31:hover,
.gb-site-header .lid-topbar-mail a:hover {
	color: var(--lid-cyan);
}

/* Иконки: один размер и один цвет */
.gb-site-header nav.gb-navigation .gb-shape {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: var(--lid-cyan);
}

.gb-site-header nav.gb-navigation .gb-shape svg {
	width: 16px;
	height: 16px;
}

/* Мессенджеры: ровный квадрат, без «пляшущих» картинок */
.gb-site-header nav.gb-navigation > div.gb-element-e3521e10 a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--lid-line);
	border-radius: 50%;
	background: #fff;
	box-sizing: border-box;
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.gb-site-header nav.gb-navigation > div.gb-element-e3521e10 a img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	display: block;
}

.gb-site-header nav.gb-navigation > div.gb-element-e3521e10 a:hover {
	transform: translateY(-1px);
	border-color: var(--lid-cyan);
	box-shadow: 0 6px 14px -8px rgba(0, 138, 171, 0.8);
}

/* Кнопка в шапке — тот же язык, что и у кнопки в форме */
.gb-site-header nav.gb-navigation > div.gb-element-e10e4be2 a.gbp-button--primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 20px;
	border-radius: 14px;
	background: linear-gradient(100deg, var(--lid-navy) 0%, #17698c 55%, var(--lid-cyan) 100%);
	color: #fff;
	font-family: var(--lid-font);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 12px 24px -16px rgba(0, 138, 171, 0.9);
	transition: transform 0.16s ease, filter 0.18s ease;
}

.gb-site-header nav.gb-navigation > div.gb-element-e10e4be2 a.gbp-button--primary:hover {
	filter: brightness(1.07);
	transform: translateY(-1px);
	color: #fff;
}

/* Почта: тот же ритм, что у остальных групп */
.gb-site-header .lid-topbar-mail {
	display: flex;
	align-items: center;
}

.gb-site-header .lid-topbar-mail a {
	display: inline-flex;
}

/* Кнопка меню: скруглённая, того же роста, что CTA, и с воздухом до неё */
.gb-site-header nav.gb-navigation > button.gb-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	box-sizing: border-box;
	width: 48px;
	height: 40px;
	margin-left: 16px;
	padding: 0;
	border: 1px solid var(--lid-navy);
	border-radius: 14px;
	background: var(--lid-navy);
	color: #fff;
	transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.gb-site-header nav.gb-navigation > button.gb-menu-toggle:hover,
.gb-site-header nav.gb-navigation > button.gb-menu-toggle:focus-visible {
	background: var(--lid-cyan);
	border-color: var(--lid-cyan);
	transform: none;
	outline: none;
}

.gb-site-header nav.gb-navigation > button.gb-menu-toggle svg {
	width: 20px;
	height: 20px;
}

@media (max-width: 1200px) {
	.gb-site-header nav.gb-navigation > div.gb-element-2f6a8c8f,
	.gb-site-header nav.gb-navigation > div.gb-element-e3521e10,
	.gb-site-header nav.gb-navigation > div.gb-element-3d0ac6a0,
	.gb-site-header nav.gb-navigation > div.lid-topbar-mail {
		margin-left: 14px;
		padding-left: 14px;
	}
}

/* В мобильной шапке остаются только логотип и меню: почта не должна
   висеть одна, без телефона и часов */
@media (max-width: 1024px) {
	.gb-site-header nav.gb-navigation > div.lid-topbar-mail {
		display: none !important;
	}
}

/* --- Кнопка в шапке: скошенная плашка в цвете логотипа --- */

.gb-site-header .gb-element-e10e4be2 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.gb-site-header .gb-element-e10e4be2 .gbp-button--primary,
.gb-site-header .gb-element-e10e4be2 a.gb-text {
	--lid-logo-blue: #1e5d90;
	--lid-slant-x: 14px;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 170px !important;
	height: 30px !important;
	min-height: 0 !important;
	max-height: 30px !important;
	padding: 0 calc(var(--lid-slant-x) + 10px) 0 calc(var(--lid-slant-x) + 10px) !important;
	box-sizing: border-box !important;
	background: var(--lid-logo-blue) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-family: "Century Gothic", Bahnschrift, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.09em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	/* Параллелограмм: левая грань скошена наружу вниз (как было),
	   правая — внутрь вниз, поэтому верх длиннее низа. */
	clip-path: polygon(
		var(--lid-slant-x) 0,
		100% 0,
		calc(100% - var(--lid-slant-x)) 100%,
		0 100%
	);
	transition: background-color 0.18s ease;
}

.gb-site-header .gb-element-e10e4be2 .gbp-button--primary:hover,
.gb-site-header .gb-element-e10e4be2 .gbp-button--primary:focus-visible,
.gb-site-header .gb-element-e10e4be2 a.gb-text:hover {
	background: #246ba3 !important;
	color: #ffffff !important;
	outline: none;
}

.gb-site-header .gb-element-e10e4be2 .gbp-button--primary:active,
.gb-site-header .gb-element-e10e4be2 a.gb-text:active {
	background: #174a72 !important;
}

/* --- Логотип крупнее и темнее; кнопка и бургер в его цвете --- */

.gb-site-header .gb-element-05ab3c5a img {
	height: 36px !important;
	width: auto !important;
	max-height: none !important;
	filter: brightness(0.86) saturate(1.04);
}

.gb-site-header .gb-element-e10e4be2 .gbp-button--primary,
.gb-site-header .gb-element-e10e4be2 a.gb-text {
	--lid-logo-blue: #1a507c;
	height: 36px !important;
	max-height: 36px !important;
	background: #1a507c !important;
	font-size: 11px !important;
}

.gb-site-header .gb-element-e10e4be2 .gbp-button--primary:hover,
.gb-site-header .gb-element-e10e4be2 a.gb-text:hover {
	background: #23608f !important;
}

.gb-site-header .gb-element-e10e4be2 .gbp-button--primary:active,
.gb-site-header .gb-element-e10e4be2 a.gb-text:active {
	background: #123d5f !important;
}

/* Бургер — в цвете логотипа */
.gb-site-header button.gb-menu-toggle {
	background: #1a507c !important;
	border-color: #1a507c !important;
}

.gb-site-header button.gb-menu-toggle:hover,
.gb-site-header button.gb-menu-toggle:focus-visible {
	background: #23608f !important;
	border-color: #23608f !important;
}

/* Логотип и кнопка — по одной оси: обёртка логотипа ровно в высоту знака */
.gb-site-header .gb-element-05ab3c5a {
	display: flex !important;
	align-items: center !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
}

/* Логотип — строчным без зазора под линией шрифта: иначе знак съезжает на 2px */
.gb-site-header .gb-element-05ab3c5a a {
	display: flex !important;
	align-items: center !important;
	line-height: 0 !important;
}
.gb-site-header .gb-element-05ab3c5a img {
	display: block !important;
	vertical-align: middle !important;
}

/* --- Бургер: вместо полосок — крылья из логотипа, отзеркаленные --- */

.gb-site-header button.gb-menu-toggle {
	height: 36px !important;
	width: 56px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 12px !important;
}

/* Стандартную иконку убираем, оставляем только свою маску */
.gb-site-header .gb-menu-open-icon svg {
	display: none !important;
}

/* Крылья: берём левую часть логотипа как маску и заливаем белым */
.gb-site-header .gb-menu-open-icon {
	display: block !important;
	width: 38px !important;
	height: 24px !important;
	background-color: #ffffff !important;
	-webkit-mask-image: url("https://lid.group/wp-content/uploads/2026/10/35logo.png");
	mask-image: url("https://lid.group/wp-content/uploads/2026/10/35logo.png");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	/* логотип 240×35, крылья занимают первые 56 px: растягиваем маску
	   так, чтобы в окно попала только эта часть */
	-webkit-mask-size: 428.6% 100%;
	mask-size: 428.6% 100%;
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
	transform: scaleX(-1);
	transform-origin: center;
}

/* Иконка закрытия остаётся крестиком, но чуть крупнее — по размеру кнопки */
.gb-site-header .gb-menu-close-icon svg {
	width: 20px !important;
	height: 20px !important;
}

/* --- Бургер без плашки: только синие крылья, как в логотипе --- */

.gb-site-header button.gb-menu-toggle {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 48px !important;
	height: 36px !important;
	border-radius: 0 !important;
}

.gb-site-header button.gb-menu-toggle:hover,
.gb-site-header button.gb-menu-toggle:focus-visible {
	background: transparent !important;
	border: 0 !important;
	opacity: 0.75;
}

/* Крылья показываем прямо из файла логотипа — в их родном синем */
.gb-site-header .gb-menu-open-icon {
	background-color: transparent !important;
	background-image: url("https://lid.group/wp-content/uploads/2026/10/35logo.png") !important;
	background-size: 428.6% 100% !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	transform: scaleX(-1);
}

/* Крестик закрытия рисуется текущим цветом — на светлой шапке он должен быть синим */
.gb-site-header button.gb-menu-toggle {
	color: #1e5d90 !important;
}

/* Крылья по высоте кнопки «Обсудить проект»: 36 px, пропорции из логотипа */
.gb-site-header button.gb-menu-toggle {
	width: 58px !important;
	height: 36px !important;
}

.gb-site-header .gb-menu-open-icon {
	width: 58px !important;
	height: 36px !important;
}

/* --- Чёткость: тот же знак, но в разрешении 953×139, без фильтров --- */

.gb-site-header .gb-element-05ab3c5a img {
	content: url("https://lid.group/wp-content/uploads/2026/10/1logo.png");
	height: 36px !important;
	width: auto !important;
	filter: none !important;
	image-rendering: auto;
}

.gb-site-header .gb-menu-open-icon {
	background-image: url("https://lid.group/wp-content/uploads/2026/10/1logo.png") !important;
	/* крылья в этом файле занимают x 0..221 из 953 и почти всю высоту 139 */
	background-size: 431% 104.5% !important;
	background-position: 0 -0.5px !important;
	image-rendering: auto;
}

/* Логотип не растягиваем: пропорции 953:139 сохраняем */
.gb-site-header .gb-element-05ab3c5a img {
	max-width: none !important;
	object-fit: contain !important;
}

/* Логотип остаётся в своём слоте 220 px: картинка вписывается без искажений */
.gb-site-header .gb-element-05ab3c5a {
	width: 220px !important;
}
.gb-site-header .gb-element-05ab3c5a img {
	width: 220px !important;
	height: 36px !important;
	object-fit: contain !important;
	object-position: left center;
}

/* Кнопка и бургер — по высоте видимого знака логотипа (32 px) */
.gb-site-header .gb-element-e10e4be2 .gbp-button--primary,
.gb-site-header .gb-element-e10e4be2 a.gb-text {
	height: 32px !important;
	max-height: 32px !important;
}

.gb-site-header button.gb-menu-toggle {
	width: 53px !important;
	height: 32px !important;
}

.gb-site-header .gb-menu-open-icon {
	width: 53px !important;
	height: 32px !important;
}

/* Бургер — по центру строки, как логотип и кнопка */
.gb-site-header button.gb-menu-toggle {
	align-self: center !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* --- Бургер с подписью «МЕНЮ»: иконка + слово, вместе по высоте кнопки --- */

.gb-site-header button.gb-menu-toggle {
	width: 46px !important;
	height: 32px !important;
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1px !important;
	padding: 0 !important;
}

.gb-site-header .gb-menu-open-icon {
	width: 34px !important;
	height: 20px !important;
	flex: 0 0 auto !important;
}

.gb-site-header button.gb-menu-toggle::after {
	content: "МЕНЮ";
	display: block;
	font-family: "Century Gothic", "Century Gothic Pro", Bahnschrift, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	font-size: 7.5px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #1e5d90;
	white-space: nowrap;
	order: 2;
}

.gb-site-header button.gb-menu-toggle:hover::after,
.gb-site-header button.gb-menu-toggle:focus-visible::after {
	color: #246ba3;
}

/* --- Часы убираем, бургер встаёт сразу за логотипом --- */

.gb-site-header nav.gb-navigation > .gb-element-2f6a8c8f {
	display: none !important;
}

.gb-site-header nav.gb-navigation > .gb-element-05ab3c5a { order: 1; }
.gb-site-header nav.gb-navigation > button.gb-menu-toggle { order: 2; }
.gb-site-header nav.gb-navigation > .gb-element-e3521e10 { order: 3; }
.gb-site-header nav.gb-navigation > .gb-element-3d0ac6a0 { order: 4; }
.gb-site-header nav.gb-navigation > .lid-topbar-mail { order: 5; }
.gb-site-header nav.gb-navigation > .gb-element-e10e4be2 { order: 6; }

/* Бургер — по высоте коробки логотипа */
.gb-site-header button.gb-menu-toggle {
	width: 52px !important;
	height: 36px !important;
}

.gb-site-header .gb-menu-open-icon {
	width: 40px !important;
	height: 24px !important;
}

/* --- Крылья в размер логотипа, подпись «МЕНЮ» — снизу справа от них --- */

.gb-site-header button.gb-menu-toggle {
	width: auto !important;
	height: 36px !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	gap: 5px !important;
	padding: 0 0 2px !important;
}

.gb-site-header .gb-menu-open-icon {
	width: 53px !important;
	height: 32px !important;
	align-self: flex-start !important;
}

.gb-site-header button.gb-menu-toggle::after {
	font-size: 7.5px;
	line-height: 1;
	letter-spacing: 0.12em;
	padding-bottom: 1px;
}

/* Крылья по центру высоты, подпись — по их нижнему краю */
.gb-site-header .gb-menu-open-icon {
	align-self: center !important;
}
.gb-site-header button.gb-menu-toggle {
	padding-bottom: 3px !important;
}

/* --- Выравнивание бургера по логотипу: тот же центр, плотнее подпись --- */

.gb-site-header button.gb-menu-toggle {
	padding: 0 !important;
	gap: 2px !important;
	align-items: flex-end !important;
}

.gb-site-header .gb-menu-open-icon {
	width: 50px !important;
	height: 30px !important;
	align-self: center !important;
}

.gb-site-header button.gb-menu-toggle::after {
	margin-bottom: 3px;
	padding-bottom: 0;
}

/* --- «МЕНЮ» по центру строки, как текст «Обсудить проект» --- */

.gb-site-header button.gb-menu-toggle {
	align-items: center !important;
	gap: 3px !important;
}

.gb-site-header .gb-menu-open-icon {
	align-self: center !important;
}

.gb-site-header button.gb-menu-toggle::after {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.09em;
}

/* Подпись «МЕНЮ» — на 2 px ниже, в одну линию с телефоном, почтой и кнопкой */
.gb-site-header button.gb-menu-toggle::after {
	position: relative;
	top: 2px;
}

/* Страница «BitrixGPT + Маркетплейс» (id 2407): убираем только лишнюю
   полосу шапки темы, фирменная шапка остаётся как на всех страницах */
.page-id-2407 header.site-header {
	display: none !important;
}

/* Строка копирайта темы под основным подвалом не нужна нигде:
   юридическая информация уже есть в фирменном подвале */
footer.site-info {
	display: none !important;
}